创新易联欢迎您!16年高端网站建设品牌

如果利用图层设计出精美的形状

日期:2014-08-28 | 来源:易联网站建设公司 | 阅读:

      深圳网站建设( www.innont.com )行业十强品牌:创新互联!中国第一高端精品网站设计策划机构,深圳网站设计深圳网站制作第一品牌!

      深圳网站设计创新互联今天给大家讲解的教程是如果利用图层的效果来设计出精美的形状,分为一下几个步骤:


      1. 新建一个文件,设置WIDTH为800PIXELS,HEIGHT为600 PIXELS,RESOLUTION为300PIXELS/INCH,MODE为RGB COLOR,CONTENTS为BACKGROUND COLOR。(800*600是网页设计的最小尺寸)


      2. 打开图层调板,单击新建图片组按钮,新建一图层级SECL。


      3. 在组SECL中新建图层1,选择钢笔工具进行网站设计,单击属性栏中的图形层按钮,设置前景色为#737374(暂定),在图层1内绘制人头剖面图。然后在图层上用右键单击鼠标,执行RASTERIZE LAYER命令,将图层1转换成光栅层。


      4. 新建图层2放在图层1之上,选择钢笔工具,设置颜色为#DADAD9(暂定),然后绘出头盔形状。


      5. 新建图层3放在图层2之上,选择工具属性栏中的图角矩形工具,单击属性栏中的形状层按钮,设置PADIUS为30PX,在头盔后面的耳朵部位绘出圆角矩形,单击形状层按钮,设置PADIUS为1PX,单击ADD TO SHAPE ARCA(+)按钮(此属性同3D中的合集布尔运算),在图角矩形上绘出矩形,这样,这二部分的形体就成为一个组合形体了。


      6. 在图层3之上新建网站建设图层4,选择图角矩形工具,设置工具属性为:RADIUS为30PX,然后在耳机上方绘出两个圆角矩形,确认形状正确后,转换成光栅图层。


      7. 新建图层5放在图层4之上,再选择工具箱中的椭圆工具,设置颜色为#C1C1C1(暂定),绘出细长扁圆形状,然后单击工具属性栏中的ADD TO SHAPE AREA(+)按钮,在其下的相连位置,再绘制一个椭圆,最后再绘制五个椭圆和一个长方形相连。


      8. 执行自由变换命令,将肚子形状调整。


      9. 新建图层6放在图层5之上,网站制作过程中选择钢笔工具,在脸的左下方绘出一条细管线,然后将SHAPE LAYER转换成光栅层。


      10. 新建图片+1放在SET图层组(总层)之上,载入图层1选区,选择辐射渐变工具,双击工具属性栏中的色块,在弹出的GRADIENT EDITOR对话框中设置渐变色,从左到右依次为#D28B51,#BE4D27,#6D3616.


      11. 在图像眼睛部位由外向里拉出渐变效果。


      12. 新建图片+2放在图层+1之上,载入图层2选区,选择辐射渐变工具,设置渐变色从左到右依次为#9DB5F、#645F2B、#1D0D0E,从图像头盔部位向外拉出渐变效果。


      13. 在图层+2中,执行添加杂色命令,设置AMOUNT为6.37%,勾选GAUSSIAN、MONOCHROMATIC.


      14. 载入图层+2选区,进入通道调板中,新建通道ALPHAL,向选区内填充白色后,执行浮雕命令,设置ANGLE为18,HEIGHT为6PIXELS AMOUNT为22%。


      15. 回到图层+2,按CTRL+D键取消选区,执行应用图像命令,网页设计中设置LAYER为+2,CHANNEL为ALPHAL,BLENDING为HARD LIGHT,勾选PRESERVE TRANSPARENCY(如果你不勾选此项,将看不到最终效果)。
这时,你会发现头盔已不再是平面效果,而是具有一定立体效果的,你也注意到边缘地带的变化了吧!


      16. 新建图层+3,载入图层3选区,从耳机中心拉出辐射渐变效果,颜色同头盔一致,执行曲线命令,设置INPUT为104,OUTPUT为157,这种方法可以使渐变中心锥点呈圆滑梯状。执行添加杂色命令,参数设置同步骤13.


      17. 将耳机复制,在通道调板中新建一通道ALPHA2,将耳机粘贴进来(为了确保位置与层相符,在复制时要按全选)。


      18. 回到图层+3,着墨其它所有图层显示,执行光照效果命令的网站建设效果,设置为ALPHA2,勾选WHITE IS HIGH。


      19. 新建图片+4,载入层4选区,用线性渐变工具,分别为两个圆管拉出线性渐变,渐变颜色设置为8F8E51、#21100A,执行添加杂色命令。


      20. 载入图层+4选区,进入通道调板,新建一通道,向街区内填充白色,执行浮雕命令,回到图层+4,按取消选区,执行应用图像命令,设置LAYER为+4,单击OK按钮。


      21. 新建图层+5,载入图层5选区,选择线性渐变工具,为脖颈拉出渐变效果,颜色从左到右依次为#575625、#BEAB47、#222011、#A79F43、#464219、#607646.


      22. 执行添加杂色命令,设置AMOUNT为6.37%,勾选GAUSSIAN和MONOCHROMATIC.


      23. 仍旧在图片+5中,选择线性渐变工具,为管线拉出与脖颈相同的渐变色。


      24. 回到图层+2,单击图层调板下面的增加图片样式按钮,从弹出的菜单中选择投影,在LAYER STYLE对话框中,设置参数如下:勾选DROP SHADOW,BLEND MODE为6PX,SPREAD为7%,SIZC为10PX,单击OK按钮,增加投影效果,然后在相应的图层上用右键单击鼠标,在弹出的菜单中选择复制图层样式和粘贴图层样式的网站设计,分别将图层+2的投影效果添加到层+3、层+4中,最后把图层组SETL中的所有图层显示关闭,单击图片组SETL前面的小三角图标,将其所在层收拢。


      以上步骤完成后,一副精美的网站设计形状效果图出来,网页制作的核心也就在于不断的去了解设计工具,去完善自己的设计技能。

 

      本文由深圳网站建设公司:创新互联Janet供搞,转载时请保留此链接,谢谢合作!
      文章出处:
www.innont.com/newsdetail.asp?news_id=1305

—— 微信公众号 ——

热门标签