16 12
发新话题
打印

[PhotoShop] 制作抽象光线桌面的教程[英文版]

制作抽象光线桌面的教程[英文版]

感谢:Raku提供
Provided by: web design victoria vision media

看不懂E文的请看会员jark的翻译,他用自己的设计过程+理解。给大家重新整理和翻译!
【看中文版!】


Step 1
Create a new document and fill the background color with this hex color value #2a3b4d or any color you would prefer.



Step 2
By using the edge of a photoshop shape, or drawing your own curves with selection tools or even the path tool create a shape similar to above. I accually used the edge of the heart vector shape as the color white.



Step 3
Right click the layer and Select Layer Transparancy. Click the eyeball icon to hide the shapes layer. Then on a new layer with your selection still selected use the Linear gradient tool white the color of white and click/drag into the selected area like above.




Step 4
You should have a similar result from following the previous step.



Step 5
On a new layer create a radial gradient of white and then set this layers blending mode to overlay and lower the fill to around 50% allowing it to blend with the background color.






Step 6
Now heading back to the light rays shapes layer, right click and duplicate the layer and then using CTRL + T rotate multiple copies of this shape simply rotating and scaling as you like until you get a similar or desired effect.




附件: 您所在的用户组无法下载或查看附件
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

继续~~~


Step 7
Un-hide your origional shapes layer and select the layer transparancy again. Now on the same layer hit your arrow keys a few times to the right to move your selection until a thin line is left. press the delete key to remove the rest of the shape leaving you with only the line.



Step 8
Using the same CTRL + T, for transform method as above do the same copy/pasting/resizing with the lines until they line up similar to the previous shapes you duplicated.



Step 9
Now go in with a Low opacity Eraser tool and brush over the lines fading them into the background. set all the line layers Blending modes to color dodge and lower the opacity as you see fit.



Step 10
You should have something similar to above. Here we have simply used the Color Dodge tool to add some intensity to the middle area of the rays




Step 11
Press CTRL + A to select the entire canvas. Now press CTRL + SHIFT + C or your photoshop shortcut default for copy merged. This will copy a merged version of the image to the clipboard even though your elements are on different layers. Press CTRL + N for a new document or file >> new and paste the copied image. Now you can work with the document on a single layer which is handy for color dodging.
Now that we have the new document, on your images layer right click and go to blending options. We are going to apply an inner shadow to the entire image like above creating a 'vignetting' type effect intensifying the image with black edging.



Step 12
You should now have something similar to above! enjoy !

附件: 您所在的用户组无法下载或查看附件
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

拓展设计


Step 1
Copy the image above into photoshop or learn how to create the above image in our tutorial at Abstract Light Rays Tutorial.




Step 2
Select the Color Dodge Tool and a small soft brush like the images above, leave the Color Dodge Range to Highlights



Step 4
Now you can create various size brush marks right on the image layer. The more you click, the brigter it will get. To create the 'bloom' effect that a star would give off I tend to start with my glow size and then using the [ and ] keys to change the brush size I apply smaller and smaller brush marks to the same areas until it appears to be glowing.



Step 5
It really is just that simple
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • justin_h =饭团= +5 我很赞同 2008-5-27 10:34
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

先把沙发坐稳了喽,

英文的教程要仔细的研究下哦

TOP

好棒呀   有没有翻译哩   不过看图还可以~!

TOP

相当的棒哦,学习了
凑字凑字凑字凑字凑字
设计说话,用代码攻坚!

TOP

早就想学学极光的做法了,老大还真是会体贴人呢

铸造中国GUI!!

TOP

谢谢,受教啦~~~~嘿嘿
怎么你在哭泣

怎么你也失去了

你的年华
... ...

TOP

很喜欢的效果..
就是英文的看的有点累..

谁可以翻译一下就好了。。。。。。。。

[ 本帖最后由 skyhua 于 2008-5-27 14:30 编辑 ]

TOP

效果很不错......学习ing....

TOP

很不错,老外的东西总是能将最微妙的技术和思想转变成最终的效果,赞一个

TOP

翻译一下嘛 谁 真的看的很吃力哦!.......................

TOP

嘿嘿  交作业啦·· ········
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • iconsbox 发烧度 +5 很不错!想必已经学了不少了吧! 2008-6-20 10:20
  • iconsbox =饭团= +3 很不错!想必已经学了不少了吧! 2008-6-20 10:20

TOP

第六步是什么步骤? 颜色一下子就变呢?

[ 本帖最后由 sheic 于 2008-6-16 20:58 编辑 ]

TOP

谢谢楼主分享,有点像海浪一般的感觉。。。。

TOP

 16 12
发新话题