Photoshop cs4教程:打造矢量风格

娜一笑的风情x4

娜一笑的风情x4

2016-01-29 18:33

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

效果图:

photoshop cs4 矢量风格中国PClady视觉设计


效果图

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

photoshop cs4 矢量风格中国PClady视觉设计


图1

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

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

photoshop cs4 矢量风格中国PClady视觉设计


图2

photoshop cs4 矢量风格中国PClady视觉设计


图3

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

photoshop cs4 矢量风格中国PClady视觉设计


图4[next]

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

photoshop cs4 矢量风格中国PClady视觉设计


图5

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

photoshop cs4 矢量风格中国PClady视觉设计


图6

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

photoshop cs4 矢量风格中国PClady视觉设计


图7

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

photoshop cs4 矢量风格中国PClady视觉设计


图8[next]

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

8、在选择"形状1副本15"的状态下,按住Shift键单击"形状1"的图层名称一将该图层及两图层之间所有图层选中,按Crtl+E组合键应用"合并图层"命令,将合并后图层重命名为"图层2",复制两个"图层2"得到"图层2副本"和"图层2副本2",使用移动工具按照如图9所示摆放,此时"图层"调板的状态如图9里的调板所示。

photoshop cs4 矢量风格中国PClady视觉设计


图9

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

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

photoshop cs4 矢量风格中国PClady视觉设计


图10

photoshop cs4 矢量风格中国PClady视觉设计


图11

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

photoshop cs4 矢量风格中国PClady视觉设计


图12

photoshop cs4 矢量风格中国PClady视觉设计


图13[next]

12、按Ctrl+Alt+T组合键调出自由变换并复制控制框,在控制框中单击鼠标键,在弹出的快捷菜单中选择"水平翻转"命令,并向右移动至如图14所示的位置,按回车键确认变化操作,按Ctrl+Enter组合键将路径转换为选区。

photoshop cs4 矢量风格中国PClady视觉设计


图14

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

photoshop cs4 矢量风格中国PClady视觉设计


图15

photoshop cs4 矢量风格中国PClady视觉设计


图16

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

photoshop cs4 矢量风格中国PClady视觉设计


图17

photoshop cs4 矢量风格中国PClady视觉设计


图18[next]

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

photoshop cs4 矢量风格中国PClady视觉设计


图19

photoshop cs4 矢量风格中国PClady视觉设计


图20

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

photoshop cs4 矢量风格中国PClady视觉设计


图21

photoshop cs4 矢量风格中国PClady视觉设计


图22

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

photoshop cs4 矢量风格中国PClady视觉设计


图23[next]

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

photoshop cs4 矢量风格中国PClady视觉设计


图24

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

photoshop cs4 矢量风格中国PClady视觉设计


图25

photoshop cs4 矢量风格中国PClady视觉设计


图26

photoshop cs4 矢量风格中国PClady视觉设计


图27

photoshop cs4 矢量风格中国PClady视觉设计


图28[next]

19、利用椭圆工具 分别绘制黑色瞳孔和白色的光点以使眼睛更加又神,得到如图29的效果,并分别的到"形状2"和"形状3"。

photoshop cs4 矢量风格中国PClady视觉设计


图29

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

photoshop cs4 矢量风格中国PClady视觉设计


图30

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

photoshop cs4 矢量风格中国PClady视觉设计


图31

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

photoshop cs4 矢量风格中国PClady视觉设计


图32

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

photoshop cs4 矢量风格中国PClady视觉设计



展开更多 50%)
分享

猜你喜欢

Photoshop cs4教程:打造矢量风格

PS PS教程
Photoshop cs4教程:打造矢量风格

Photoshop CS4教程:打造喜庆迎春炮竹贺新年

PS PS教程
Photoshop CS4教程:打造喜庆迎春炮竹贺新年

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop CS4调色教程:打造浪漫意境的红叶林

PS PS教程
Photoshop CS4调色教程:打造浪漫意境的红叶林

Photoshop CS4教程:去除照片上无用的元素

PS PS教程
Photoshop CS4教程:去除照片上无用的元素

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop CS4合成古城堡图像效果

电脑网络
Photoshop CS4合成古城堡图像效果

Photoshop CS4鼠绘教程:绘制爱国诗人屈原国画

PS PS教程
Photoshop CS4鼠绘教程:绘制爱国诗人屈原国画

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

取出所有的传递参数短方法

取出所有的传递参数短方法

浅析Windows防火墙的缺陷

浅析Windows防火墙的缺陷
下拉加载更多内容 ↓