ps制作html图标素材,PS按钮图标制作 您所在的位置:网站首页 ps设计小图标 ps制作html图标素材,PS按钮图标制作

ps制作html图标素材,PS按钮图标制作

2022-05-26 02:03| 来源: 网络整理| 查看: 265

PS按钮图标制作教程:设计简洁风格的半透明科技感按钮图标素材。

3、拉两条参照线。按Ctrl + R 调出标尺,然后用移动工具分别拉一条水平和垂直的参照线,如下图。

208fce58c8381a4dc4bebdb3abb9edc0.png

4、在工具箱选择“椭圆选框工具”。

985109d535a94a539c5159dd3011a884.png

5、以参照线交点为起点,按住Alt + Shift 键拉出下图所示的正圆选区。

ba9b2d7819110b6d011d243f8cdace34.png

6、点击新建按钮,新建一个空白图层。

7855ccbee99fec42d190bb2fd66f9483.png

7、把前景色设置为白色,用油漆桶工具把选区填充白色,按Ctrl + D 取消选区。

83767e065b33f6d3ac3bc54b411fbda9.png

1a0c9e41adf46a1c7cd819865125e3c1.png

a94ad830bcf84e9678ed8f8134667c3c.png

8、现在来添加发光效果。点击箭头所指的按钮,选择图层样式:内发光。

7567bbf41a94433743c4869b1d466097.png

颜色设置为白色,其它设置如下图。

514893cfbb0761e87661eab5414c56ec.png

外发光:颜色也设置为白色,其它设置如下图。

6d6a3d6d6d731be7d4dbce64ca02f75f.png

9、确定后把填充改为0%,效果如下图。

47a3a4cac4c0eada7020b612ec0aaa73.png

10、在工具箱选择钢笔工具,在属性栏选择“路径”。

760f603b9083ead28e44d8e87d3f5158.png

11、用钢笔工具勾出下图所示的路径。

89e21531ad2f63824c712c84f0ff4317.png

12、按Ctrl + 回车把路径转为选区,再按Ctrl + J 把选区部分的图形复制到新的图层,如下图。 然后在图层缩略图后面的蓝色区域鼠标右键选择“清除图层样式”,效果如下图。

869c6919cfd9edbd23ef71dbea065f9a.png

cbba4ee1187c23e2319f6a1525bd0d10.png

02d9451f5dbe15d61b47d121141d30e7.png

13、给当前图层添加图层蒙版。

be7b73c4ba197ace796a1750e0139956.png

14、选择渐变工具,在属性栏选择“线性渐变”,然后点击渐变色设置为黑白渐变。

7d79f2ff2d24c0aaf8de92a27d11b7ab.png

15、按下图箭头方向拉出渐变。

56a64d038116c3d57823618715835a4e.png

16、把图层不透明度改为15%,效果如下图。

213e594c8fb85525932012bcd956564a.png

17、新建一个图层,选择椭圆选框工具,同样的方法拉出下图所示的椭圆选区,填充白色,按Ctrl + D 取消选区。

da8a6f6388489ffbb20528dc6dfa59e5.png

18、再用椭圆选框工具拉出一个稍小的圆形选区,如下图,再按Delete键删除选区部分图像,按Ctrl + D 取消选区。

e053bfec16228307d72830e0c2b2fc39.png

e35282d314ede4527f4ff484f04eaa6e.png

19、点击箭头所指的选框,锁定图层像素区域。

df1f6ce282a4d94c6b0249ece17c10d6.png

20、选择渐变工具,颜色设置如下图。

ba93e4f3ccf1123ea939a155253da93b.png

21、然后拉出下图所示的线性渐变。

af123eabde6d2b27d6b0d4dc49593dd1.png

22、用椭圆选框工具拉出下图所示的选区。

c41ac1859e7621df97a41d935d52a0e5.png

23、按Shift + F6羽化5个像素。

0fa604c58653e9c68f135df0ad934ac2.png

24、按Ctrl + J 把选区部分图像复制到新的图层,再把混合模式改为“正片叠底”,如下图。

182f35c07bc2f88235f451500376c384.png

25、按Ctrl + J 把当前图层复制一层。

40a7c3a1dbe953336463f2fafc44e4a6.png

26、现在来制作边缘的高光。新建一个图层,用椭圆选框工具拉出一个小的正圆选区,如下图。

7425a4ff6604f16cb74699f83cf7f57a.png

27、按Shift + F6羽化20个像素。

2323c13b03af70e5827d6676d98fd799.png

28、用油漆桶工具填充白色,再取消选区,如下图。

2beaa6566dacb299cadd6188d61c57c1.png

29、按Ctrl + T 稍微压扁,缩小后调整一下角度,放到边缘区域,如下图。

a4bc6be09cab5a6fa6a9913b95c93195.png

3e619488c19ad23c77fbee4d4ad688ea.png

30、按Ctrl + J 把高光复制一层,移到下部位置,调整一下角度,效果如下图。

f1db7d1445b40d340e9666ffd5558c69.png

最终效果

c342cbedb7eb49f6ff966794fcce38cf.png

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:[email protected]

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有