开启辅助访问勋章商城切换到宽版

o(￣ヘ￣o＃) 任务菌(`へ´*)ノ懒人通道_(:3」∠)_签到领奖官方微博紧急反馈中心

有爱，有技术，有你^_^)y

技术宅社区 | Z站»家 › 设创区 › Photoshop › 非原创教程 › 【搬运】PS制作精细格子纹理小图标

12 3 4 / 4 页下一页

发新帖

查看: 4757|回复: 46

收起左侧

[创意教程] 【搬运】PS制作精细格子纹理小图标

黑猫小丫头

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

371 主题	651 好友	22万积分

喵喵喵最喜欢我家CP了，蹭~

积分: 223869

发表于 2013-9-10 11:50:55 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要登录才可以下载或查看，没有账号？╱人◕‿‿◕人╲订下契约（注册新用户）

x

本帖最后由 _VastCast 于 2015-3-4 13:30 编辑

这里是黑猫小丫头的发帖机器人，竭诚为您服务，谢谢~

转自Uimaker

效果图由底纹、环形小框及文字三部分构成，基本上用图层样式就可以完成。底纹部分稍微复杂一点，需要用滤镜等来制作纹理。

最终效果

登录/注册后可看大图

.
1、打开Photoshop，Ctrl+N新建一个文档，文档尺寸可自定义。

登录/注册后可看大图

.
2、按住Alt键双击背景图层，使其转换为普通图层。然后再次双击，打开图层样式面板，为其添加颜色叠加样式，颜色为#262523。

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.
3、新建一层，用白色大号柔边画笔在画布中心点击出白色亮光。

登录/注册后可看大图

.
4、Ctrl+T将其拉宽压扁，如下图所示。

登录/注册后可看大图

.
5、将图层不透明度调整为10-30%，这里可以根据自己的感觉来调整。

登录/注册后可看大图

.
6、接下来我们创建icon主体。利用圆角矩形工具在画布中心点击，在弹出的对话框中设置数值如下。

登录/注册后可看大图

.
7、在圆角矩形上方随意绘制一个比其尺寸大一些的形状，因为我们后面会将其转换为剪贴蒙版，因此形状可随意绘制。

登录/注册后可看大图

.
8、为创建的形状添加角度渐变。

登录/注册后可看大图

.
9、然后按住Alt键在角度渐变与圆角矩形中间点击鼠标左键，将其转换为剪贴蒙版。然后在图层名称上点击右键，将其转换为智能对象。

登录/注册后可看大图

.
10、利用马赛克滤镜（滤镜>像素化>马赛克）对其进行分块处理。

登录/注册后可看大图

.
11、将执行了马赛克滤镜的图层Ctrl+J复制一层，同样转换为剪贴蒙版。然后点击滤镜>风格化>照亮边缘。

登录/注册后可看大图

.
12、将其图层混合模式设置为线性减淡（添加），图层不透明度设置为30%。此时每个格子间都被细线分割开了。

登录/注册后可看大图

.
13、将上一步创建的图层Ctrl+J再次进行复制。将图层混合模式设置为减去，图层不透明度设置为20%。
.
选择移动工具，利用键盘上的方向键将其位置向下方与右方分别移动1像素。这样格子的间隔部分便形成了凹槽的效果。

登录/注册后可看大图

.
14、利用椭圆工具在icon中心绘制出一个正圆形。

登录/注册后可看大图

.
15、然后为其添加图层样式。

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.
16、利用椭圆工具在icon中心再次创建一个较小的正圆形。

登录/注册后可看大图

.
17、为其添加图层样式。

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.
18、下面我们来添加文字。

登录/注册后可看大图

.
19、然后为文字添加图层样式。

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.
20、把第4步创建的圆角矩形图层按住Alt键向上拖动复制一份，把填充调为0，这样我们就可以不受这个图层本身颜色的控制了，而可以对图层样式进行调整。

登录/注册后可看大图

.
21、给它添加图层样式。

登录/注册后可看大图

.

登录/注册后可看大图

.

登录/注册后可看大图

.
22、双击图层，打开图层样式面板。在混合选项中，将“图层蒙版隐藏效果”勾选上。

登录/注册后可看大图

.
23、然后为图层添加蒙版，用黑色画笔将细节擦出来。

登录/注册后可看大图

.
最后添加上倒影，完成最终效果。

登录/注册后可看大图

.

喵喵发帖机器人今天的工作到此结束，感谢您的阅读~再见~

评分

参与人数 1	宅币 +22	贡献 +4	宅の石（入宅度） +1	收起理由
原味板烧鸡腿堡	+ 22	+ 4	+ 1

查看全部评分

心之所向，意之所及。天涯彼岸，你我相依

回复

使用道具举报

该用户从未签到

231 主题	175 好友	6万积分

去死一死好不好？

积分: 63111

发表于 2013-9-10 11:59:08 | 显示全部楼层

这个好棒！！！

内有萌物出没

回复

使用道具举报

签到天数: 9 天

连续签到: 1 天

[LV.3]偶尔看看II

39 主题	46 好友	9万积分

debug.moe

积分: 95442

发表于 2013-9-10 14:31:39 | 显示全部楼层

实用性挺高的_(:з」∠)_

有模版么【泥垢！(-__-)=@))> o<)

Debug是使命，Moe即是正义！debug.moe！

回复支持反对

使用道具举报

黑猫小丫头

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

371 主题	651 好友	22万积分

喵喵喵最喜欢我家CP了，蹭~

积分: 223869

楼主| 发表于 2013-9-10 15:47:56 | 显示全部楼层

RangerCD 发表于 2013-9-10 14:31
实用性挺高的_(:з」∠)_
有模版么【泥垢！(-__-)=@))> o

没有诶~CD君可以自己试试看制作哦~【本消息来自黑猫小丫头回复机器人】

心之所向，意之所及。天涯彼岸，你我相依

回复支持反对

使用道具举报

签到天数: 9 天

连续签到: 1 天

[LV.3]偶尔看看II

39 主题	46 好友	9万积分

debug.moe

积分: 95442

发表于 2013-9-10 16:30:30 | 显示全部楼层

黑猫小丫头发表于 2013-9-10 15:47
没有诶~CD君可以自己试试看制作哦~【本消息来自黑猫小丫头回复机器人】

_(:з」∠)_我又犯懒了了。。。最近好忙啊

Debug是使命，Moe即是正义！debug.moe！

回复支持 0 反对 1

使用道具举报

黑猫小丫头

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

371 主题	651 好友	22万积分

喵喵喵最喜欢我家CP了，蹭~

积分: 223869

楼主| 发表于 2013-9-10 16:35:35 | 显示全部楼层

RangerCD 发表于 2013-9-10 16:30
_(:з」∠)_我又犯懒了了。。。最近好忙啊

开学都这样啦~【本消息来自黑猫小丫头回复机器人】

心之所向，意之所及。天涯彼岸，你我相依

回复支持反对

使用道具举报

签到天数: 9 天

连续签到: 1 天

[LV.3]偶尔看看II

39 主题	46 好友	9万积分

debug.moe

积分: 95442

发表于 2013-9-10 16:36:17 | 显示全部楼层

黑猫小丫头发表于 2013-9-10 16:35
开学都这样啦~【本消息来自黑猫小丫头回复机器人】

QAQ各种作业都来了。。。

Debug是使命，Moe即是正义！debug.moe！

回复支持反对

使用道具举报

黑猫小丫头

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

371 主题	651 好友	22万积分

喵喵喵最喜欢我家CP了，蹭~

积分: 223869

楼主| 发表于 2013-9-10 16:37:38 | 显示全部楼层

RangerCD 发表于 2013-9-10 16:36
QAQ各种作业都来了。。。

呵呵，是啦~有作业就做掉它啦~ 作业做得好，老师会给你加分哟~或者当全班同学面表扬你~【本消息来自黑猫小丫头回复机器人】

心之所向，意之所及。天涯彼岸，你我相依

回复支持反对

使用道具举报

签到天数: 9 天

连续签到: 1 天

[LV.3]偶尔看看II

39 主题	46 好友	9万积分

debug.moe

积分: 95442

发表于 2013-9-10 16:38:09 | 显示全部楼层

黑猫小丫头发表于 2013-9-10 16:37
呵呵，是啦~有作业就做掉它啦~ 作业做得好，老师会给你加分哟~或者当全班同学面表扬你~【本消息来自黑猫 ...

你确定你说的是大学么。。。

Debug是使命，Moe即是正义！debug.moe！

回复支持反对

使用道具举报

很多只捏蓝蓝路

该用户从未签到

2 主题	19 好友	1万积分

积分: 10365

发表于 2013-9-10 19:40:06 | 显示全部楼层

这个有用。

谢谢楼主

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

木耳还没熟

该用户从未签到

1 主题	19 好友	3537 积分

积分: 3537

发表于 2013-9-10 19:55:59 | 显示全部楼层

受教了！十分感谢！LZ辛苦了~

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

伤的绝缘体

签到天数: 3 天

连续签到: 1 天

[LV.2]偶尔看看I

33 主题	48 好友	2万积分

积分: 21416

发表于 2013-9-10 19:59:11 | 显示全部楼层

灰奔去开ps~感恩LL这么好的教程

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

该用户从未签到

74 主题	117 好友	4万积分

2B青年欢乐多，泥萌嚎，这里是小黑←_←

积分: 40633

发表于 2013-9-10 20:00:50 | 显示全部楼层

好漂亮

(;-_-)ノ 黑穷挫 o(-_-;*)

回复

使用道具举报

看戏的傻子

签到天数: 4 天

连续签到: 1 天

[LV.2]偶尔看看I

9 主题	38 好友	1万积分

积分: 14638

发表于 2013-9-10 20:47:18 | 显示全部楼层

学习啊学习~

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

该用户从未签到

1 主题	0 好友	689 积分

积分: 689

发表于 2013-9-10 20:50:37 | 显示全部楼层

感谢！做完了，感觉和最终图效果差了些，不过学到很多~

签名被小宅喵吞掉了~~~~(>_<)~~~~

回复支持反对

使用道具举报

12 3 4 / 4 页下一页

发新帖

小黑屋|手机版|技术宅（基宅） ( 粤ICP备18082987号-1 | 浙公网安备 33010902001746号 )

GMT+8, 2024-5-8 05:00 , Processed in 0.330163 second(s), 28 queries , Redis On.

Copyright © 2018 技术宅社区

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表