【有利可图网】PS实战系列:制作抖音UI图标

article/2025/8/28 4:50:42

今天给大家更新一个有趣的制作抖音图标的教程。

1、首先新建一个1024X768分辨率为72像素/英寸的温度,为了看得清楚一点,给背景填充一个浅蓝色#8d8dff,然后现在椭圆选框工具,属性栏上将样式改成固定大小,把宽度和高度都设置为300像素,在画面上单击,就出现一个正圆形,然后新建图层命名为“大1”,把前景色设置为青色#00ffff,按Alt+Delete给正圆形填充颜色:

t1.jpg

 

2、填充完成后单击右键,选择变换选区,属性栏上将水平和垂直缩放改成50%,就形成了一个小的正圆形。然后再新建图层命名为“小1”,给小圆填充白色,Ctrl+D取消选择:

t2.jpg

t3.jpg

 

3、按照1的方式再创建一个宽高大小为250像素的正圆形,新建图层然后填充青色#00ffff,命名为“大2”:

t4.jpg

 

4、单击右键,选择变换选区,这次把水平和垂直缩放值改为40%,新建图层命名为“小2 ”,给小圆填充白色,Ctrl+D取消选择:

t5.jpg

t6.jpg

 

5、按快捷键Ctrl+R显示标尺,分别在内圆的圆心建立水平和垂直方向的参考线,再在内圆的左侧和右侧建立参考线:

t7.jpg

 

6、参考线建立好之后,选择矩形选框工具,分别对以下几个地方进行删除,先删除第一个需要裁剪的地方:

t8.jpg

 

7、然后删除第二个需要裁剪的地方:

t9.jpg

 

8、第三个需要裁剪的地方:

t10.jpg

 

9、新建图层命名为矩形,在两圆之间绘制矩形并填充青色:

t11.jpg

 

10、按住Ctrl键点击“小1”缩览图载入选区,然后选择“大1”图层,Delete删除,隐藏“小1”图层,Ctrl+D取消选择:

t12.jpg

 

11、用同样的方法,载入“小2”图层的选区,选择“大2”图层,Delete删除:

t13.jpg

 

12、隐藏小1小2和背景图层,Ctrl+Shift+Alt+E盖印图层,清除参考线,复制一层填充白色,并按向右的方向键把图标向右移动位置:

t14.jpg

 

13、再复制一层,放到图层1下面,设置背景色为#ff1854,按Ctrl+Delete填充颜色,继续往右移动:

t15.jpg

 

14、新建图层,选择矩形选框工具绘制矩形,填充黑色,放在图标下面:

t16.jpg

 

15、用键盘上的方向键向上下左右分别移动红色青色和白色图标,摆放在适当的位置,最终效果:

t17.jpg


http://chatgpt.dhexx.cn/article/GnxEU6x1.shtml

相关文章

天呐 这么多人还不知道tiktok也是抖音(字节跳动集团旗下)的?

天呐 这么多人还不知道tiktok也是抖音(字节跳动集团旗下)的? 短视频忽然间的一阵大风,再恍惚一阵子,你我就都被这一阵风刮成地中海了。最早的短视频源于印象里的QQ音乐相册和微机课上的PPT动画。 但是转眼之间的短视频…

Flutter 自定义控件-仿照安卓和抖音图标绘制

抖音图标: 1、绘制黑色圆角矩形 class MyTrillPainter extends CustomPainter {overridevoid paint(Canvas canvas, Size size) {var paint Paint()..isAntiAlias true..style PaintingStyle.fill //..strokeWidth 1.0..color Colors.black; //背景为纸红色//…

Unity之ASE实现 故障干扰 效果(抖音图标)

前言 今天我们来实现一个类似抖音图标的 故障干扰效果,如下图所示: 原理 我们看到效果图里面有看到红色和蓝色的颜色左右扰动偏移,其实它的实现原理很简单。就是一个图片的R通道和B通道左右偏移,加上一个扰动效果即可,下面我们来打个分析下。 1.扰动效果 扰动我们说…

PS—制作 抖音 图标

博客概要 私下自学过ps,短学期的时候在上UID,巩固了一些ps技巧,至此总结一下~模仿制作 抖音 图标。 文章目录 博客概要总流程图标的详细制作过程 总流程 1.准备Photoshop软件,运行软件并新建合适大小的画布 2.在画布上制作完成 抖音 图标 图标…

PS教程:如何制作抖音UI图标

说到抖音,大家都不陌生,无论是老人还是小孩在闲暇时间都喜欢刷抖音,大家知道抖音图标是怎样制作成的吗?下面将方法告诉大家!   1.首先新建一个1024X768分辨率为72像素/英寸的文档,为了看的清楚一点,给背景填充一个浅蓝色#8d8dff,然后选择椭圆选框工具,属性栏上将样…

摩尔定律还会一直生效吗?

摩尔定律是由英特尔(Intel)创始人之一戈登摩尔(Gordon Moore)提出来的。其内容为:当价格不变时,集成电路上可容纳的元器件的数目,约每隔18-24个月便会增加一倍,性能也将提升一倍。换…

芯片——摩尔定律的传奇(下)

芯片——摩尔定律的传奇(下) 引自: http://www.ccf.org.cn/c/2017-08-16/603629.shtml 50多年来,集成电路(IC)一直按照摩尔定律前行。但是,IC芯片的密度和计算机的速度能够一直按照摩尔定律前行吗?又有哪些物理极限和…

摩尔定律的瓶颈

摩尔定律的瓶颈 上世纪60年代,摩尔发现半导体晶体管制程发展的速度对于一个半导体厂商至关重要。 随着制程的进化,同样的芯片的制造成本会更低,因为单位面积晶体管数量提升导致相同的芯片所需要的面积缩小。所以制程发展速度如果过慢&#…

摩尔定律将失效后的发展方向

1. 摩尔定律 摩尔在1965年4月19日的《电子学》杂志上公布了这一著名预言。英特尔CEO科再奇(Brian Krzanich)表示:“摩尔定律是一项经济定律,与物理和化学并无太大关系。在几年时间里,我们将使芯片上的晶体管数量增加一倍。实际上&#xff0c…

摩尔定律的失效

摩尔定律由英特尔公司(Intel)的创始人之一的戈登摩尔与1965年提出。 摩尔定律的定义归纳起来有三种说法: 1.集成电路芯片上所集成的电路的数目,每隔18个月就翻一倍。 2.微处理器的性能每隔18个月提高一倍,或价格下…

反摩尔定律

反摩尔定律的兄弟摩尔定律鼎鼎有名, 但同为IT行业三大定律的反摩尔定律也有很大的指导意义。 要了解反摩尔定律首先要了解摩尔定律。 摩尔定律最早是由英特尔公司创始人戈登摩尔(Gordon Moore)博士提出。摩尔定律的主要内容是:每18个月计算机等IT产品的…

摩尔定律还会有效吗

摩尔定律作为计算机发展的三大定律之一,其意义也是深远的。 先简单介绍下摩尔定律:摩尔定律是由英特尔(Intel)创始人之一戈登摩尔(Gordon Moore)提出来的。其内容为:当价格不变时,集…

计算机内存发展摩尔定律,摩尔定律还能走多远? CPU 的内存瓶颈

原标题:摩尔定律还能走多远? CPU 的内存瓶颈 在2002年之前,随着芯片密度的增加, CPU的时钟频率也一直不断增加。 对于普通消费者而言,CPU 的频率就代表计算机的快慢。 1981年最早出厂的 IBM PC, CPU 的频率是 4.77 兆…

摩尔定律已经走到尽头?

关注星标公众号,不错过精彩内容 直接来源 | 半导体行业观察 来源:https://mp.weixinbridge.com/mp/wapredirect?urlhttps%3A%2F%2Finterestingengineering.com%2Ftransistors-moores-law 至少过去十年来,人们就一直在谈论摩尔定律的终结以及…

摩尔定律的现实意义

IT行业有着已知的三大定律: 1.moore’s law(摩尔定律) 该定律的大意是IT产业的硬件或设备生产商的技术每十八个月翻一番,也就是说相关技术涉及的产品每十八个月价格下降一半。 2.Andy and Bill’s Law(安迪-比尔定…

摩尔定律与反摩尔定律

摩尔定律是由因特尔的创始人之一的戈登摩尔提出来的。主要内容是当价格不变时,集成电路上可容纳的元件的数目,每过2年就会增加一倍,那么,性能也随之提升一倍。摩尔定律也就揭示了信息技术的进步速度。 苹果公司的手机开发也基本上…

IT界的经典定律

概述 IT有很多的定律,不仅在揭示IT行业的发展规律,而且还说明了一些人生道理。我们要了解这些规律,利用这些规律,懂的顺势而为。下面就整理一下,我所知道的一些IT经典定律。 1、摩尔定律 摩尔定律是由英特尔&#x…

摩尔定律还有效吗

moore’s law(摩尔定律) 该定律的大意是IT产业的硬件或设备生产商的技术每十八个月翻一番,也就是说相关技术涉及的产品每十八个月价格下降一半。 摩尔定律的提出 “摩尔定律”是由Intel公司联合创始人戈登摩尔于1965年首次提出的。“摩尔…

Hadoop集群测试

文章目录 Hadoop集群测试一,通过UI界面查看Hadoop运行状态1,hadoop2和hadoop3端口区别表2,查看HDFS集群状态3,查看yarn状态 二,Hadoop集群体验1,启动Hadoop集群2,在虚拟机上准备文件3&#xff0…

CentOS7搭建hadoop集群

说明: 1.准备三台虚拟机,参考:CentOS7集群环境搭建(以3台为例) 2.配置虚拟机间免密登陆:参考:CentOS7集群配置免密登录 3.虚拟机分别安装jdk:参考:CentOS7集群安装JDK1.8 4.hadoop安装包下载&am…