PS教程 打造写实数位板图标.pdf

PS 打造写实数位板图标 更多设计干货：百度 UE 讲堂 /s4272850.html 作为一名 UI 设计师，手绘一定会是在你工作中带来巨 大帮助的一项技能。然而，仅仅在纸上画，已经不足够满足 UI 设计师的需求了。很多人更希望在电脑上直接进行绘画。 这时，数位板就应运而生了。 今天，老师就带大家一起来制作一款写实数位板图标。 图标图层会比较多，里面的渐变色是比较麻烦的一部分，大 家在做的时候，一定要耐心哟。 更多设计干货：百度 UE 讲堂 /s4272850.html 第一步：参考原型画出草稿。 上图为原型。 当然这也是我在用的一款手绘板。哈哈。 因为我要做成图标的样子，所以我在画手绘稿的时候，我 把绘制成了下面的样子。 更多设计干货：百度 UE 讲堂 /s4272850.html 当然，这是用手绘板直接在 PS 里画的，方 便 一 会 儿 用 ， 如果没有的同学，也可以在纸上画好再放到电脑上（扫描或 者直接用手机拍照导到电脑上）。如果说，你就是不想画， 这个造型方方正正的，所以即使你直接在 PS 里做其实也不 会太难。 第二步：在电脑中做出手绘板基本形状。 1.形状大小大家可以自行控制。我的 456px*456px。圆角 40px。 更多设计干货：百度 UE 讲堂 /s4272850.html 第三步：添加效果 1.在图标边缘地方加上斜面浮雕 2.在中间工作区加上渐变叠加,颜色值给大家参考。 更多设计干货：百度 UE 讲堂 /s4272850.html 3.数位板工作区本身有点磨砂质感，用添加杂色的方法，添加质 感。 4.使用斜面浮雕和投影添加上下两个黑色区域的立体感。 更多设计干货：百度 UE 讲堂 /s4272850.html 四：添加细节 上部按键区域的提示灯。可以先做一个，另外一个复制过来改个艳色 就可以了。 1． 做出灯的凹槽 2． 把凹槽加上效果。 更多设计干货：百度 UE 讲堂 /s4272850.html 3． 加上灯 4． 给灯加上荧光效果，在灯的