10分钟快速教程:用PS打造像素风图案 - 优设网 - UISDC

10分钟快速教程:用PS打造像素风图案

2013/10/19 27125评论区

授人以鱼不如授之以渔,教会大家一个案例,不如教会大家一种方法。
设计的思维模式绝对不能”僵化”,在学习各种教程时,要留意他们使用的方法,并注意时间,这样你的水平便能提高很快。

今天的教程是:用PS快速打造像素风图案。
图案能让你的网页背景更加漂亮。本教程将展示如何在5-10分钟内快速打造像素风格图案。废话不多说,开始了!

相关推荐:
超赞!Pixelator图片一键像素化神器
深度解析!如何与像素打交道

Create Pixel Pattern Tips
 

步骤一:

先来创建画布,画布大小可任意调整,但不能少于10×10 px,因为我们做出来的图案大小不能小于10 x10 px,文中采用了100 x 100 px,这样便能进行”放大”、”缩小”。

1

步骤二:

放大到最大

15

步骤3:

用”铅笔工具”开始绘制

3

步骤4:

默认设置即可;大小1px,颜色使用#000000 不透明度100%

4

步骤5:

创建新图层,该图层将用来绘制形状。

5

步骤6:

在图层1中这么画几个点

6

步骤 7:

使用矩形选框工具选中它们。

7

步骤8:

图像->裁剪

7 - 副本

步骤9:

隐藏背景图层

7 - 副本 - 副本

步骤10:

编辑->定义图案

Create Pixel Pattern Photoshop
 

步骤11:

会弹出这样的对话框

9

这不就有这款图案了吗

9 - 副本

效果展示:

10

用克莱因蓝(RGB 0.47,147)试一下!还不错!

这张图呢?

Create Pixel Pattern Tips
 
Create Pixel Pattern Photoshop
 11

12

13

结论

希望这个小教程对你有所帮助,举一反三,打造自己的图案吧!

原文地址:http://omahpsd.com/2013/06/quick-tips-create-pixel-pattern-photoshop/
优设网翻译:@MartinRGB
转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座:每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音(YY频道:156982)分享实战经验。
设计微博:拥有粉丝量56万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ps-make-pixel-images

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里