首页 理论教育实例:Photoshop制作网页广告插图

实例:Photoshop制作网页广告插图

【摘要】:本实例主要为用户详细讲解自由变换在网页设计中的应用,此款界面以红色作为主色调,搭配黄色作为辅色,整体界面以喜庆祥和为主题,使浏览者感受到浓浓的节日氛围。单击工具箱中的“矩形工具”按钮,在画布中绘制任意颜色的正方形,如图2-88所示。将素材拖动到设计文档中,执行“编辑>自由变换”命令,将图像缩放到合适大小,如图2-92所示。

本实例主要为用户详细讲解自由变换在网页设计中的应用,此款界面以红色作为主色调,搭配黄色作为辅色,整体界面以喜庆祥和为主题,使浏览者感受到浓浓的节日氛围。

978-7-111-58882-5-Chapter02-98.jpg

978-7-111-58882-5-Chapter02-99.jpg

01 执行“文件>打开”命令,打开素材图像“素材>第2章>26501.png”图像效果如图2-87所示。单击工具箱中的“矩形工具”按钮,在画布中绘制任意颜色的正方形,如图2-88所示。

978-7-111-58882-5-Chapter02-100.jpg

图 2-87

978-7-111-58882-5-Chapter02-101.jpg

图 2-88

02 执行“编辑>自由变换”命令,拖动变换框旋转图像,按下Enter键确定变换,如图2-89所示。单击“图层”面板底部的“添加图层样式”按钮,在弹出的“图层样式”对话框中选择“内阴影”选项,设置如图2-90所示的参数。

978-7-111-58882-5-Chapter02-102.jpg

图 2-89

978-7-111-58882-5-Chapter02-103.jpg

图 2-90(www.chuimin.cn)

03 执行“文件>打开”命令,打开素材图像“素材>第2章>26502.png”图像效果如图2-91所示。将素材拖动到设计文档中,执行“编辑>自由变换”命令,将图像缩放到合适大小,如图2-92所示。

978-7-111-58882-5-Chapter02-104.jpg

图 2-91

978-7-111-58882-5-Chapter02-105.jpg

图 2-92

04 使用鼠标右击该图层缩览图,在弹出的快捷菜单中选择“创建剪贴蒙版”命令,如图2-93所示。图像效果如图2-94所示。

978-7-111-58882-5-Chapter02-106.jpg

图 2-93

978-7-111-58882-5-Chapter02-107.jpg

图 2-94

提示

创建剪贴蒙版主要是为了保护源图像,并使图像的显示区域符合下方图层的大小和形状,并不会改变图像的原比例,用户可以决定图像的显示区域。