手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop设计科技感十足的应用程序软件APP图标
Photoshop设计科技感十足的应用程序软件APP图标
摘要:本教材是向大家介绍Photoshop设计科技感十足的应用程序软件APP图标方法,教程很不错,推荐到查字典教程网,喜欢的朋友一起来学习吧!关于...

本教材是向大家介绍Photoshop设计科技感十足的应用程序软件APP图标方法,教程很不错,推荐到查字典教程网,喜欢的朋友一起来学习吧!

关于5月份向国外大神学习专辑,是针对0基础的同学,因为我也是这么过来的,一个纯技巧,卡在那里如果得不到及时解决,就会放弃,特打击人,浪费时间,感觉一天又被我浪费了,所以我是想着每天上传一篇(现实很残酷)因为这个学期,课多了,怕应付来啊。

入门的同学,可以打开我给网址在这里学,英文不好,没关系啊,谷歌翻译,即使生硬,对于我们入门的同学来说,能猜得出来的啦。

开始切入正题:

1.新建画布512*515,背景先白色,做完后改成黑色(不要纯黑)

2.选择圆角矩形工具,绘制512px*512px、半径80px的圆角矩形,命名圆角-底

Photoshop设计科技感十足的应用程序软件APP图标1

3.在绘制一个圆角矩形,命名“圆角-顶”,512*470px、半径80px,位置如下,并添加斜面浮雕和图案叠加(素材在下面下载)

Photoshop设计科技感十足的应用程序软件APP图标2

Photoshop设计科技感十足的应用程序软件APP图标3

Photoshop设计科技感十足的应用程序软件APP图标4

4.选择椭圆工具,绘制一个400px x 390px 正圆,命名“椭圆-上”,居中对齐

Photoshop设计科技感十足的应用程序软件APP图标5

5.复制“椭圆-上”,右键图层清除样式,命名“椭圆-下”颜色值大神没给:66fffa,自个看图调,再按Ctrl+T,按住shift+Alt,等比例放大,也是自个调的

Photoshop设计科技感十足的应用程序软件APP图标6

6.在解压文件找到“TWN”标志图,命名“TWN标志-底”文字裁掉(不要告诉不会裁剪“C”),拖到图层最上方,

Photoshop设计科技感十足的应用程序软件APP图标7

7.给椭圆-上、下,分别添加样式,具体看图

椭圆-上

Photoshop设计科技感十足的应用程序软件APP图标8

在解压文件找到“tactile_noise.png”最小的,ps打开,按Ctrl+A,出现虚线框后,点编辑—定义图案—在点确定,完成后图案叠加

Photoshop设计科技感十足的应用程序软件APP图标9

Photoshop设计科技感十足的应用程序软件APP图标10

椭圆-下

Photoshop设计科技感十足的应用程序软件APP图标11

Photoshop设计科技感十足的应用程序软件APP图标12

Photoshop设计科技感十足的应用程序软件APP图标13

Photoshop设计科技感十足的应用程序软件APP图标14

8.复制“TWN标志-底”,命名“TWN标志-顶”,分别添加样式

TWN标志-底

Photoshop设计科技感十足的应用程序软件APP图标15

Photoshop设计科技感十足的应用程序软件APP图标16

TWN标志-底效果

Photoshop设计科技感十足的应用程序软件APP图标17

TWN标志-顶,完成后,按住Ctrl+L,输入值,如下图

Photoshop设计科技感十足的应用程序软件APP图标18

Photoshop设计科技感十足的应用程序软件APP图标19

TWN标志-顶效果

Photoshop设计科技感十足的应用程序软件APP图标20

9.复制椭圆-上,命名“椭圆-上高光”右击清除样式,重新添加样式,图层透明度10%

Photoshop设计科技感十足的应用程序软件APP图标21

要看效果,点击图层的眼睛,来回点,就行

Photoshop设计科技感十足的应用程序软件APP图标22

10.复制圆角-顶,不用改名称,在椭圆-上高光右击拷贝图层样式,回来,粘贴就行,图就不截哈!

11.按住Ctrl左键点击圆角-底,出现虚线框,新建图层名为“圆角顶-高光”,选择画笔工具(B),大小自调,前景色白色,在两边画垂直线,再Ctrl左键点击圆角-顶图层,效果如图,再按delete键,上半部分就会被删掉,Ctrl+D取消选框,填充15%,

Photoshop设计科技感十足的应用程序软件APP图标23

Photoshop设计科技感十足的应用程序软件APP图标24

Photoshop设计科技感十足的应用程序软件APP图标25

Photoshop设计科技感十足的应用程序软件APP图标26

12.鼠标左键点击椭圆-上图层,选择文字工具(T),在椭圆边缘输入“|” (回车键上面),按住shift+“|”,在左侧点击,看见左侧的点没,这样做才会“|”间隔对称,否则,有可能不对称,自个试;将图层移到椭圆-上图层下,添加内阴影、投影。

Photoshop设计科技感十足的应用程序软件APP图标27

Photoshop设计科技感十足的应用程序软件APP图标28

Photoshop设计科技感十足的应用程序软件APP图标29

Photoshop设计科技感十足的应用程序软件APP图标30

最终效果

Photoshop设计科技感十足的应用程序软件APP图标31

大神效果图

Photoshop设计科技感十足的应用程序软件APP图标32

Photoshop设计科技感十足的应用程序软件APP图标33

教程结束,以上就是Photoshop设计科技感十足的应用程序软件APP图标教程,希望能对大家有所帮助!

【Photoshop设计科技感十足的应用程序软件APP图标】相关文章:

Photoshop根据尺寸进行裁图及重新排版

Photoshop修改Gif格式的动态图片

50个Photoshop常用的快捷键的使用图文教程

Photoshop调色技巧:照片调色的一种常用思路

Photoshop布尔运算在绘制图标过程中的应用详细解析

Photoshop建立文档规范和管理意识详细解析

Photoshop教程:画笔的应用

Photoshop调色教程:简单制作军色效果

Photoshop多种后期修图非常重要的工具使用介绍

Photoshop设计唯美的中国古风人像签名效果图

精品推荐
分类导航