0

0

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

PHP中文网

PHP中文网

发布时间:2016-06-01 14:26:51

|

2411人浏览过

|

来源于php中文网

原创

这篇教程是向本站的朋友介绍photoshop设计科技感十足的应用程序软件app图标方法,教程设计出来的图标非常的酷,教程介绍地很详细,推荐到本站,一起来学习吧

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

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

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

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

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

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

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

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

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

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

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

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

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

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

椭圆-上

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

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

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

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

椭圆-下

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

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

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

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


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

TWN标志-底

Krea AI
Krea AI

多功能的一站式AI图像生成和编辑平台

下载

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

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

TWN标志-底效果

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

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

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

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

TWN标志-顶效果

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果

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

大神效果图

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

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

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

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

10

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

29

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

21

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

11

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

8

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

55

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.8万人学习

PS技法与切片技术视频教程
PS技法与切片技术视频教程

共9课时 | 5.2万人学习

Node.js 教程
Node.js 教程

共57课时 | 9.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号