网店首页在网店装修中占有重要的位置,在浏览者浏览网店页面时,首页界面是占据浏览者第一视觉的重要位置,接下来将为读者讲述网店首页设计的制作流程。
本实例是为农产品网店设计的首页欢迎模块,在画面的配色中借鉴商品的色彩,并通过大小和外形不同的文字来表现店铺的主题内容,使用同一色系的颜色来提升画面的品质,使设计的整体效果更加协调、统一。
本实例最终效果如图4-26所示。
图4-26 实例效果
下面制作农产品广告海报主体效果。
步骤01 选择“文件”|“新建”命令,弹出“新建”对话框,设置“名称”为“农产品网店海报设计”、“宽度”为700像素、“高度”为350像素、“分辨率”为300像素/英寸、“颜色模式”为“RGB颜色”、“背景内容”为“白色”,单击“创建”按钮,新建一个空白文档,如图4-27所示。
图4-27 新建图像
步骤02 单击工具箱底部的“前景色”色块,弹出“拾色器(前景色)”对话框,设置RGB参数值分别为220、255、115,单击“确定”按钮,如图4-28所示。
图4-28 设置参数
步骤03 选择“编辑”|“填充”命令,弹出“填充”对话框,设置“使用”为“前景色”,单击“确定”按钮,即可填充颜色,如图4-29所示。
图4-29 填充背景
步骤04 选择“文件”|“打开”命令,打开“蔬菜.jpg”素材图像,选取工具箱中的“魔棒工具”,在工具属性栏中设置“容差”为32,如图4-30所示。
图4-30 打开素材
步骤05 在图像中相应的位置单击,添加白色区域为选区,如图4-31所示。
图4-31 添加选区
步骤06 选择“选择”|“反选”命令,反选选区,如图4-32所示。
图4-32 反选选区
步骤07 选择“选择”|“修改”|“羽化”命令,弹出“羽化选区”对话框,设置“羽化半径”为5像素,单击“确定”按钮,即可羽化选区,如4-33所示。
图4-33 羽化选区边缘
步骤08 按【Ctrl+C】组合键,复制选区内的图像,切换至“农产品网店海报设计”图像编辑窗口,按【Ctrl+V】组合键粘贴图像,并适当地调整图像的大小和位置,如图4-34所示。
图4-34 粘贴素材图像
下面制作农产品广告海报的文字效果。
步骤01 选取工具箱中的“横排文字工具”,输入文字“绿色农场”,展开“字符”面板; 设置“字体系列”为“华康海报体”、“字体大小”为12点、“颜色”为绿色(RGB参数为110、160、0)、“设置所选字符的字距调整”为100,并激活仿粗体图标,根据需要适当地调整文字的位置,如图4-35所示。
图4-35 设置文字属性
步骤02 展开“图层”面板,选择“图层1”图层,单击底部的“创建新图层”按钮,新建“图层2”图层,如图4-36所示。
图4-36 新建图层
步骤03 选取工具箱中的“椭圆工具”,设置“工具模式”为“像素”,设置“前景色”为黄色(RGB参数值分别为255、255、0),在文字下方绘制一个合适大小的正圆形; 复制所绘制的正圆形,并适当调整其位置,如图4-37所示。
图4-37 绘制圆形并复制调整
步骤04 选取工具箱中的“横排文字工具”,输入文字“梦想发源地”,展开“字符”面板,设置“字体系列”为“方正大标宋简体”、“字体大小”为10点、“设置所选字符的字距调整”为100、“颜色”为橙色(RGB参数值分别为255、120、0),并激活仿粗体图标,根据需要适当地调整文字的位置,如图4-38所示。
图4-38 设置文字属性并输入
步骤05 选取工具箱中的“横排文字工具”,输入文字“绿色果蔬,健康饮食”,展开“字符”面板,设置“字体系列”为“幼圆”、“字体大小”为7点、“颜色”为橙色(RGB参数值分别为255、120、0),根据需要适当地调整文字的位置,完成制作,如图4-39所示。
图4-39 最终效果