- Photoshop图像处理案例教程
- 刘万辉 方莹主编
- 1507字
- 2023-06-28 16:10:26
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所示。