效果图
新建一个1920*1920px的画布,背景填充为喜欢的颜色。
一、主机
(1)屏幕
1.1.1 在画布中心画一个1088*632px, 圆角为20px的矩形,命名为外屏,填充颜色#000000。
1.1.2 接着同样在画布中心画一个929*530px的矩形 命名为内屏,填充颜色#26262a。
1.1.3 将内外屏编组命名为屏幕
(2)选做题1:光线传感器
1.2.1 在屏幕左下角新建矩形,23*40px,圆角拉到最大,颜色填充#111113。
1.2.2 内嵌一个直径13px的圆,颜色填充#1a1a1c,对外屏幕做剪切蒙版,命名为【光线传感器】。
(3)选做题2:扬声器
1.3.1 在外屏右下角画一个100*50px的圆角为7px的矩形,下半部分圆角拉直,上半部分做一个透视变成圆角梯形,颜色#1d1d1e,命名为【右扬声器】。
1.3.2 同样方法在左边也做一个【左扬声器】,将两个图形编组,命名为【扬声器】。
二、机身
(1)底
2.1.1 机身底部由矩形1和矩形2,通过布尔运算做出来的圆角过渡3和4(10*10的矩形和半径为10的圆做减去顶层)组成,填充颜色#33373a。
2.1.2 将这四部分合并形状后命名为【机身】。
(2)效果
2.2.1 为机身添加描边,大小1px,颜色#555f61。
2.2.2 右键效果创建图层,再为机身创建渐变叠加,制作高光效果。
2.2.3 将高光位置挪到机身最上方位置。
2.2.4 在外屏上添加投影效果,颜色#686868,制作出光打到屏幕接缝带来的感觉。
(3)接缝
2.3.1 绘制1160*634px的矩形,颜色填充#10292e,使其与机身垂直对齐,水平位置在机身中部靠下,命名为【接缝】。
2.3.2 将接缝图层移动到所有图层下方。
2.3.3 将之前的描边图层移动到接缝图层上方,右键建立剪贴蒙版。
(4)音量按键
2.4.1 在机身左上角绘制32*8px,圆角2px的圆角矩形,复制一层,向右位移35px。
2.4.2 在二者中间绘制36*6px的矩形,编组命名为【音量】,填充颜色#2c2c2e,底边对齐,并半嵌在机身上。
2.4.3 将做好的全部组件编组命名为【主机】。
三、手柄
手柄底
(1)右手柄
3.1.1 绘制221*675px的圆角矩形,圆角命名为【右手柄】,填充颜色#ff5f53。
3.1.2 Ctrl+J复制【右手柄】图层,Ctrl+T修改高度为668px,命名为【右手柄光影】。
3.1.3 确保两图层下底边对齐,为光影层建立两个内阴影。
3.1.4 右手柄高光,颜色#ff837a
3.1.5 手柄阴影,颜色#ad0coo。
3.1.7 为效果建立图层。
3.1.8 用蒙版将不需要的高光和阴影部分遮蔽。
3.1.9 将这一部分部件编组命名为【右手柄底】。
(2)左手柄
3.2.1 同理得到【左手柄底】,填充颜色#00c3e3。
3.2.2 左手柄高光,填充颜色#9df1ff。
3.2.3 左手柄阴影,填充颜色#006272。
四、摇杆
(1)底
4.1.1 在右手柄中部靠下位置绘制107*107px的圆1,颜色填充#00141f。
4.1.2 再建立一个99*99px的同心圆2,颜色填充为渐变#6c7071-#040d12。
4.1.3 再建立一个83*83px的同心圆3,渐变填充#63636d-#060709,角度90°。
4.1.4 再建立一个75*75px的同心圆4,渐变填充#5d6266-#222327,角度-90°。
(2)效果
4.2.1 为圆2增加内阴影或者内描边让四周暗下去形成立体感。
4.2.2 为圆4增加一个内阴影形成暗部,填充颜色#1f2f32。
4.2.3 在圆2与圆4之间,画几个圆角矩形做凹痕,颜色填充调整为渐变,在圆2和圆3的颜色间过渡。
4.2.4 按Ctrl鼠标点圆4的缩略图创建选区,新建图层命名【阴影】。
4.2.5 颜色吸取手柄颜色后饱和度调高明度调低做填充,后为图层添加5%的高斯模糊。
4.2.6 将以上部件编组命名为【右摇杆】。
4.2.7 同样方法得到【左摇杆】。
五、肩键
(1)底
5.1.1 用钢笔勾一个这样的形状,颜色填充#35363b。
(2)高光
5.2.1 按Ctrl+点略缩图创建选区,菜单栏–选择–修改–收缩–收缩量3px,按方向键向上移一点,制作出高光效果。
5.2.2 填充颜色#5f6268,用蒙版模糊一下左右边缘。
5.2.3 将高光与底部编组命名为【R键】。
5.2.4 用同样方法,得左手柄上的【L键】。
六、主页键
(1)底
6.1.1 绘制直径56px的圆1,填充颜色#6f2522。
6.1.2 绘制直径52px的同心圆2,填充颜色 #70706b。
6.1.3 绘制直径40px的同心圆3 ,填充颜色#373a3f ,并添加内阴影,颜色#2f3237。
6.1.4 绘制直径47px的同心圆4,描边1px,描边颜色#00000,不透明度10%。
6.1.5 用布尔运算,或者钢笔绘制房子造型,填充颜色#020100。
(2)效果
6.2.1 为房子添加投影,颜色#575b5e。
6.2.2 在房子中间绘制窗户,给窗户添加颜色为#6e7379的内阴影,制作高光效果。
6.2.3 将这部分编组命名为【主页键】。
(3)录屏键
6.3.1 在图中这个位置绘制44*44,圆角8的矩形。
6.3.2 填充颜色#081d20,描边1px ,描边颜色#087186。
6.3.3 再画一个38*38,圆角3px的同中心矩形,填充颜色#3a4549 ,描边1px,描边颜色#303c3e。
6.3.4 接着,绘制直径28px的同心圆,填充颜色#2f3437,并为其添加两个内阴影和一个投影效果。
6.3.5 内阴影1,颜色#252a2e。
6.3.6 内阴影2,颜色#09120f。
6.3.7 投影,颜色#575b5e。
6.3.8 再画一个22*22的同心圆,填充颜色#2e3336,添加内阴影,颜色#313035。
6.3.9 将上述组件编组命名为【录制键】。
(4)功能键
6.4.1 绘制直径50px的圆,填充颜色#0d0200,添加投影效果,颜色#000000。
6.4.2 绘制直径46px的同心圆,填充渐变,颜色#807b81-#140b0c。
6.4.3 绘制40*40的同心圆 颜色填充为#3c4242。
6.4.4 复制3个按钮,移动到合适的位置,并在上面写上各自代表的英文。
6.4.5 用之前给摇杆制作阴影的方法,给按钮也制作阴影。
(5)方向键
6.5.1 把没有文字标识的功能键复制到左手柄那里成为方向键。
6.5.2 方向标识的填充颜色为#1f1f21,并且需要添加几个图层效果。
6.5.3 内阴影1,颜色#38373a。
6.5.4 内阴影2,颜色#37373a。
6.5.6 投影,颜色#57575e。
(6)加减号
6.6.1 用两个圆角矩形和一个圆形制作加号,填充颜色#3b3434,并添加两个内阴影。
6.6.2 内阴影1,颜色#6b5e5e。
6.6.3 内阴影2,颜色#12090a。
6.6.4 然后点选图层,右键转化为智能对象,添加描边,颜色#802824,和投影效果,颜色#5e5758。
6.6.5 同样方法得到减号图标。
6.6.6 将分属于左右手柄的部件分别编组,命名为【左手柄】,【右手柄】。
6.6.7 将所有组编组并命名为【Switch】 。
6.6.8 Switch主体部分就此完成。
七、底座
(1)主体
7.1.1 在Switch中下方绘制尺寸1182*701px,圆角20px,颜色填充为#3f4347的矩形1。
7.1.2 并添加一个内阴影,颜色#aaabbe。
7.1.3 转化为智能对象后,添加3%的杂色。
7.1.4 在左下角画一个高度为50*11px,颜色填充为#76797b的圆角矩形,圆角拉到最大,做矩形1的剪贴蒙版,命名为【指示灯】。
7.1.5 并在上面增加一个内阴影,颜色#1a1d21。
7.1.6 做一个图案叠加,图案随意,增加一点花纹而已。
7.1.7 在指示灯右边用布尔运算做一个电视的图案,填充颜色#1a1d21。
(2)LOGO
7.2.1 从网上找一个Switch的LOGO,调整颜色#222529,放到底座矩形的正中心,添加2%的杂色。
7.2.2 将上面的部分编组命名为【底座】。
7.2.4 在底部增加阴影。
7.2.5 用喜欢的图片,或者纯色填充作为背景,用CameraRaw的径向滤镜制作环境光。