Photoshop设计超酷的应用程序软件图标

2016-02-15 21:41 26 1 收藏

下面这个Photoshop设计超酷的应用程序软件图标教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - PS 】

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

教程源文件:科技感十足的软件APP图标PSD源文件

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

开始切入正题:

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

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

椭圆-上

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

椭圆-下

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

TWN标志-底

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

TWN标志-底效果

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

TWN标志-顶效果

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

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

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

最终效果

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

大神效果图

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

Photoshop设计超酷的应用程序软件图标,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1564273.html

延伸阅读
聊天应用程序图标,头脑风暴你会联想到什么,这里想到的是送邮件的小鸟。本教程主要讲解图标从最初的草图到矢量图标设计思路。简易教程,大神勿喷。 开始绘制草图 把头脑中的想法大概画出来,多画几版,可以不用画的很细。前期也可以收集一些相关的素材,设计应用程序图标时就要考虑图标放在应用程序商店时怎样识别度更高。所以这里选了小...
标签: Web开发
始      首先我们从一个简单的XML文档开始。现在来看看我们最初的演示文档--CD 目录:          ?xml version="1.0"?    CATALOG    CD    TITLEEmpire Burlesque /TITLE    ARTISTBob Dylan /ARTIST &nb...
用过Photoshop的朋友一定对它的那些方便的浮动面板记忆犹新,其实这些面板就是一个个的小窗体,但这些小窗体都放在Photoshop的主窗体上(不是存在主窗体中),有自己的标题栏、最小化按钮及最大化按钮。但它们与MDI程序不同的是,他们可以拖到主窗体外,更重要的是工作中所有这些面板窗体与主窗体最处于激活状态。 用Spy & Capture...
一、前言 随着多媒体硬件环境和软件环境的不断完善,目前,大部分计算机软件开发中都涉及多媒体软件技术的应用。 进行多媒体应用程序设计,从原理上说,可以采用从C 到多媒体专用开发系统(如TOOLBOOK、AUTHORWARE、DIRECTOR)等多种层次的工具。然而,由于多媒体软件涉及的媒体复杂多样、开发周期短并且需要多种专业人员参与,因此,...
标签: Delphi
  11.1 Help文件的建立 Help文件是 Micosoft Windows3.0 以上的版本提供的超文本帮助文件。利用这种超文本 , 用户可非常方便地使用帮助文件系统。帮助文件是以主题为主线进行编写的,一个主题可以跳转至相关的主题,也可按关键字进行主题查询。帮助文件与软件开发工具相结合,可实现应用程序的 ' 上下文敏感 ' ,而且帮助系统...

经验教程

101

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部