Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程

服务器 VIP24小时自助开通

PS调色教程:调出柔和色调签名照片

先看一下效果:

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图

 

制作工具:Photoshop CS
制作过程:
1、新建一个文件,选择工具箱中的“圆角矩形工具”,设置半径为10,颜色RGB分别为225、225、225,在窗口中绘制如图01所示的圆角矩形,将生成的图层命名为图层01。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图1

2、双击图层01打开图层样式对话框,在弹出的图层样式对话框中选择“投影”“斜面和浮雕”“渐变叠加”样式,设置参数如图02-04所示,其中渐变叠加的颜色为RGB255、255、255和RGB236、236、236。图像效果如图05所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图2

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图3

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图4

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图5    

3、选择图层01,单击图层面板有上端的扩展按钮,选择“复制图层”命令,打开复制图层对话框,将复制的图层命名为图层02。
4、双击图层02打开图层样式对话框,在图层样式对话框中选择“投影”,设置如图06,选择“斜面和浮雕”,设置参数如图07所示,将渐变叠加取消,图像效果如图08所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图6

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图7

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图8  

5、设置图层02的图层混合模式为“正片叠底”,图像效果如图09所示。

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图9

6、复制图层01,生成的图层命名为图层03,并将图层03移至图层的最上方。

7、双击图层03,打开图层样式对话框,将“投影”“斜面和浮雕”样式取消。选择“渐变叠加”,如图10所示。设置图层03的图层混合模式为“正片叠底”。

  13、新建图层,命名为图层A。然后选择图层A,按住Ctrl键单击S02图层,载入选区,效果如图22所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图10

14、用白色填充选区,效果如图23所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图11  

15、按Ctrl+T键,稍微缩小对象,然后给图层A添加图层蒙版,设置前景色和背景色为默认颜色,在窗口中拖动鼠标,图像效果如图24所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图12

16、复制图层A为图层B,选择“编辑”“变换”“垂直翻转”命令,将图像移动到下方,效果如图25所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图13  

17、选择菜单栏中的“图像”“调整”“色相/饱和度”命令,打开色相/饱和度对话框设置参数如图26所示,图像效果如图27所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图14

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图15     18、将图层B的图层不透明度设置为50%,图像效果如图28所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图16

19、将制作好的按钮和文字拖入图像中放到适当的位置,效果如图29所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图17  

20、打开一幅自己喜欢的图片,裁切到合适的大小,放到位置如图30所示。设置该图层的图层混合模式为“正片叠底”,图像效果如图31所示。

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图18

Photoshop打造MP4播放器_亿码酷站___亿码酷站平面设计教程插图19  

21、制作投影后最终效果如图32所示。

分享到 :
服务器 VIP24小时自助开通
相关推荐

Photoshop制作白色纱布缠绕的个性文字_亿码酷站___亿码酷站平面设计教程

Photoshop制作白色纱布缠绕的个性文字_亿码酷站___亿码酷站平面设计教程

Photoshop淡彩色调冷艳美女_亿码酷站___亿码酷站平面设计教程

Photoshop淡彩色调冷艳美女_亿码酷站___亿码酷站平面设计教程

Photoshop校正偏色数码照片_亿码酷站___亿码酷站平面设计教程

Photoshop校正偏色数码照片_亿码酷站___亿码酷站平面设计教程

Photoshop制作霓虹发光字_亿码酷站___亿码酷站平面设计教程

Photoshop制作霓虹发光字_亿码酷站___亿码酷站平面设计教程