分享

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

 羽翼之空 2014-10-02

在设计图案时,有时候我们会对繁琐复杂的图案束手无策,今天我教大家如何利用像素点来打造图案,难度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

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

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

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量61万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 


非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/custom-shape-quickly-build-pattern

本文标签:, ,
订阅更新:您可以通过 RSS订阅我们的内容更新
【推荐!设计师必备网址导航】http://hao.uisdc.com

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多