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

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

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

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

步骤一:

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

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

步骤二:

放大到最大

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

步骤3:

用"铅笔工具"开始绘制

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

步骤4:

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

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

步骤5:

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

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

步骤6:

在图层1中这么画几个点

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

步骤 7:

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

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

步骤8:

图像->裁剪

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

步骤9:

隐藏背景图层

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

步骤10:

编辑->定义图案

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

步骤11:

会弹出这样的对话框

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

这不就有这款图案了吗

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

效果展示:

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

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

这张图呢?

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

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

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

结论

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

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

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

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

收藏 2
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。