步骤1
创建一个600 x 500px的文档，转到“ 视图”>“显示”>“ 格 ”启用“ 格”，然后转到“ 视图”>“捕捉到”>“ 格”以启用“ 对齐 格”。按Ctrl + K打开“ 首选项 ”窗口，转到“ 指导”，“ 格和切片”，然后输入下一个图像中提到的设置。沿着教程，我关闭了 格（Control +’），让你有更好的视野。 格将使您更容易创建形状。
第2步
集中在工具栏上，并将前景颜色设置为#EAEAEA。选择圆角矩形工具，将焦点放在顶部的条上，将“ 半径”设置为25px。移动到您的画布，并创建一个144 x 170px矢量形状。
步骤3
打开上一步中制作的向量形状的“ 图层样式 ”窗口，并输入下面提到的设置。
步骤4
将前景颜色更改为＃0C0C0C，选择圆角矩形工具，并将Radius从顶部栏设置为20px。移动到您的画布，创建一个130 x 156px矢量形状，并放置在下一个图像可以看到。
步骤5
打开上一步中制作的向量形状的“ 图层样式 ”窗口，并输入下一个图像中提到的设置。
步骤6
更改前景色为白色（#FFFFFF），选择圆角矩形工具，设置半径为6像素。移动到您的画布，创建一个110 x 12px矢量的形状，并放置它可以看到下面。
步骤7
专注于“ 图层”面板，确保选择了您的白色矢量形状，并将“ 填充”降低到0％。打开这个向量形状的“ 图层样式 ”窗口，并输入下面提到的设置。
步骤8
专注于“ 层”面板，右键单击您的白色矢量形状，然后转到“ 转换为智能对象”。现在，去Filter> Blur> Gaussian Blur，将Radius设置为0.4px。
步骤9
选择椭圆工具，移动到您的画布，创建两个35px的圆圈，并将它们放在下面。用红色（＃FF3D32）和右侧圆圈填充左侧圆圈（＃4ED966）。
步骤10
前景色更改为#FFFFFF，并确保您的椭圆工具仍处于选中状态。
移动到您的画布，创建两个6 x 4px矢量形状，并将它们放在第一个图像中可以看到。
选择直接选择工具，将焦点放在左边的白色形状上，选择第二个图像中突出显示的锚点，然后将其向左拖动1px。
现在，专注于正确的，白色的矢量形状，选择同一图像中突出显示的锚点并将其向右拖动1px。
步骤11
选择矩形工具，创建一个17 x 2px矢量形状，并将其放置在第一个图像中。
选择添加锚点工具，确保选择此步骤中的矢量形状，并添加两个新的锚点，如第二个图像所示。
抓取直接选择工具，选择在此步骤中添加的锚点，并将其2px向上拖动。
步骤12
选择构成白色图标的向量形状，右键单击其中一个形状，然后转到“ 合并形状”。复制这个新的矢量形状（Control + J），点击Control + T并旋转到-135度，然后将其放在绿色矢量形状上。
步骤13
选择水平类型工具并打开字符面板。选择Arial Bold字体，将文本颜色设置为＃41B455，将尺寸设置为8px，然后输入“来电”文本。
对于白色文字，使用相同的字体，将颜色更改为#FFFFFF，并将尺寸增加到10px。
对于时钟文本，使用Arial Regular字体，将颜色更改为＃839EAA，并将尺寸保持为10px。
步骤14
将前景颜色更改为＃E6E6E6，选择圆角矩形工具并将“ 半径”设置为4。
移动到您的画布上，创建一个10 x 30像素的矢量形状，并将其放在第一个图像中。
步骤15
第16步
在此步骤中，您将学习如何创建一个模式。点击Control + N并创建一个4 x 2px的文档。
选择矩形工具，创建两个，4个x1 px矢量形状，并将它们放在下面。用＃7B7B7B填充顶部矢量形状，然后用＃000000填充底部矢量形状。
步骤17
返回主文档。将前景颜色设置为＃FF0000并选择矩形工具。
移动到您的画布，创建一个4 x 30px矢量形状，并将其放在第一个图像中可以看到。
专注于“图层”面板，按住键盘上的“ 控制 ”按钮，单击“手表”按钮的缩略图图标，加载简单的选择，然后单击“ 添加图层蒙版 ”按钮。
第18步
专注于“ 图层”面板，确保选择了您的红色矢量形状，并将“ 填充”降低到0％。
打开这个向量形状的“ 图层样式 ”窗口，并输入下一个图像中提到的设置。
对于“ 图案覆盖”部分，使用前面步骤中保存的图案。
步骤19
将前景颜色设置为＃E6E6E6，选择圆角矩形工具并将Radius设置为2px。移动到您的画布上，创建一个3 x 46像素并将其放置，如下所示。
步骤20
步骤21
步骤22
选择删除锚点工具，只需点击突出显示的锚点。
步骤23
抓取直接选择工具，然后单击并拖动突出显示的句柄，如第二和第三图像所示。使用相同的工具，选择左下角的锚点并将其拖动到左边30px，然后选择右下角的锚点并将其向右拖动30px。
步骤24
选择您的灰色矢量形状，并将其放在第一张图像中可以看到。专注于“ 图层”面板，并按Ctrl + Shift + [将此向量形状移回。
第25步
打开灰色矢量形状的“ 图层样式 ”窗口，并输入下面提到的设置。
步骤26
确保您的灰色矢量形状仍然被选择并重复（Control + J）。
选择这个新鲜的副本，转到Transform> Flit Vertical，将其放置如下图所示。
打开此副本的图层样式窗口，只需将内影角度更改为-90，将渐变重叠角度更改为-90。
步骤27
要更改表带颜色，只需点击图层缩略图图标，代表您的灰色矢量形状并选择您的颜色（＃545a68）。
步骤28
要更改背景颜色，请在“图层”面板上，选择“ 背景”图层，然后单击“挂锁”图标以解锁图层。打开图层样式窗口，在此步骤中解锁图层，转到颜色叠加并选择颜色。
我们完成了！
小册子教程 关注微信 ibooklet
需要软件或者PS素材请加学习群！
动图
喜欢我们可以戳下方【阅读原文】加入学习群获取免费试听公开课学习权限！
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！