1.1.11 案例实现过程
1-7传统旗袍网页banner广告展示实现
本案例操作步骤如下。
1）打开Photoshop软件，按快捷键〈Ctrl+N〉执行“新建”命令，创建一个宽为1200像素、高为320像素、分辨率为72像素/英寸的文档。执行“文件”→“存储为”命令，将文档保存为“传统旗袍网页广告展示.psd”。
2）按快捷键〈Ctrl+R〉显示标尺，右击标尺区域选择标尺的显示方式为“像素”。设置前景色为浅卡其色（#f9dcc7），按快捷键〈Alt+Delete〉填充前景色。
3）执行“视图”→“新建参考线”命令，添加一条垂直辅助线，位置在300像素处，如图1-20所示。
4）执行“文件”→“置入嵌入对象”命令，选择“传统旗袍网页广告展示”文件夹下的图片“祥云.jpg”，将图片置入项目中，调整位置，设置图层的不透明度为40%，效果如图1-21所示。
图1-20 添加垂直辅助线
图1-21 添加祥云背景后的效果
5）执行“文件”→“置入嵌入对象”命令，选择“传统旗袍网页广告展示”文件夹下的图片“红色旗袍.png”，将图片置入项目中，将领口位置对准垂直辅助线，调整大小，如图1-22所示。
6）使用椭圆选框工具，在工具属性栏中设置“样式”为“固定大小”、宽度为230像素、高度为230像素，如图1-23所示。
图1-22 置入旗袍图片后的效果
图1-23 设置工具属性栏
7）执行“图层”→“新建”→“图层”命令，创建一个新的“图层1”图层。
8）使用椭圆选框工具绘制一个圆形，设置前景色为白色，按快捷键〈Alt+Delete〉填充前景色，效果如图1-24所示。
9）设置前景色为深红色（#95021f），执行“编辑”→“描边”命令，弹出“描边”对话框，按图1-25所示进行设置，描边后的效果如图1-26所示。
图1-24 绘制圆形后的效果
图1-25 “描边”对话框
10）执行“文件”→“置入嵌入对象”命令，选择“传统旗袍网页广告展示”文件夹下的图片“花纹设计.png”，将图片置入项目中。用同样的方法导入图片“领口设计.png”。调整大小与位置，效果如图1-27所示。
图1-26 描边后的效果
图1-27 置入素材图片后的效果
11）使用横排文字工具输入“Woman”中的大写首字母“W”，设置字体为“Impact”、大小为“100点”、文字颜色为深红色（#95021f），调整其位置。在工具箱中选中“横排文字工具”，在其工具属性栏中单击“切换字符和段落面板”按钮
，在“字符”面板中设置文字为“仿斜体”，如图1-28所示；用同样的方法输入英文“oman charm”，大小为“24点”且为“仿斜体”。效果如图1-29所示。
图1-28 “字符”面板
图1-29 设置文字后的效果
12）使用横排文字工具输入“立体裁剪”，设置字体为“黑体”、大小为“38点”、颜色为深红色（#95021f）、“仿斜体”，调整位置；用同样的方法输入数字“1”，设置字体为“Impact”、大小为“70点”、颜色为橙色（# fbb307）、“仿斜体”，调整其位置；再用同样的方法输入“折”字，设置字体为“黑体”、大小为“28点”、颜色为橙色（# fbb307）、“仿斜体”。效果如图1-30所示。
13）使用横排文字工具输入“简约的轮廓 展现优雅的气质”，设置字体为“黑体”、大小为“30点”、颜色为深红色（#95021f）、“仿斜体”，调整其位置，效果如图1-31所示。
图1-30 输入“立体裁剪”和“1折”后的效果
图1-31 输入辅助文字后的效果
14）执行“图层”→“新建”→“图层”命令，创建一个新的图层。使用矩形选框工具绘制一个长方形，设置前景色为深红色（#95021f），按快捷键〈Alt+Delete〉填充前景色，效果如图1-32所示。
15）执行“编辑”→“自由变换”命令，右击（单击右键）切换到“斜切”命令，将矩形框水平倾斜平移-30°。使用横排文字工具输入“精致优雅 民族特色”，设置字体为“微软雅黑”、大小为“48点”、颜色为白色、“仿斜体”，调整其位置，效果如图1-33所示。
图1-32 添加矩形框
图1-33 矩形框斜切并输入文字
16）采用同样的方法在圆形的“花纹设计”图像下方绘制矩形框，添加文本“花纹设计”；在圆形的“领口设计”图像下方绘制矩形框，添加文本“领口设计”。最终效果如图1-1所示。