首页

PS教程

PSD素材

PS素材

背景图片

高清图片

字体下载

矢量素材

PS资源

PS作品

会员专区
注册 / 登录
收藏
入门教程照片处理抠图教程调色教程文字特效经典合成鼠绘教程滤镜特效非 主 流GIF 动画签名溶图创意设计
 您当前的位置: PhotoShop资源网 >> PS教程 >> PS教程 >> 创意设计 >> 正文

Animated Shine

[ 作者来源:Ramseus/biorust 编辑整理:PhotoShop资源网 更新时间: 2006-07-18 录入: 黄叶飞扬 ]

Give your signatures a little bling with this highly-detained animated shine. It may look difficult from the outset, but with both Photoshop & Imageready at your disposal, you’ll be amazed just how quickly you can create this cool effect!

Step 1: Open up an image or artwork file in Photoshop of any size and/or format. If at this stage you have chosen an Adobe Photoshop file with layers, you may have to think about where you want to add the shine. Most people will just apply it to text, but I’ve gone far enough as to apply it selectively to a whole image. It’s really up to you...

按此在新窗口浏览图片


Step 2: Once your thinking is over, create a new layer on top of all the others (shortcut: CTRL+SHIFT+N) and call it ’shine’.

按此在新窗口浏览图片


Step 3: Make a selection with your Polygon Lasso Tool.  If you are applying the shine to a large object, select a large area akin to the selection in the first image below. Conversely, if you are selecting something smaller (like text), select a smaller area as shown in the second image below.  For the sake of this tutorial, I will be using the larger-size selection.

按此在新窗口浏览图片

按此在新窗口浏览图片


Step 4: Now select the Gradient Tool, and make sure linear gradient is chosen.

按此在新窗口浏览图片


Step 5: Select the "foreground to transparent" gradient, and make sure the color is a light color.   Your settings should be similar to those below:

按此在新窗口浏览图片


Step 6: Drag the Gradient Tool from the front of your selection to the back, trying to keep the line at a 90 degree angle to your selection.

按此在新窗口浏览图片


Step 7: Select the layer/object you want to be shine-i-fied using the magic lasso tool (contiguous option unchecked if needed).  Alternatively, you can use any of Photoshop’s other selection techniques (there are lots of them! ;).

按此在新窗口浏览图片


Step 8: Now its time for the good stuff!  Select the "shine" layer once again (make sure you DON’T deselect your selection), and on the bottom of the layers palette click the "add layer mask" button.

按此在新窗口浏览图片


Step 9: Now click on the link icon once (it will vanish, meaning that the layer and the mask are no longer linked). Then move your mouse back to the main layers and click the thumbnail of the shine layer (the one on the left).

按此在新窗口浏览图片


Step 10: You can now freely move your shine effect (it works best if you hold the ’shift’ key when you move it to keep your movement intervals regular).

按此在新窗口浏览图片


Step 11: Now we need to add the animation, so transfer the file over to Imageready by clicking on the appropriate button on the bottom of the tools palette.  Just in case you don’t know which one this is, its this one:

按此在新窗口浏览图片


Step 12: As soon as Imageready loads, make sure that the Animation Palette is open. If it isn’t, you can manually open it by selecting it from Window > Animation. For the first frame, move the shine off of the image (just drag it until you can’t see it), then click on the duplicate frame button. 

按此在新窗口浏览图片


Step 13: With the Shine layer still selected, move the shine slightly into view, then click the duplicate frame button again.    Don’t forget to move the shine in the correct direction - whichever way the solid side of the shine is facing is the front.


Step 14: Completing the rest of the animation is now relatively simple - Just continue moving the shine a little bit, and then clicking the duplicate frame before repeating the process.  Of course, if you want the shine to be fast, drag it more every time, and if you want it to be slower, then drag it only a little every time.  After you’ve created enough frames that you can’t see the shine anymore, set the last frame in the animation to have a 2-5 second show time, so that you have a pause in the animation (you can change this simply by clicking on the ’0 sec’ text at the bottom of each frame and selecting an alternate value).    You’re now done, so save your masterpiece with File > Save Optimized As... and show it to the world!

按此在新窗口浏览图片

Note: Remember that animations have a large file size and are only valid in GIF format (JPEGs do not support animation).   If you find that your creation is a little too large, cut down on the number of frames to reduce the bulk a little.  A compromise between complexity and file size can always be reached.   Have fun!  :)



≡★ 免 责 声 明 ★≡

除本站原创外,本站所提供的所有教程均收集整理自网络,其版权归该教程直原始作者或原始出处所有!

除特别声明外,您可以在保持教程的完整和注明来源的前提下免费复制、转贴本站所提供的所有教程;但是,不可以盗链本站的图片!

除特别声明外,在未经许可的情况下您不得将本站所提供的任何教程(包括资源)用于商业用途;

如果确有需要,请自行与该教程的原始所有权者(即:原始作者或出处)联系,本站不提供相关服务;否则,由此而引发的一切后果由您自负!