Photoshop 2020平面设计实例教程第14章 平面设计实战.pptx

第14章平面设计实战

14.1立体光感的UI图标设计14.2渐变效果的网站Banner设计14.3照片排版的公众号首图设计14.5磨砂效果的会员卡设计14.6酸性风格的海报设计14.7超现实的明信片设计14.4烫金名片的样机设计14.8液态气泡的包装设计

14.1立体光感的UI图标设计010304本例将绘制一款爱心药丸图，如图14-1所示，熟练使用形状工具、“钢笔工具”和图层样式，特别是最后绘制药丸的高光部分和白色光斑时，需要对物体的光影走向有一定了解。图14-1会发光的药丸完成效果图

010304启动Photoshop动2020软件，在菜单栏中选择“文件”→“新建”命令，新建一个“高度”为800像素，“宽度”为800像素，“分辨率”为72像素/英寸的空白文档，并命名为“发光的药丸图标”。14.1立体光感的UI图标设计

010304图14-2径向渐变效果14.1立体光感的UI图标设计设置前景色为蓝色(R:60、G:60、B:150),设置背景色为深灰色(R:55、G:55、B:55)。在工具箱中选择“渐变工具”,然后在工具选项栏中设置“前景色到背景色渐变”,并单击“径向渐变”按钮,为背景添加径向渐变，如图14-2所示。在工具箱中选择“圆角矩形工具”,在文档中单击，在弹出的对话框中设置“宽度”、“高度”及“半径”参数，并选中“从中心”复选框，如图14-3所示。单击“确定”按钮，将圆角矩形填充为白色。在“图层”面板中，将圆角矩形所在的图层命名为“胶囊”,然后将圆角矩形旋转45度，此时得到图形效果如图14-4所示。图14-3设置参数图14-4“胶囊”图层效果

010304双击“胶囊”图层，在弹出的“图层样式对话框中，选中“内发光”复选框，并在右侧的“内发光”参数面板中修改“混合模式为“柔光”,设置“不透明度”为22%，设置颜色为绿色(R:60、G:255、B:180)并调整“大小为100像素，如图14-5所示，单击“确定”按钮。14.1立体光感的UI图标设计图14-5图层样式对话框

010304在“图层”面板中修改该图层的“填充”为0%,得到的图形效果如图14-6所示。按快捷键Ctrl+J复制得到“胶囊拷贝”图层，将其所带的“内发光”效果删除。双击该图层，打开“图层样式”对话框，选中“内阴影”复选框，并在右侧的“内阴影参数面板中修改“混合模式”为“正常”,颜色为绿色(R:60、G:255、B:180),设置“不透明度为100%,同时调整“距离”为8像素，调整“大小”为49像素，如图14-7所示，完成设置后，单击“确定”按钮。图14-6内发光效果图14-7图层样式对话框714.1立体光感的UI图标设计

010304再次对“胶囊”图层进行复制，按下Ctrl+J键，得到“胶囊拷贝2”图层。双击该图层，打开“图层样式”对话框，参照图14-8所示，修改“内阴影”的参数，单击“确定”按钮，保存设置，此时得到的图形效果如图14-9所示。图14-8图层样式对话框图14-9内阴影效果714.1立体光感的UI图标设计

010304新建图层，选择“椭圆工具”，创建一个“宽度“为286像素，“高度”为48像素的椭圆形(填充白色且无描边)，将其命名为“水面轮廓”。双击该图层，在打开的“图层样式”对话框中选中“内发光”复选框，并在右侧的参数面板中修改“混合模式”为正常，设置“不透明度”为85%,“大小”为8像素，颜色为绿色(R:15、G:210、B:110)，如图14-10所示，单击“确定”按钮。修改图层“填充”为0%，如图14-11所示。图14-10图层样式对话框14.1立体光感的UI图标设计图14-11图层面板

010304使用“椭圆工具”创建一个“宽度”为230像素，“高度”为28像素的椭圆形，为其填充深绿色(R:15、G:210、B:110)。在菜单栏中选择“滤镜”→“模糊”→“高斯模糊”命令，弹出的对话框中设置“半径”为6.5像素，如图14-12所示。单击“确定”按钮，保存设置，得到的效果如图14-13所示。图14-12设置“半径”参数图14-13高斯模糊效果14.1立体光感的UI图标设计

010304使用“钢笔工具”绘制如图14-14所示的爱心形状，并将图层命名为“爱心1”。双击该图层，为其添加图层样式：“内阴影”和“渐变叠加”的效果，具体参数设置，如图14-15所示。14.1立体光感的UI图标设计图14-14钢笔工具绘制爱心图14-15设置“内阴影”和“渐变叠加”参数

010304使用“钢笔工具”绘制如图14-16所示的爱心形状，形成前面爱心的一个立体厚度，将图层命名为“爱心2”，并在“图层”面板调整它的位置，置于“爱心1”的下方。双击该图层，为其添加图层样式：“内阴影”和