篮网飘逸效果设计步步进(页 1) - 站长设计素材 - 设计教程 - 草根站长论坛 --我们用心打造中国一流的站长论坛!

admin 发表于 2008-1-12 20:43

篮网飘逸效果设计步步进

曾几何时，篮网随着投篮命中而随风飘逸的那一时刻，笔者的心也突然一起飘动了起来，多么想将这精彩的瞬间记录下来呀！这不，笔者一不做二不休，选择了自己喜爱的Photoshop7.0，设计出了篮球投进后球网跟着舞动的效果；下面就请大家一起来看看这种特效的制作过程，同时回味一下投篮命中的快感吧！
　　1、运行Photoshop程序，打开Photoshop7.0的主操作界面，在该界面的菜单栏中单击“文件”菜单项，从弹出的下拉菜单中选择“新建”命令，就能打开如图1所示的新建对话框了；在该对话框的名称文本框处，大家可以输入“篮网飘逸”这个图象名字，同时在宽度、高度设置栏处输入新建图象的宽度为300像素、高度为300像素，将图象的分辨率设置为96pixels/inch；在颜色模色设置栏处，将图象的显示模式设置为RGB 7v2T,Hgy"{Q[
color，并在文档背景设置栏下，将图象的背景颜色选择为“白色”，设置好这些参数后，单击该对话框中的确定按钮，返回到主编辑界面；
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball01.jpg[/img]
图01(LJ_I&` q
　　2、现在大家先来看看蓝框的设计。在图层面板窗口中，单击新建图层按钮，来创建一个Layer +baP/Aj3V
1图层，然后单击主界面左边的工具条上的“圆形选区工具”来在Layer 1图层中画一个椭圆； i6J%U0u_/V'C {)wh
　　3、接着将鼠标移动到工具条中的前景色设置按钮上单击，将当前编辑区的前景色颜色值设置为#036E68，然后用鼠标在工具条中选择“渐变”工具，渐变的颜色按照如图2所示的参数进行设置，
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball02.jpg[/img](T{Hrc}*w/K
图02
设置好以后在椭圆选区中拉出渐变； 3hp[.D}
　　4、接着再选择“圆形选区工具”来在Layer
1图层中的椭圆内部，画一个椭圆选区，这样大家就能减去中间部分，从而得到一个椭圆圆环；接着大家可以按住键盘上的ALT键移动复制此圆环，将两个圆环的位置叠加到合适位置处，大家就可以实现篮框的制作了，如图3所示就是篮框效果图； _~\6Y"]L,A7m6bc
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball03.jpg[/img]/N4P|9{8]/kYU,Mc
图03
　　5、下面就该进行篮球网的设计了，在设计球网时，大家可以先在图层面板窗口中，单击新建图层按钮，来重新创建一个图层，接着再在工具条中选择钢笔工具，在新建的图层中按照如图4所示的画面来描绘篮球网线的路径； -C a7fD-o^Y|
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball04.gif[/img]RVHc.Sl`;t4UT
图04%}CZR.k},|
　　6、返回到工具条上，选择铅笔工具，将笔刷的大小设置合适，同时将笔刷的颜色设置为#B52E34；将鼠标移动到路径面板窗口中，单击路径面板窗口中的向右箭头的小三角，随后程序将打开一个快捷菜单，如图5所示； 0|$o~6xaJ.g-|)N
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball05.jpg[/img]ih9cFV9j[8M-w|
图05jD0}f[
　在该菜单中，大家可以选择“描边路径”命令，在随后出现的如图6所示的界面中，选择描边的工具为“铅笔”，并单击确定按钮；
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball06.jpg[/img],^`G@(`l-|9|6O"c4_
图06
　　7、接着大家可以将当前制作出来的路径进行复制，在复制的过程中大家要注意篮球网线的明暗效果变化，复制并移动各路径到合适的位置处，最后得到的网线效果应该象如图7所示的那样，这样便于将篮球网线合并成球网； g F#L'o}8p"C5y'A
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball07.jpg[/img]
图07L ].qWS @#t:L
　　8、对如图7所示的网线图层进行若干次复制，然后使用工具条中的移动工具，来调整各个图层中的网线位置，使网线绞接排列在一起，排列的过程中注意近大远小的常识和颜色的的调整规律，使之出现透视关系，最后大家应该得到5条篮网线，其效果图如图8所示；
　　9、到目前为止，大家已经设计好了篮网的最基本元素，现在只要再想办法让这些元素组合成篮网就可以了；重新返回到图层窗口中，用鼠标选择好如图8所示的图层，然后依次在菜单栏中执行“图层”/“复制图层”命令； ,]?VZE9v3`)R'KI
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball08.jpg[/img]!~`6T v2n6S$T N){ m
图08
　10、再用鼠标选中复制后得到的图层，并用鼠标单击菜单栏中的“编辑”/“自由变换路径”命令，来将该复制后的图层稍微旋转一个合适的角度，同时使用CTRL+U命令来按照远近调整物体明暗，接着再用移动工具调整好该图层中的网线的对齐位置； 6T}7` ^$NK
　　11、选择“矩形选区工具”来将篮网两侧的网线线条选中，并分别执行菜单栏中的“滤镜”/“模糊”/“模糊”命令，要是效果不太明显的话，可以重复执行这样的命令几次，最后大家将会得到一个如图9所示的效果画面；
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball09.jpg[/img]G$P H-Z]?
图09
　　12、图9所示的篮网还没有一点动感，为此我们在接下来的步骤中要对篮网进行动感修饰，以便让篮球网产生一种飘逸的效果；返回到图层窗口中，并用鼠标左键单击篮网图层；随后，大家在主操作界面中，用鼠标单击菜单栏中的“滤镜”菜单项，在接着打开的下拉菜单中依次选择“扭曲”/“曲线”命令；
　　13、在接着打开的图10所示的参数设置对话框中，
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball10.jpg[/img]Oz$]dTr
图10
　　大家必须将“Wrap y^I#M*?KS:F)J8M
Around”选项选中，设置好以后单击该对话框中的确定按钮返回到Photoshop的主编辑界面中；
　　14、为了使篮网飘逸效果设计得更形象一些、更逼真一点，大家可以将鼠标移动到工具条中，然后根据篮球球网实际飘逸的情况，来选中“减淡工具”或者“加深工具”，将篮网飘逸后的局部颜色细节进行调整；
15、重新返回到图层窗口中，单击新建图层按钮，来重新创建另外一个图层，在这个图层中，大家再象征性地设计一个篮板，以方便固定篮框；设计篮板时，大家只要在新图层中画一个正方形区域，并填充合适的颜色，同时对正方形区域进行适当程度的羽化，接着再打开图层效果画面，给该图层设置合适的投影效果；
　　16、最后，大家可以将制作好的篮板、篮框和篮网图层进行巧妙的拼合，同时复制篮网，并使用CTRL+U命令对它的颜色明暗的变化进行合适处理，并用移动工具摆好位置，以便让篮网按篮框围绕；再用黑色的小圆在篮框的相对位置做出篮网网绳穿出的小孔，调整篮网位置，做出线条从里面拉出来的效果； y#p$o)x gqh
　　17、所有的设置完成后，在菜单栏中依次执行“图层”/“拼合图层”命令，这样Photoshop程序就能将所有图层合并起来，大家就能看到一个如图11所示的篮网飘逸效果了，接着大家可以选择合适的保存方式将设置的效果画面存起来。,]Fc"zCe9u
[img]http://www.pconline.com.cn/pcedu/sj/pm/photoshop/10305/pic/030521psbasketball11.jpg[/img]
图11

页: [1]

草根站长论坛's Archiver

篮网飘逸效果设计步步进