购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2 笔记本电脑广告设计

笔记本电脑广告设计1

笔记本电脑广告设计2

笔记本电脑广告设计3

2.2.1 案例分析

本案例是为某电子产品公司的一款笔记本电脑设计制作广告,这是一款集休闲娱乐与商务办公于一体的多功能笔记本电脑,要求设计突出笔记本电脑的高清特性。

2.2.2 设计理念

在设计过程中,通过背景中渐隐的线条和立体几何图形营造科技感;通过笔记本电脑实物图片展示产品的简约、时尚造型;在产品上方以醒目的宣传语突出产品的高清特性(最终效果参看云盘中的“Ch02>效果>笔记本电脑广告设计>笔记本电脑广告.ai”,见图2-5)。

图2-5

2.2.3 操作步骤

Photoshop应用

1.制作广告底图

(1)打开Photoshop 2020,按Ctrl+O组合键,弹出“打开”对话框。选择云盘中的“Ch02>素材>笔记本电脑广告设计>01、02”文件,单击“打开”按钮,打开图片,如图2-6所示。选择“移动”工具 ,将“02”图片拖曳到“01”图像窗口中的适当位置,效果如图2-7所示。在“图层”面板中将生成新的图层,将其命名为“地板”。

图2-6

图2-7

(2)单击“图层”面板下方的“添加图层蒙版”按钮 ,为“地板”图层添加图层蒙版,如图2-8所示。将前景色设置为黑色。选择“画笔”工具 ,在属性栏中单击“画笔预设”选项右侧的按钮,在弹出的画笔面板中选择需要的画笔形状,如图2-9所示。在图像窗口中涂抹,擦除不需要的部分,效果如图2-10所示。

图2-8

图2-9

图2-10

(3)单击“图层”面板下方的“创建新的填充或调整图层”按钮 ,在弹出的菜单中选择“色彩平衡”命令。在“图层”面板中将生成“色彩平衡1”图层,同时弹出“色彩平衡”的“属性”面板,单击“此调整影响下面的所有图层”按钮 ,使其显示为“此调整剪切到此图层”按钮 ,其他选项的设置如图2-11所示。按Enter键确定操作,图像效果如图2-12所示。

图2-11

图2-12

(4)单击“图层”面板下方的“创建新的填充或调整图层”按钮 ,在弹出的菜单中选择“曲线”命令。在“图层”面板中将生成“曲线1”图层,同时弹出“曲线”的“属性”面板,在曲线上单击以添加控制点,将“输入”设置为176,“输出”设置为44,单击“此调整影响下面的所有图层”按钮 ,使其显示为“此调整剪切到此图层”按钮 ,其他选项的设置如图2-13所示。按Enter键确定操作,图像效果如图2-14所示。

图2-13

图2-14

(5)单击“图层”面板下方的“创建新的填充或调整图层”按钮 ,在弹出的菜单中选择“色阶”命令。在“图层”面板中将生成“色阶1”图层,同时弹出“色阶”的“属性”面板,单击“此调整影响下面的所有图层”按钮 ,使其显示为“此调整剪切到此图层”按钮 ,其他选项的设置如图2-15所示。按Enter键确定操作,图像效果如图2-16所示。

(6)按Ctrl+O组合键,弹出“打开”对话框。选择云盘中的“Ch02>素材>笔记本电脑广告设计>03、04”文件,单击“打开”按钮,打开图片。选择“移动”工具 ,分别将图片拖曳到图像窗口中的适当位置,效果如图2-17所示。在“图层”面板中将分别生成新的图层,将它们命名为“底座”和“电脑”。

(7)单击“图层”面板下方的“添加图层样式”按钮 ,在弹出的菜单中选择“投影”命令,在弹出的对话框中进行设置,如图2-18所示。单击“确定”按钮,效果如图2-19所示。

(8)选择“移动”工具 ,按住Alt+Shift组合键的同时,水平向右拖曳图片到适当的位置,复制图片,效果如图2-20所示。按Ctrl+T组合键,图片周围将出现变换框,在变换框中单击鼠标右键,在弹出的快捷菜单中选择“水平翻转”命令,将图片水平翻转。按Enter键确定操作,效果如图2-21所示。

图2-15

图2-16

图2-17

图2-18

图2-19

图2-20

图2-21

(9)按Ctrl+O组合键,弹出“打开”对话框。选择云盘中的“Ch02>素材>笔记本电脑广告设计>05、06”文件,单击“打开”按钮,打开图片。选择“移动”工具 ,分别将图片拖曳到图像窗口中的适当位置,效果如图2-22所示。在“图层”面板中将分别生成新的图层,将它们命名为“电脑2”和“漂浮”。

(10)在“电脑”图层上单击鼠标右键,在弹出的快捷菜单中选择“拷贝图层样式”命令。在“电脑2”图层上单击鼠标右键,在弹出的快捷菜单中选择“粘贴图层样式”命令,效果如图2-23所示。

(11)按Shift+Ctrl+E组合键,合并可见图层。按Shift+Ctrl+S组合键,弹出“另存为”对话框,将其命名为“笔记本电脑广告底图”,保存为JPEG格式。单击“保存”按钮,弹出“JPEG选项”对话框,单击“确定”按钮,将图像保存。

图2-22

图2-23

Illustrator应用

2.添加广告标语

(1)打开Illustrator 2020,按Ctrl+N组合键,弹出“新建文档”对话框。设置文档的宽度为239mm,高度为164mm,方向为横向,出血为3mm,颜色模式为CMYK,单击“创建”按钮,新建一个文档。

(2)选择“文件>置入”命令,弹出“置入”对话框。选择云盘中的“Ch02>效果>笔记本电脑广告设计>笔记本电脑广告底图.jpg”文件,单击“置入”按钮,在页面中单击置入图片。单击属性栏中的“嵌入”按钮,嵌入图片。选择“选择”工具 ,拖曳图片到适当的位置,效果如图2-24所示。按Ctrl+2组合键,锁定所选对象。

(3)选择“文字”工具 ,在页面中适当的位置分别输入需要的文字。选择“选择”工具 ,在属性栏中分别选择合适的字体并设置文字大小。将输入的文字同时选取,设置填充色为浅灰色(其CMYK值为0、0、0、30),填充文字,效果如图2-25所示。

图2-24

图2-25

(4)双击“倾斜”工具 ,弹出“倾斜”对话框,各选项的设置如图2-26所示。单击“确定”按钮,倾斜文字,效果如图2-27所示。

图2-26

图2-27

(5)选择“矩形”工具 ,在适当的位置绘制一个矩形,设置描边色为黄色(其CMYK值为0、0、100、0),填充描边,并设置填充色为无,效果如图2-28所示。

(6)选择“文字”工具 ,在适当的位置输入需要的文字。选择“选择”工具 ,在属性栏中选择合适的字体并设置文字大小,填充文字为白色,效果如图2-29所示。

图2-28

图2-29

(7)按Ctrl+T组合键,弹出“字符”面板,将“设置所选字符的字距调整”选项 设置为45,其他选项的设置如图2-30所示。按Enter键确定操作,效果如图2-31所示。

图2-30

图2-31

(8)选择“文字”工具 ,选取文字“直降500”,在属性栏中选择合适的字体。设置填充色为黄色(其CMYK值为0、0、100、0),填充文字,效果如图2-32所示。用相同的方法制作文字“再减100”,效果如图2-33所示。

图2-32

图2-33

(9)选择“矩形”工具 ,在适当的位置绘制一个矩形,填充为白色,并设置描边色为无,效果如图2-34所示。在属性栏中将“不透明度”选项设置为20%。按Enter键确定操作,效果如图2-35所示。

图2-34

图2-35

(10)选择“文字”工具 ,在适当的位置输入需要的文字。选择“选择”工具 ,在属性栏中选择合适的字体并设置文字大小,填充文字为白色,效果如图2-36所示。

图2-36

(11)选择“文字”工具 ,选取数字“010-…88”,在属性栏中选择合适的字体并设置文字大小,效果如图2-37所示。

图2-37

3.添加商标和其他文字

(1)选择“矩形”工具 ,在页面外绘制一个矩形,设置填充色为黄色(其CMYK值为0、0、100、0),并设置描边色为无,效果如图2-38所示。

(2)选择“添加锚点”工具 ,分别在矩形左边和右边的中间位置单击,添加两个锚点,效果如图2-39所示。选择“直接选择”工具 ,按住Shift键将添加的锚点同时选取,水平向左拖曳锚点到适当的位置,效果如图2-40所示。

(3)选择“锚点”工具 ,向上拖曳右侧锚点的控制手柄到适当的位置,将所选锚点转换为平滑状态,效果如图2-41所示。

图2-38

图2-39

图2-40

图2-41

(4)选择“矩形”工具 ,在适当的位置绘制一个矩形,设置填充色为黄色(其CMYK值为0、0、100、0),并设置描边色为无,效果如图2-42所示。

(5)选择“倾斜”工具 ,按住Alt键的同时,在矩形左下角单击,将弹出“倾斜”对话框,各选项的设置如图2-43所示。单击“确定”按钮,倾斜矩形,效果如图2-44所示。

图2-42

图2-43

图2-44

(6)选择“选择”工具 ,按住Alt键的同时,向上拖曳倾斜矩形到适当的位置,复制矩形,效果如图2-45所示。

(7)选择“文字”工具 ,在适当的位置分别输入需要的文字。选择“选择”工具 ,在属性栏中分别选择合适的字体并设置文字大小,效果如图2-46所示。

图2-45

图2-46

(8)将输入的文字同时选取,设置填充色为黄色(其CMYK值为0、0、100、0),填充文字,效果如图2-47所示。用框选的方法将图形和文字同时选取,按Ctrl+G组合键将其编组,并拖曳编组图形到页面中适当的位置,效果如图2-48所示。笔记本电脑广告制作完成。

图2-47

图2-48 wwl5tA5lm2ubMQIGpemqXsvi/FiAYo1qdNJayKZk5vvpe2O3SJVE8Brj9hViEElx

点击中间区域
呼出菜单
上一章
目录
下一章
×