正在阅读:Photoshop cs4打造矢量风格PClady视觉设计Photoshop cs4打造矢量风格PClady视觉设计

2009-01-06 10:47 出处:PConline 作者:博艺智联 责任编辑:zengxiaolan
1PS设计矢量风格PClady视觉插画(1)回顶部

 

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

  【相关阅读】Photoshop CS4全新功能演示图

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

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

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

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

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

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

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

2PS设计矢量风格PClady视觉插画(2)回顶部

  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

  注意:圆环的颜色您可以自由发挥,不一定要完全按我所制作的效果。您也可以参考我的源文件。下面将通过对这个圆环的复制并利用图层蒙版等技术对其处理,以制作出华丽的主题轮廓。

3PS设计矢量风格PClady视觉插画(3)回顶部

  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

4PS设计矢量风格PClady视觉插画(4)回顶部

  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

5PS设计矢量风格PClady视觉插画(5)回顶部

  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

6PS设计矢量风格PClady视觉插画(6)回顶部

  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 cs4 矢量风格太平洋女性视觉
图33
 

  点击:下载本教程源文件及素材

  延伸阅读】

    Photoshop制作Windows Vista风格图标

    Photoshop将照片转为水墨风格手绘插画

    Photoshop教程:打造非主流都市风格海报

    Photoshop CS3 打造水墨风格美女

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品