已经跳坑UI的同学老实交代!当年有木有练过这类图标!今天这枚图标效果很经典了,不多介绍,作为一枚入门必备的练手图标,今天重新把教程写出来给大家练手,附上PSD,开工吧。
源文件 微盘下载
首先,看看我们的山寨原图。
我们的成品:
原图有点小,我这里文档比原图建得稍大了一些。
我们首先进行背景的创建,我创建了一个"渐变"调整层,设置的#444c60到#262f37的90度的径向渐变。
建个新图层,填充白色,执行"滤镜—杂色—添加杂色",设置杂色数量为20%,平均分布,并将这个图层混合模式更改为"正片叠底"。
下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下图案,记得把文档的背景图层删除掉,我们只要那个斜线图层。
接下来,我们把这个图案自定义,执行"编辑—自定图案"。
回到我们的文档,在"杂色"图层上层,新建个图层,执行"编辑—填充",选择使用图案填充,找到刚才我们自定义的那个图案,确定。
将这个斜线图层的图层不透明度更改为30%,这样我们就完成了背景的创建。
设置前景色为黑色,画一个黑色的圆角矩形,并将填充更改为20%
为这个底框图层添加一个内阴影
添加一个投影
复制这个底框图层,摆放到右边,现在我们得到如下的效果:
下面,我们开始制作图标的整体,用圆角矩形工具,画一个圆角矩形。
为这个框添加一个渐变叠加。
添加一个外描边。
添加一个内阴影。
现在,我们得到如下效果:
选择框图层,复制一层在下层,调整圆角矩形大小,宽度缩小4像素,高度不变,向下移动4像素。
选择框拷贝图层,再次复制一层在下层,同样的宽度还是缩小4像素,高度不变,向下移动4像素。
为这个最底层的框,也就是框拷贝2图层增加一个外发光。
增加一个投影。
现在,我们的效果如下:
接下来,打上字。
为这个数字设置一个渐变。
添加一个投影。
设置前景色为#172026,画一个矩形。
为这个线,设置一个投影。
用圆角矩形工具,画一个圆角矩形。
为这个圆角矩形设置一个渐变叠加。
上一页12 下一页 阅读全文
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 张艾嘉1997《滚石24K》24K金碟珍藏版系列[低速原抓WAV+CUE][1.1G]
- 宝可梦大集结开服有哪些免费时装获取 大集结免费时装获取大全
- 宝可梦大集结国服新手宝可梦怎么选 新手公测宝可梦推荐
- 宝可梦大集结国服公测福利获取方法大全 大集结开服福利有哪些
- AminaFigarova-SuiteForAfrica(2024)[24-96]FLAC
- 黑鸭子VS绿色森林2007-男女情歌对唱[首版][WAV+CUE]
- 群星《半个月亮爬上来》[DTS-WAV]
- 日本大雷少女COS赏
- 《怪猎荒野》PS5Pro性能表现一般 外媒:会有专门优化
- 《碟中谍8》首支预告公布!阿汤哥手扒飞机惊心动魄
- 孙露《忘不了》1:1黄金母盘直刻珍藏版[低速原抓WAV分轨][1G]
- 试音宝典《试机二十六号》K2HD母盘直刻[低速原抓WAV+CUE][1.1G]
- 群星《唱给女人的歌》24K德国HD金碟[WAV+CUE]
- 孙燕姿.2011-是时候【美妙音乐】【WAV+CUE】
- 苏芮.2003-回首·时代全经典2CD【华纳】【WAV+CUE】