8 视频类图标设计.pptx

UI界面设计与制作教程;任务6视频类图标设计;3.6.2视频类图标制作;4、制作步骤

（1）打开PS，新建一个800x800像素的文件，模式为RGB模式，分辨率为300，背景为白色，并命名为“视频类图标”。;（2）新建图层1，选择圆角矩形工具，设置填充颜色为R:220,G:220,B:220；半径为40像素，样式为固定大小，宽度为480像素，高度为480像素，在画布中绘制一个矩形。;(4)在工具栏选择多边形工具，在公共栏设置边数为3，同时设置颜色为青蓝色，R:62，G:196，B:231，然后在画布中合适的位置绘制出一个三角形。;(5)选择转换点工具，拉出平滑过渡的角，。;(6)双击图层打开图层样式按钮，为该多边形添加渐变效果。（如图72）设置渐变色时，共设置5段颜色，从左至右依次为：1段颜色R:2,G:146,B:180；2段颜色R:3,G:159,B:197；3段颜色R:6,G:179,B:221；4段颜色R:27,G:193,B:233；5段颜色R:39,G:206,B:248。（如图73）渐变后的效果;(7)选中这个图层，选择移动工具，同时按住CTRL键，拖动该图层复制出一层，按下CTRL+T进行自由变换，调整到合适大小，效果如图;(8)修改这缩小后形状图层的渐变叠加效果，如图76所示。设置渐变色时，共设置5段颜色，从左至右依次为：1段颜色R:197,G:97,B:0；2段颜色R:253,G:143,B:0；3段颜色R:238,G:127,B:0；4段颜色R:209,G:103,B:1；5段颜色R:244,G:138,B:0。;（9）选中橙色形状的图层，按下CTRL+J复制出一层，再按下CTRL+T进行自由变换，调整到合适大小，效果如图;（10）修改这缩小后形状图层的渐变叠加效果，如图78所示。设置渐变色时，共设置5段颜色，从左至右依次为：1段颜色R:83,G:155,B:11；2段颜色R:157,G:209,B:10；3段颜色R:140,G:191,B:2；4段颜色R:151,G:205,B:7；5段颜色R:141,G:191,B:4。;（10）修改这缩小后形状图层的渐变叠加效果，如图78所示。设置渐变色时，共设置5段颜色，从左至右依次为：1段颜色R:83,G:155,B:11；2段颜色R:157,G:209,B:10；3段颜色R:140,G:191,B:2；4段颜色R:151,G:205,B:7；5段颜色R:141,G:191,B:4。;（11）使用形状工具绘制最中心的三角形，（如图79）然后使用钢笔-添加描点工具，（如图80）拉出平滑过渡的角。（如图81）;（12）修改中心三角形图层的渐变叠加效果，如图82所示。设置渐变色时，共设??4段颜色，从左至右依次为：1段颜色R:231,G:232,B:227；2段颜色R:198,G:207,B:190；3段颜色R:232,G:236,B:221；4段颜色R:255,G:255,B:255。;谢谢