PS教程/绘制小时钟

PS教程/绘制小时钟

2017-03-25 NO.560 平面设计

图/文 xinyi_2009

大家一起来制作一个时钟，其实UI大部分的样式效果，其实就是对于我们在学习ps的时候，图层样式里面的混合选项样式的不断重复运用。效果图：

制作步骤如下：

首先，第一步，我们要建立一个空白文档，800px X 800px，分辨率为72像素的空白文档，为了日后可以随时调整背景色，新建一个图层，然后设置前景色，填充#8a8a8a。颜色大家可以根据自己的感觉，进行填充！此填充颜色图层命名为背景颜色填充层。（切记，养成不要修改原图和可以随时修改，不动原图的习惯哦）

操作过程为：

第二步，我们要进行时钟UI的设计，首先，我们做最外层，由外到内的渐进过程。找到ps中的“圆角矩形工具”，设置参数为：512px X 512px 圆角为120 ，颜色填充白色。并且在图层中修改图层名为为底层

做完这一步之后，我们要对此图层设置图层样式哦，参数仅供参考！

注意：此处的使用全局光前面的对号，一定要记得全部都取消哦！不然怎么样，自己去感觉！

第三步，底板做好了之后，我们开始要表盘里面的凹下去的效果，我们这一块分为两大块做，选中椭圆工具，按住Shift键，新建一个420px X 420px的正圆，命名为表盘1，并添加相应的图层样式。

接着复制一层，命名为表盘2，选择清除图层样式，重新添加新的图层样式。

第四步，做完以上之后，我们做指针，用圆角矩形工具绘制一个160px X 32px的圆角矩形，圆角设置成15px ，颜色为白色。命名为指针1

拉出辅助线，放到圆心的位置，摆放好位置，并设置指针1的图层样式。

做完指针1之后，我们要做指针2，设置参数为：

设置指针2的图层样式为：

第五步，新建一个40px X 40px的正圆，居中对齐，颜色根据自己喜欢添加，命名为圆盘中心，并添加图层样式。

复制一层，清除图层样式，重新添加图层样式！

第6步，做完以上之后，快，快，快接近尾声了，我们一鼓作气，做出秒针，创建矩形椭圆工具，设置参数为：

放到合适的位置，并设置图层样式参数

接着调整一下图层样式顺序，成果图如下：

MERSARA米莎拉設計 / WALKDESIGN走設計媒體 / MissBowBow爆爆小姐商店 / WALKDESIGN走設計 / CAROLKEY手作設計
婚禮服務項目:婚禮LOGO.婚禮謝卡.婚禮背景.婚禮桌旗.婚禮小卡.拍拍卡.拍拍框
設計服務項目:平面設計.網路廣告.招牌設計.企業設計.
媒體服務項目:廣告影片.GIF動畫
手作服務項目:鑰匙圈.壓克力設計.木作設計
​​Fb粉絲: 米莎拉客製設計、婚禮小物 / FB粉絲:米莎拉 平面設計 商業設計廣告 / 官網:http://www.mersara.com/  Fb粉絲:Walkdesign走設計
米莎拉GOOGLE網誌:http://mersaradesign.blogspot.tw/?view=magazine米莎拉隨意窩:http://blog.xuite.net/mersaral/mersara​
聯絡手機: 0918288635 (LINE ID: mm182886 / Wechat ID:mersara182886) 信箱: mersarawedding@gmail.com  ​​
痞客幫部落客:http://mersarawedding.pixnet.net/blog
聯絡手機: 0988800005 (LINE ID:hungzh1062 / Wechat ID:hungzh1062) 信箱: hungzh1062@gmail.com 
痞客幫部落客:http://hungzh1062.pixnet.net/blog / INSTAGRAM: https://www.instagrem/hungzh1062/
匯款資訊:郵局 700 帳號 0071611-0262035 / 中國信託: 822  帳號 613540490334  / 玉山銀行: 808  帳號 0978968088206