甲虫课堂 > PS教程 >

PS制作Nintendo Switch拟物图标

204
7
点赞
收藏
发布时间:2021-04-02 11:04:28

效果图

PS制作Nintendo Switch拟物图标

新建一个1920*1920px的画布,背景填充为喜欢的颜色。

一、主机

(1)屏幕

1.1.1 在画布中心画一个1088*632px, 圆角为20px的矩形,命名为外屏,填充颜色#000000。

1.1.2 接着同样在画布中心画一个929*530px的矩形 命名为内屏,填充颜色#26262a。

PS制作Nintendo Switch拟物图标(1)

1.1.3 将内外屏编组命名为屏幕

(2)选做题1:光线传感器

1.2.1 在屏幕左下角新建矩形,23*40px,圆角拉到最大,颜色填充#111113。

1.2.2 内嵌一个直径13px的圆,颜色填充#1a1a1c,对外屏幕做剪切蒙版,命名为【光线传感器】。

PS制作Nintendo Switch拟物图标(2)

(3)选做题2:扬声器

1.3.1 在外屏右下角画一个100*50px的圆角为7px的矩形,下半部分圆角拉直,上半部分做一个透视变成圆角梯形,颜色#1d1d1e,命名为【右扬声器】。

1.3.2 同样方法在左边也做一个【左扬声器】,将两个图形编组,命名为【扬声器】。

PS制作Nintendo Switch拟物图标(3)

二、机身

(1)底

2.1.1 机身底部由矩形1和矩形2,通过布尔运算做出来的圆角过渡3和4(10*10的矩形和半径为10的圆做减去顶层)组成,填充颜色#33373a。

PS制作Nintendo Switch拟物图标(4)

PS制作Nintendo Switch拟物图标(5)

PS制作Nintendo Switch拟物图标(6)

PS制作Nintendo Switch拟物图标(7)

PS制作Nintendo Switch拟物图标(8)

2.1.2 将这四部分合并形状后命名为【机身】。

(2)效果

2.2.1 为机身添加描边,大小1px,颜色#555f61。

PS制作Nintendo Switch拟物图标(9)

2.2.2 右键效果创建图层,再为机身创建渐变叠加,制作高光效果。

PS制作Nintendo Switch拟物图标(10)

PS制作Nintendo Switch拟物图标(11)

2.2.3 将高光位置挪到机身最上方位置。

PS制作Nintendo Switch拟物图标(12)

2.2.4 在外屏上添加投影效果,颜色#686868,制作出光打到屏幕接缝带来的感觉。

PS制作Nintendo Switch拟物图标(13)

(3)接缝

2.3.1 绘制1160*634px的矩形,颜色填充#10292e,使其与机身垂直对齐,水平位置在机身中部靠下,命名为【接缝】。

2.3.2 将接缝图层移动到所有图层下方。

2.3.3 将之前的描边图层移动到接缝图层上方,右键建立剪贴蒙版。

PS制作Nintendo Switch拟物图标(14)

PS制作Nintendo Switch拟物图标(15)

(4)音量按键

2.4.1 在机身左上角绘制32*8px,圆角2px的圆角矩形,复制一层,向右位移35px。

2.4.2 在二者中间绘制36*6px的矩形,编组命名为【音量】,填充颜色#2c2c2e,底边对齐,并半嵌在机身上。

PS制作Nintendo Switch拟物图标(16)

2.4.3 将做好的全部组件编组命名为【主机】。

PS制作Nintendo Switch拟物图标(17)

三、手柄

手柄底

(1)右手柄

3.1.1 绘制221*675px的圆角矩形,圆角命名为【右手柄】,填充颜色#ff5f53。

PS制作Nintendo Switch拟物图标(18)

3.1.2 Ctrl+J复制【右手柄】图层,Ctrl+T修改高度为668px,命名为【右手柄光影】。

3.1.3 确保两图层下底边对齐,为光影层建立两个内阴影。

3.1.4 右手柄高光,颜色#ff837a

PS制作Nintendo Switch拟物图标(19)

3.1.5 手柄阴影,颜色#ad0coo。

PS制作Nintendo Switch拟物图标(20)

PS制作Nintendo Switch拟物图标(21)

3.1.7 为效果建立图层。

PS制作Nintendo Switch拟物图标(22)

3.1.8 用蒙版将不需要的高光和阴影部分遮蔽。

PS制作Nintendo Switch拟物图标(23)

3.1.9 将这一部分部件编组命名为【右手柄底】。

(2)左手柄

3.2.1 同理得到【左手柄底】,填充颜色#00c3e3。

3.2.2 左手柄高光,填充颜色#9df1ff。

PS制作Nintendo Switch拟物图标(24)

3.2.3 左手柄阴影,填充颜色#006272。

PS制作Nintendo Switch拟物图标(25)

PS制作Nintendo Switch拟物图标(26)

四、摇杆

(1)底

4.1.1 在右手柄中部靠下位置绘制107*107px的圆1,颜色填充#00141f。

PS制作Nintendo Switch拟物图标(27)

4.1.2 再建立一个99*99px的同心圆2,颜色填充为渐变#6c7071-#040d12。

PS制作Nintendo Switch拟物图标(28)

4.1.3 再建立一个83*83px的同心圆3,渐变填充#63636d-#060709,角度90°。

PS制作Nintendo Switch拟物图标(29)

4.1.4 再建立一个75*75px的同心圆4,渐变填充#5d6266-#222327,角度-90°。

PS制作Nintendo Switch拟物图标(30)

(2)效果

4.2.1 为圆2增加内阴影或者内描边让四周暗下去形成立体感。

PS制作Nintendo Switch拟物图标(31)

4.2.2 为圆4增加一个内阴影形成暗部,填充颜色#1f2f32。

PS制作Nintendo Switch拟物图标(32)

4.2.3 在圆2与圆4之间,画几个圆角矩形做凹痕,颜色填充调整为渐变,在圆2和圆3的颜色间过渡。

PS制作Nintendo Switch拟物图标(33)

4.2.4 按Ctrl鼠标点圆4的缩略图创建选区,新建图层命名【阴影】。

4.2.5 颜色吸取手柄颜色后饱和度调高明度调低做填充,后为图层添加5%的高斯模糊。

PS制作Nintendo Switch拟物图标(34)

4.2.6 将以上部件编组命名为【右摇杆】。

PS制作Nintendo Switch拟物图标(35)

4.2.7 同样方法得到【左摇杆】。

PS制作Nintendo Switch拟物图标(36)

五、肩键

(1)底

5.1.1 用钢笔勾一个这样的形状,颜色填充#35363b。

PS制作Nintendo Switch拟物图标(37)

(2)高光

5.2.1 按Ctrl+点略缩图创建选区,菜单栏–选择–修改–收缩–收缩量3px,按方向键向上移一点,制作出高光效果。

5.2.2 填充颜色#5f6268,用蒙版模糊一下左右边缘。

PS制作Nintendo Switch拟物图标(38)

5.2.3 将高光与底部编组命名为【R键】。

5.2.4 用同样方法,得左手柄上的【L键】。

PS制作Nintendo Switch拟物图标(39)

六、主页键

(1)底

6.1.1 绘制直径56px的圆1,填充颜色#6f2522。

PS制作Nintendo Switch拟物图标(40)

6.1.2 绘制直径52px的同心圆2,填充颜色 #70706b。

PS制作Nintendo Switch拟物图标(41)

6.1.3 绘制直径40px的同心圆3 ,填充颜色#373a3f ,并添加内阴影,颜色#2f3237。

PS制作Nintendo Switch拟物图标(42)

PS制作Nintendo Switch拟物图标(43)

6.1.4 绘制直径47px的同心圆4,描边1px,描边颜色#00000,不透明度10%。

PS制作Nintendo Switch拟物图标(44)

6.1.5 用布尔运算,或者钢笔绘制房子造型,填充颜色#020100。

PS制作Nintendo Switch拟物图标(45)

(2)效果

6.2.1 为房子添加投影,颜色#575b5e。

PS制作Nintendo Switch拟物图标(46)

6.2.2 在房子中间绘制窗户,给窗户添加颜色为#6e7379的内阴影,制作高光效果。

PS制作Nintendo Switch拟物图标(47)

6.2.3 将这部分编组命名为【主页键】。

(3)录屏键

6.3.1 在图中这个位置绘制44*44,圆角8的矩形。

6.3.2 填充颜色#081d20,描边1px ,描边颜色#087186。

PS制作Nintendo Switch拟物图标(48)

6.3.3 再画一个38*38,圆角3px的同中心矩形,填充颜色#3a4549 ,描边1px,描边颜色#303c3e。

6.3.4 接着,绘制直径28px的同心圆,填充颜色#2f3437,并为其添加两个内阴影和一个投影效果。

6.3.5 内阴影1,颜色#252a2e。

PS制作Nintendo Switch拟物图标(49)

6.3.6 内阴影2,颜色#09120f。

PS制作Nintendo Switch拟物图标(50)

6.3.7 投影,颜色#575b5e。

PS制作Nintendo Switch拟物图标(51)

6.3.8 再画一个22*22的同心圆,填充颜色#2e3336,添加内阴影,颜色#313035。

PS制作Nintendo Switch拟物图标(52)

6.3.9 将上述组件编组命名为【录制键】。

PS制作Nintendo Switch拟物图标(53)

(4)功能键

6.4.1 绘制直径50px的圆,填充颜色#0d0200,添加投影效果,颜色#000000。

PS制作Nintendo Switch拟物图标(54)

6.4.2 绘制直径46px的同心圆,填充渐变,颜色#807b81-#140b0c。

PS制作Nintendo Switch拟物图标(55)

6.4.3 绘制40*40的同心圆 颜色填充为#3c4242。

PS制作Nintendo Switch拟物图标(56)

6.4.4 复制3个按钮,移动到合适的位置,并在上面写上各自代表的英文。

6.4.5 用之前给摇杆制作阴影的方法,给按钮也制作阴影。

PS制作Nintendo Switch拟物图标(57)

(5)方向键

6.5.1 把没有文字标识的功能键复制到左手柄那里成为方向键。

6.5.2 方向标识的填充颜色为#1f1f21,并且需要添加几个图层效果。

6.5.3 内阴影1,颜色#38373a。

PS制作Nintendo Switch拟物图标(58)

6.5.4 内阴影2,颜色#37373a。

PS制作Nintendo Switch拟物图标(59)

6.5.6 投影,颜色#57575e。

PS制作Nintendo Switch拟物图标(60)

PS制作Nintendo Switch拟物图标(61)

(6)加减号

6.6.1 用两个圆角矩形和一个圆形制作加号,填充颜色#3b3434,并添加两个内阴影。

6.6.2 内阴影1,颜色#6b5e5e。

PS制作Nintendo Switch拟物图标(62)

6.6.3 内阴影2,颜色#12090a。

PS制作Nintendo Switch拟物图标(63)

6.6.4 然后点选图层,右键转化为智能对象,添加描边,颜色#802824,和投影效果,颜色#5e5758。

PS制作Nintendo Switch拟物图标(64)

PS制作Nintendo Switch拟物图标(65)

6.6.5 同样方法得到减号图标。

PS制作Nintendo Switch拟物图标(66)

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。

PS制作Nintendo Switch拟物图标(67)

7.1.3 转化为智能对象后,添加3%的杂色。

PS制作Nintendo Switch拟物图标(68)

7.1.4 在左下角画一个高度为50*11px,颜色填充为#76797b的圆角矩形,圆角拉到最大,做矩形1的剪贴蒙版,命名为【指示灯】。

7.1.5 并在上面增加一个内阴影,颜色#1a1d21。

7.1.6 做一个图案叠加,图案随意,增加一点花纹而已。

7.1.7 在指示灯右边用布尔运算做一个电视的图案,填充颜色#1a1d21。

PS制作Nintendo Switch拟物图标(69)

(2)LOGO

7.2.1 从网上找一个Switch的LOGO,调整颜色#222529,放到底座矩形的正中心,添加2%的杂色。

7.2.2 将上面的部分编组命名为【底座】。

PS制作Nintendo Switch拟物图标(70)

7.2.4 在底部增加阴影。

7.2.5 用喜欢的图片,或者纯色填充作为背景,用CameraRaw的径向滤镜制作环境光。

PS制作Nintendo Switch拟物图标(71)

还没人评论,快来抢沙发~

X