优界网

首页 > 教程经验 > PS教程:利用自定义形状快速打造图案

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

103

0

0

2015-04-23 18:03:43

〆色計ㄕ╄

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

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

相关推荐:
《PS教程:教你用滤镜制作动感行驶的消防车》
《PS中蒙版的使用技巧,你掌握了吗?》
《PS教程:创建怀旧的针织圣诞贺卡》

How to Create Web Patterns in Photoshop

步骤1:创建新文件

How to Create Web Patterns in Photoshop

步骤2:复制背景图层

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

How to Create Web Patterns in Photoshop

How to Create Web Patterns in Photoshop

步骤3:重设画布大小

How to Create Web Patterns in Photoshop

How to Create Web Patterns in Photoshop

How to Create Web Patterns in Photoshop

步骤4:反向图层

How to Create Web Patterns in Photoshop

How 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 Photoshop

How 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 Photoshop

How to Create Web Patterns in Photoshop

步骤13:定义图案

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

How to Create Web Patterns in Photoshop

How to Create Web Patterns in Photoshop

给图案命名

How to Create Web Patterns in Photoshop

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

How to Create Web Patterns in Photoshop

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

本文由网原创翻译,转摘请注明网译文出处,谢谢各位小编。

 

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×