Ebook Photoshop Easy-Hard part 177

Chia sẻ: Qwdsdasdvdfv Qwdasdasdasd | Ngày: | Loại File: PDF | Số trang:6

0
30
lượt xem
5
download

Ebook Photoshop Easy-Hard part 177

Mô tả tài liệu
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tham khảo tài liệu 'ebook photoshop easy-hard part 177', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

Chủ đề:
Lưu

Nội dung Text: Ebook Photoshop Easy-Hard part 177

  1. This week we are going to take the rollovers in Imageready to a new level. We are going to create custom rollovers and look at one of the new options in version 7. The folks at Adobe have made it so easy to create killer interactively. Here is a menu bar I made for an example. Choose the slice tool Click and drag to define a slice area. Continue until you have defined a slice for each button. When you are finished, select the first button. This is the one we will work with for the rest of this tutorial. In the rollover pallette you can see that all the slices are automatically assigned rollover numbers. These do not actually become rollovers until a new state is added, but they are all ready to go and you can see them all at a single glance. Click the new state button in the bottom of the palette. The over state is appliedabd you will see it nested in the palette.
  2. To change the rollover, apply a color overlay layer effect to the button text. Choose red. The text will now change to red when the mouse rolls over the slice. Click the add state again, and we have the default down state. This will change the image when the mouse is clicked. With the color overlay palette still open (I wish they would introduce these palettes to Photoshop) Choose blue as the color. You will see the blue color in the rollover palette thumbnail. Here is the document with the blue text. What if we don't want the color to change until we release the mouse button? Easy, just click on the arrow at the top right of the rollover palette and the drop down menu will appear. Choose Rollover State Options… A pop up appears. Select "Click" You will notice all kinds of option including custom where you can do a little javascript.
  3. The Name on the thumbnail will now be changed to "Click State" You can test your rollovers in the web browser to check they work correctly. That's all we have time for this week. I hope you enjoyed our little venture into the rollover palette. Next week we will look at animations in the new rollover palette and a couple of the new options. Technical Support Forum : http://vietdown.org/vbb/index.php IMAGEREADY 7. ROLLOVER PALETTE PART 3 By Colin Smith This week I thought I would give our PC users a glance at Imageready 7. So I have taken my screen captures on the PC. Photoshop works on both platforms exactly the same. We are going to dive deeper into the rollover palette and I am going to show you how easy it is to add disjointed, animated rollovers. What this means is that when the mouse rolls over the button, not only will the button change, but it will also trigger a little animation in a different portion of the page. As you can imagine, this has tons of uses. Try this one in Javascript and it will take you a while longer than Imageready 7. We are beginning with the same document we used last week. Select the first button. Open the rollover pallette and you will see the rollover that we created last week. Open the animation pallette. On the Rollover pallette, select the Over state. Now all the changes will only be applied when the mouse rolls over the object. Create a new layer. This layer will accommodate the object to be animated. Draw a shape into our image area.
  4. Click the new frame button. Drag the object to a different position. The object will now move when we rollover. However the animation would not be very smooth with only 2 frames. Rather than create all the frames, Imageready can do it for us with a feature called "tweening" Click the little arrow on the top right of the animations pallette and choose "tween" (Tween is an old animation term short for "In-between") Choose Previous frame and 5 for the frames to add. Click ok. Imageready ha now created 5 in between frames for us, allowing for a smooth animation. You will notice a little icon next to the rollover state. This means there is an animation attached. Lets see it in the Rollover palette…. Click on the top right of the rollover palette and when you see the drop down menu, select Palette options. In the top of the options window you will see a box "Include animation frames" Check this box and click OK. Expand the view in the Rollover palette by clicking the collapse arrow next to the "over" state. You can now view all the frames of the animation. Click the preview in browser button. Roll your mouse over the button and watch the animation and imagine the possibilities! If you wanted the animation to run once and then stop choose "once" in the bottom left of the animation palette. With this kind of technology at your fingertips, imagine what you can do to your webpage? I think we are going to see an influx of
  5. animated rollovers on the web when Photoshop and Imageready 7 are released. Technical Support Forum : http://vietdown.org/vbb/index.php Interfaces pt-1 Basic shape It seems that everyone wants to know how to build high-Tech interfaces these days. So here we go! We are starting a new series of tutorials this week that will take you from nothing - all the way to a cool i-face for your webpage. We will add remote rollovers and all, so stay tuned! Today we will start out by creating your basic shape and making it 3D and shiny metal. Of course you can make yours any shape. Lets get started. If you want to cheat- download the finished PSD file here. By Colin Smith www.photoshopcafe.com Start with a blank transparent layer. Here we have begun to draw our basic shape using the marquee tools. To add to the selection hold the shift key. To subtract, hold down the Ctrl/Cmd key.
  6. Fill the selection with black. We still want to play around with the shape, so keep drawing selections and filling with black, or deleting untill you get a shape you like. Use the polygon lasso tool, its really cool, just click, then click again, it will draw a straight line between the 2 points. You will have to click back to the beginning point, you will see a little circle when the pointer is over the start, then click to complete the shape. Cut out some circles and stuff, we will add buttons and gizmos here later. Everything should still be on one layer. Load the selection by holding Ctrl/Cmd and clicking on the thumbnail picture in the layers pallete.
Đồng bộ tài khoản