查看: 1607|回复: 2
打印 上一主题 下一主题

[教程] 用PS快速打造像素风图案

[复制链接]

600

主题

3

听众

4875

积分

中级设计师

Rank: 5Rank: 5

纳金币
2095
精华
72

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

跳转到指定楼层
楼主
发表于 2013-12-3 13:55:09 |只看该作者 |倒序浏览
授人以鱼不如授之以渔,教会大家一个案例,不如教会大家一种方法。



  设计的思维模式绝对不能”僵化”,在学习各种教程时,要留意他们使用的方法,并注意时间,这样你的水平便能提高很快。



  今天的教程是:用ps快速打造像素风图案。



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




1271525_1382318520VzDK.jpg

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

  步骤2:放大到最大
1271525_1382318521NOGL.jpg

  步骤3:用”铅笔工具”开始绘制
1271525_13823185228x8p.jpg

  步骤4:默认设置即可;大小1px,颜色使用#000000 不透明度100%
1271525_1382318526s0sc.jpg

  步骤5:创建新图层,该图层将用来绘制形状。
1271525_1382318526Xt66.jpg

  步骤6:在图层1中这么画几个点

1271525_1382318530ASs8.jpg

  步骤 7:使用矩形选框工具选中它们。
1271525_1382318530D7re.jpg

  步骤8:图像->裁剪
1271525_1382318531Saps.jpg

  步骤9:隐藏背景图层
1271525_1382318532KddQ.jpg

  步骤10:编辑->定义图案

1271525_13823185328mM8.jpg

  步骤11:会弹出这样的对话框

1271525_1382318536lX6x.jpg

  就有这款图案了

1271525_13823185378Z9e.jpg

  效果展示:

1271525_138231853738Qv.jpg

1271525_138231853816t1.jpg

1271525_1382318541Ftn6.jpg

1271525_1382318541mvuY.jpg

1271525_1382318542YP0d.jpg

1271525_1382318545AGoM.jpg

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

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

0

主题

2

听众

3238

积分

中级设计师

Rank: 5Rank: 5

纳金币
0
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

沙发
发表于 2014-3-21 23:38:08 |只看该作者
Thanks for sharing.
回复

使用道具 举报

0

主题

2

听众

3238

积分

中级设计师

Rank: 5Rank: 5

纳金币
0
精华
0

最佳新人 活跃会员 热心会员 灌水之王 突出贡献

板凳
发表于 2014-5-9 12:01:17 |只看该作者
谢谢分享
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /1 下一条

手机版|纳金网 ( 闽ICP备08008928号

GMT+8, 2024-5-2 19:11 , Processed in 0.089570 second(s), 30 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部