最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 设计在线 > 平面设计> PhotoShop cs4打造矢量风格PClady视觉设计

PhotoShop cs4打造矢量风格PClady视觉设计

文章作者:网友投稿 发布时间:2009-01-06 来源:网络

本Photoshop教程是一例时尚女性主题的视觉设计,在通道使用"添加杂色"制作出选取,大量使用形状图层绘制形状,形状间的叠加产生层次感,配合图层蒙版来制作整体的画面。结合椭圆工具、形状图层及变换功能,制作一个多层次的圆形图像;使用钢笔工具绘制各种艺术图形;

  烈火建站学院(LieHuo.Net)Photoshop教程 本Photoshop教程是一例时尚女性主题的视觉设计,在通道使用"添加杂色"制作出选取,大量使用形状图层绘制形状,形状间的叠加产生层次感,配合图层蒙版来制作整体的画面。结合椭圆工具、形状图层及变换功能,制作一个多层次的圆形图像;使用钢笔工具绘制各种艺术图形;利用自定义形状工具绘制装饰图形;利用"渐变叠加"及"描边"等图层样式,对图像进行细节的调整处理。先看看效果图:

photoshop cs4 矢量风格太平洋女性视觉
最终效果

  1、新建一个文件,并设置其对话框如图1,单击"确定"命令按钮退出对话框,设置前景色的颜色值为#fcf0f4,按Alt+Delete组合键用前景色填充图层。

photoshop cs4 矢量风格太平洋女性视觉
图1

  注意:下面将通过在通道中进行调整来为图像的底色添加一些杂色,使画布具有纹理,从而更加丰富。

  2、切换到"通道"调板,新建一个通道得到"Alpha 1",按D键将前景色和背景色恢复为默认的黑白色,选择"滤镜"|"杂色"|"添加杂色"命令,并设置其对话框如图2所示,单击"确定"命令按钮退出对话框,得到如图3所示。

photoshop cs4 矢量风格太平洋女性视觉
图2

photoshop cs4 矢量风格太平洋女性视觉
图3#p#副标题#e#

  3、按住Ctrl键单击"Alpha 1"的缩览图以载入选区,返回"图层"调板,新建一个图层得到"图层1",设置前景色的颜色为黑色,按Alt+Delete组合键用前景色填充选区,按Ctrl+D键取消选区,设置"图层1"的混合模式为"叠加",得到如图4所示。

photoshop cs4 矢量风格太平洋女性视觉
图4

  4、设置前景色的颜色值为#eb8bb0,选择椭圆工具 ,并在其工具选项栏中单击形状图层命令按钮 ,按Shift键在画布的左侧绘制一个如图5所示的椭圆形状,并得到相应的形状图层"形状1"。

photoshop cs4 矢量风格太平洋女性视觉
图5

  5、退出对"形状1"的矢量蒙版的选择状态,按Ctrl +Alt+T组合键调出自由变换控制框,按住Shift+Alt组合键拖动控制框的句柄以圆心为中心缩小形状如图6所示的状态,按Enter键确认,得到"形状1副本"。

photoshop cs4 矢量风格太平洋女性视觉
图6

  6、更改"形状1副本"的颜色值为#f48819,得到如图7所示。

photoshop cs4 矢量风格太平洋女性视觉
图7

  7、下面将重复第5~6步的操作方法,以圆心为中西复制并缩放多个圆环,并按照如图8所示修改其颜色,此时"图层"调板的状态如图8所示调板。

photoshop cs4 矢量风格太平洋女性视觉
图8

  注意:圆环的颜色您可以自由发挥,不一定要完全按我所制作的效果。您也可以参考我的源文件。下面将通过对这个圆环的复制并利用图层蒙版等技术对其处理,以制作出华丽的主题轮廓。#p#副标题#e#  8、在选择"形状1副本15"的状态下,按住Shift键单击"形状1"的图层名称一将该图层及两图层之间所有图层选中,按Crtl+E组合键应用"合并图层"命令,将合并后图层重命名为"图层2",复制两个"图层2"得到"图层2副本"和"图层2副本2",使用移动工具 按照如图9所示摆放,此时"图层"调板的状态如图9里的调板所示。

 

photoshop cs4 矢量风格太平洋女性视觉
图9

  9、选择"图层2副本2"为当前的操作图层,按住Ctrl键单击"图层2"和"图层2副本"的图层名称以将两图层选中,按Ctrl+G组合键创建一个新组,得到组1。

  10、选择圆角矩形工具 ,并在其工具选项栏中单击路径命令按钮 ,并设置半径为200px,在三个圆的上面绘制一条如图10所示的路径,按Ctrl+Enter组合键将路径转换为选区,单价添加蒙版命令按钮 为"组1"添加图层蒙版,得到如图11所示。

photoshop cs4 矢量风格太平洋女性视觉
图10

photoshop cs4 矢量风格太平洋女性视觉
图11

  11、打开"素材"如图12所示,该素材为形状图层,使用路径选择工具 将该形状图层的路径拖至第一步新建的文件当中,按Ctrl+T组合键调出自由变换并复制控制框,按住Shift键缩小图像将其移至如图13所示的位置,按回车确认。

photoshop cs4 矢量风格太平洋女性视觉
图12

photoshop cs4 矢量风格太平洋女性视觉
图13#p#副标题#e#  12、按Ctrl+Alt+T组合键调出自由变换并复制控制框,在控制框中单击鼠标键,在弹出的快捷菜单中选择"水平翻转"命令,并向右移动至如图14所示的位置,按回车键确认变化操作,按Ctrl+Enter组合键将路径转换为选区。

 

photoshop cs4 矢量风格太平洋女性视觉
图14

  13、选择"组1"的图层蒙版为当前操作状态,设置前景色为白色,按Alt+Delete组合键用前景色填充选区,按Ctrl+D组合键取消选区,得到如图15所示效果,图层蒙版的状态如图16所示。

photoshop cs4 矢量风格太平洋女性视觉
图15

photoshop cs4 矢量风格太平洋女性视觉
图16

  14、打开第11步打开的素材,使用移动工具 将其移至第1步新建的文件中,得到"形状1"按Ctrl+T组合键调出自由变换控制框,按Shift键缩小图像并旋转180度,将其末头和一个圆环的条形结合,如图17所示,按回车确认变换操作,将"形状1"的颜色值改为与末头交接的色块颜色,得到如图18所示。

photoshop cs4 矢量风格太平洋女性视觉
图17

photoshop cs4 矢量风格太平洋女性视觉
图18

  15、按上一步同样的方法制作不同的伸出枝杈,在选择自定义工具 ,是在工具条上选择图层路径,然后在画布上点击鼠标右键,在弹出的形状类型选择框中选择如图19所示的形状,并在画布中绘制几个如装饰物,最终做出如图20所示。

photoshop cs4 矢量风格太平洋女性视觉
图19

photoshop cs4 矢量风格太平洋女性视觉
图20#p#副标题#e#

  16、选择"形状2副本2"及"图层2"和它们之间的全部图层,按Ctrl+E组合键应用"合并图层"命令,将合并的图层重命名为"图层2",选择钢笔工具 ,在主题图像上绘制一条如图21所示的人物半张脸的轮廓的路径,用路径选择工具 选中该路径,按Ctrl+Alt+T组合键调出自由变换框,在控制框中单击鼠标右键,并在弹出的菜单中选择"水平翻转"命令,并向右移至相对应的位置,如图22所示,按Enter键确认变换操作。

photoshop cs4 矢量风格太平洋女性视觉
图21

photoshop cs4 矢量风格太平洋女性视觉
图22

  17、按Ctrl+Enter组合键将路径转换为选区,单击添加图层蒙版命令 为"图层2"添加图层蒙版,得到如图23所示。

photoshop cs4 矢量风格太平洋女性视觉
图23

  18、任意设置前景色的颜色,选择椭圆工具 ,并在其工具选项栏中单击形状图层命令 ,按Shift键在人物脸庞的右侧眼睛的位置绘制一个如图24所示的正圆形。

photoshop cs4 矢量风格太平洋女性视觉
图24

  19、单击添加图层样式命令按钮 ,在弹出的菜单中选择"渐变叠加"命令,并设置其对话框如图25所示,在图层样式对话框中选择"内阴影"和"内放光"选项卡,分别设置其对话框如图26和图27所示,得到如图28所示效果。

photoshop cs4 矢量风格太平洋女性视觉
图25

photoshop cs4 矢量风格太平洋女性视觉
图26

photoshop cs4 矢量风格太平洋女性视觉
图27

photoshop cs4 矢量风格太平洋女性视觉
图28#p#副标题#e#  19、利用椭圆工具 分别绘制黑色瞳孔和白色的光点以使眼睛更加又神,得到如图29的效果,并分别的到"形状2"和"形状3"。

 

photoshop cs4 矢量风格太平洋女性视觉
图29

  20、其它五官的绘制方法均为钢笔工具 绘制形状得到的,您可以参考如图30来进行绘制,此时"图层"调板如图30里的调板状态。

photoshop cs4 矢量风格太平洋女性视觉
图30

  21、重复第15步的操作方法,利用自定义形状工具 绘制更多个如图31所示不同颜色、不同大小的装饰花朵图像。

photoshop cs4 矢量风格太平洋女性视觉
图31

  22、利用矩形工具 ,并选择工具选项栏中的形状图层按钮 ,选择"图层1"为操作图层,在图像中绘制一些矩形,并设置其不透明度为30%,得到如图32的效果。

photoshop cs4 矢量风格太平洋女性视觉
图32

  23、最后利用自定义形状工具 和横排文字工具 输入装饰的文字信息,最终效果如图33所示,到这里就完成了这个作品。

上一篇: Photoshop经验总结:三个方法简单学习

下一篇: 手把手教你用PS制作简单的GIF动画图片

共有0条评论网友评论