- Photoshop图像处理任务式教程(微课版)
- 刘万辉 司艳丽 孙重巧主编
- 1897字
- 2023-12-21 17:04:41
任务实施:设计电商女装店海报
1.任务分析

电商女装店海报设计
本任务为设计电商女装店海报,海报的整体风格简洁、明快,主题鲜明,折扣和主打文案紧密相连,突出显示物美价廉的特点,以吸引客户浏览商品。在设计过程中先设定背景图案,再绘制出文案区域的底图,然后分别设计旗袍模特展示,最后通过文字工具和图形工具设计中间的文案区域,完成设计。
素养小贴士
优秀的中国传统文化——旗袍文化
旗袍是中国和世界华人女性的传统服装,被誉为中国国粹和女性国服。
旗袍的文化内涵就在于它是中国文化的一个浓缩符号,表达着女性含蓄的美感和个性魅力。低调中有张扬,唯美中有亲和,表达着东方女性的神秘和温婉。
2.技能要点
核心技能要点:参考线、矩形工具、横排文字工具、椭圆选框工具等的使用。
3.实现过程
本案例操作步骤如下。
(1)打开Photoshop CC,按快捷键<Ctrl+N>执行“新建”命令,创建一个宽度为1200像素、高度为320像素、分辨率为72像素/英寸的文档。执行“文件”→“存储为”命令,将其保存为“传统旗袍网页广告展示.psd”。
(2)按快捷键<Ctrl+R>显示标尺,右击标尺区域将标尺显示方式设为“像素”。设置前景色为浅卡其色(#f9dcc7),按快捷键<Alt+Delete>填充前景色。
(3)执行“视图”→“新建参考线”命令,添加一条垂直参考线,位置在300像素处,效果如图1-35所示。
(4)执行“文件”→“置入嵌入对象”命令,选择“传统旗袍网页广告展示”文件夹下的图片“祥云.jpg”,将图片置入项目中,调整位置,设置图层的不透明度为“40%”,效果如图1-36所示。

图1-35 添加垂直参考线

图1-36 添加祥云背景后的效果
(5)执行“文件”→“置入嵌入对象”命令,选择“传统旗袍网页广告展示”文件夹中的图片“红色旗袍.png”,将图片置入项目中,将领口的水平中心位置对准垂直参考线,并调整图像大小,效果如图1-37所示。
(6)选择“椭圆选框工具”,在工具属性栏中设置“样式”为“固定大小”、“宽度”为“230像素”、“高度”为“230像素”,如图1-38所示。

图1-37 置入旗袍图片后的效果

图1-38 设置工具属性栏
(7)执行“图层”→“新建”→“图层”命令,创建一个新的“图层1”图层。
(8)使用“椭圆选框工具”绘制一个圆形,设置其前景色为白色,按快捷键<Alt+Delete>填充前景色,效果如图1-39所示。
(9)设置前景色为深红色(#95021f),执行“编辑”→“描边”命令,打开“描边”对话框,如图1-40所示,设置描边后的效果如图1-41所示。

图1-39 绘制圆形后的效果

图1-40 “描边”对话框
(10)执行“文件”→“置入嵌入对象”命令,选择“传统旗袍网页广告展示”文件夹中的图片“花纹设计.png”,将图片置入项目中。用同样的方法导入“领口设计.png”图片,调整其大小与位置,效果如图1-42所示。

图1-41 描边后的效果

图1-42 置入素材图片后的效果
(11)使用“横排文字工具”输入“W”,设置字体为“Impact”、字体大小为“100像素”、文字颜色为深红色(#95021f),调整其位置,在“横排文字工具”的工具属性栏中单击“切换字符和段落面板”按钮,在“字符”面板(见图1-43)中设置文字字体为“仿斜体”,用同样的方法输入英文“oman charm”,设置字体大小为“24像素”、文字字体为“仿斜体”,效果如图1-44所示。

图1-43 “字符”面板

图1-44 设置文字后的效果
(12)使用“横排文字工具”输入“立体裁剪”,设置字体为“黑体”、字体大小为“38像素”、文字颜色为深红色(#95021f),设置文字字体为“仿斜体”,调整位置;用同样的方法输入数字“1”,设置字体为“Impact”、字体大小为“70像素”、文字颜色为橙黄色(#fbb307),设置文字字体为“仿斜体”,调整其位置;用同样的方法输入“折”字,设置字体为“黑体”、字体大小为“28像素”、文字颜色为橙黄色(#fbb307),设置文字字体为“仿斜体”,效果如图1-45所示。
(13)使用“横排文字工具”输入“简约的轮廓 展现优雅的气质”,设置字体为“黑体”、字体大小为“30像素”、文字颜色为深红色(#95021f),设置文字字体为“仿斜体”,调整其位置,效果如图1-46所示。

图1-45 输入“立体裁剪”“1折”文字后的效果

图1-46 输入辅助文字后的效果
(14)执行“图层”→“新建”→“图层”命令,创建一个新的图层,使用“矩形工具”绘制一个矩形,设置其前景色为深红色(#95021f),按快捷键<Alt+Delete>填充前景色,效果如图1-47所示。
(15)执行“编辑”→“变换”→“斜切”命令,将矩形水平倾斜“-30”度;使用“横排文字工具”输入“精致优雅 彰显中华民族特色”,设置字体为“微软雅黑”、字体大小为“48像素”、文字颜色为白色,设置文字字体为“仿斜体”,调整其位置,效果如图1-48所示。

图1-47 绘制矩形并填充前景色

图1-48 斜切矩形并输入文字
(16)采用同样的方法在圆形的“花纹设计”图像下方绘制矩形,并添加文本“花纹设计”;在圆形的“领口设计”图像下方绘制矩形,并添加文本“领口设计”,效果如图1-1所示。