页面载入中...

PS教程:利用自定义形状快速打造图案

xingphotoshop, 2014-01-120

how-to-create-pattern-photoshop-preview[1].jpg

 在设计图案时,有时候我们会对繁琐复杂的图案束手无策,今天我教大家如何利用像素点来打造图案,难度3颗星,用基本的矢量形状来打造图案。大家来学习下吧~~~~

How to Create Web Patterns in Photoshop

步骤1:创建新文件

How to Create Web Patterns in Photoshop

步骤2:复制背景图层

将使用该图层设置参考线,以便后面裁剪

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

步骤3:重设画布大小

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

步骤4:反向图层

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

步骤5:设置参考线

How to Create Web Patterns in Photoshop

步骤6:隐藏图层1

How to Create Web Patterns in Photoshop

步骤7:创建自定义形状

“自定义形状” 颜色#000000  选个星形 (小编电脑里无星形形状,这里开始用原文的图了)

How to Create Web Patterns in Photoshop

将星形放在画布上,如下图所示

How to Create Web Patterns in Photoshop

步骤8:栅格化图层,并减少图层的填充百分比

将形状图层栅格化

How to Create Web Patterns in Photoshop

减少形状图层的填充度到50%

How to Create Web Patterns in Photoshop

步骤9:复制黏贴图层

使用矩形选框工具,按下图选择区域,然后复制

How to Create Web Patterns in Photoshop

新建图层,填充50%,然后粘贴,位置摆放如下。

How to Create Web Patterns in Photoshop

步骤10:添加其他形状

复制形状1图层,在中心区域随便放置,然后记得重复步骤9,如下图所示

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

这是最终结果:

How to Create Web Patterns in Photoshop

步骤11:选择图层1

选择图层1的中心画布区域

How to Create Web Patterns in Photoshop

步骤12:裁剪

图像->裁剪

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

步骤13:定义图案

隐藏背景图层 编辑->定义图案

How to Create Web Patterns in PhotoshopHow to Create Web Patterns in Photoshop

给图案命名

How to Create Web Patterns in Photoshop

这便是“图案叠加”的最终结果

How to Create Web Patterns in Photoshop

原文地址:omahpsd.com
优设网翻译:@MartinRGB



分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信