ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4729|回复: 11
收起左侧

[按钮图标] 设计一枚云下载图标教程

[复制链接]
发表于 2016-4-28 04:11:06 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
一篇临摹教程,按钮外形主要是用路径画出来,然后用图层样式制作出立体质感,中间的云图案运用了布尔运算来制作,整体不算难,一起来学习一下。云下载图标:这是我做的:

这是原图:

作者:EchoXie777 出处:站酷
 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
求批评建议:1,内阴影——内嵌的阴影——黑色(模式:正片叠底)投影——高光——白色效果:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
斜面和浮雕实现的按钮突出来的光影效果:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
2,布尔法则小技巧:选择工具选择一个形状,Alt+选择工具移动,即可在同一个图层上复制一个一样的形状(不要忘了布尔选项要先选择一个,一般新建图层应该是灰的)。3,画这个下载云,我一开始用的是只描边不填充。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
然而效果应该是这样,下面中间是空的。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
于是我就用布尔法则选择减去顶层图层,画了一个圆,结果就成了这样:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
我就想,这是什么鬼。。。。。。。。接着就想他那是怎么怎么做的呢,既然用的不是描边,然后我就联想到了昨天做的twiiter的图标,用的是填充没有用描边然后才能减去,我就试了一下,用填充减去形成一个边缘。。。。

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层
减去中间部分:

回复 支持 反对

使用道具 举报

 楼主| 发表于 2016-4-28 04:11:06 | 显示全部楼层

设计一枚云下载图标教程

果然就可以了。。。简单修一下圆角(先画一个大的矩形切掉多余的,然后画一个小的圆形合并,就是小圆在矩形里面)

如果小圆在矩形外面的话,想把圆之外的边角切掉比较困难,好难用语言形容的。。。自己体会得。今天这个图标我没有看教程做,就是几个数值还有遇到不会弄的时候看一眼,基本都是自己做的,恩。然后我这几天做ps图标做的快了点了,不会什么问题都去问度娘了哈哈,挺开心的吧,每天都有进步,然后我这周还是临摹图标,但是尽量不看教程临摹了吧。
回复 支持 反对

使用道具 举报

发表于 2020-4-16 12:17:59 | 显示全部楼层
我的作业:怎么把内陷做的更明显?
downloading.png
回复 支持 反对

使用道具 举报

发表于 2020-12-16 17:12:10 | 显示全部楼层
临摹
未标题-52.jpg
回复 支持 反对

使用道具 举报

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

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-4-27 07:34 , Processed in 0.048598 second(s), 13 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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