首页 理论教育 007购物网站首页-Meriadeck,正品购物等你来

007购物网站首页-Meriadeck,正品购物等你来

时间:2023-08-24 理论教育 版权反馈
【摘要】:本实例制作的是某购物网站的首页,该页面独具匠心地将各购物商品以树叶的形式进行排列,同时添加一些时尚的装饰元素作为点缀,创意十足,让人过目不忘。图1-90 编辑文字06 添加“花纹”素材,设置图层面板上的“不透明度”为8%,并复制一层,放置合适的位置上,效果如图1-91所示。图1-96 添加“花”素材12 添加其他的素材至合适的位置上,得到最终的效果如图1-97所示。

007购物网站首页-Meriadeck,正品购物等你来

本实例制作的是某购物网站的首页,该页面独具匠心地将各购物商品以树叶的形式进行排列,同时添加一些时尚的装饰元素作为点缀,创意十足,让人过目不忘。

978-7-111-43911-0-Chapter01-189.jpg使用工具:渐变工具、矩形选框工具、图层样式、图层蒙版、画笔工具、钢笔工具,“变形”命令

978-7-111-43911-0-Chapter01-190.jpg978-7-111-43911-0-Chapter01-191.jpg文件路径:源文件\第1章\007.psd

978-7-111-43911-0-Chapter01-192.jpg视频文件:mp4\第1章\007mp4

978-7-111-43911-0-Chapter01-193.jpg

01 启动Photoshop后,执行“文件”|“新建”命令,弹出“新建”对话框,在弹出的对话框中设置参数,如图1-86所示,单击“确定”按钮,新建一个空白文件。

978-7-111-43911-0-Chapter01-194.jpg

图1-86 “新建”对话框

02 单击渐变工具978-7-111-43911-0-Chapter01-195.jpg,单击选项栏中的“渐变条”,编辑渐变颜色为(#9dbb5a)到(#547017)64%到(#415c0b),单击“确定”按钮,单击径向渐变按钮978-7-111-43911-0-Chapter01-196.jpg,在图层上拖动鼠标,拉出一条直线,如图1-87所示。

978-7-111-43911-0-Chapter01-197.jpg

图1-87 渐变填充

03 按Ctrl+O键,打开“白鸽素材,拖至画面,设置图层面板上的“填充”为14%,按Ctrl+J键,复制多个图层,单击移动工具978-7-111-43911-0-Chapter01-198.jpg,调整好位置和大小,效果如图1-88所示。

978-7-111-43911-0-Chapter01-199.jpg

图1-88 调整素材的不透明度

04 按Ctrl+O键,打开“盒子”素材,拖至画面,单击图层面板上的“添加图层样式”按钮978-7-111-43911-0-Chapter01-200.jpg,选择“投影”,弹出“图层样式”对话框,参数设置为如图1-89所示。

978-7-111-43911-0-Chapter01-201.jpg

图1-89 图层样式参数

05 单击横排文字工具978-7-111-43911-0-Chapter01-202.jpg,输入文字,执行“编辑”|“变换”|“变形”命令调整文字的形状,将文字图层移至盒子图层下。继续编辑文字放置右下角位置上,如图1-90所示。

978-7-111-43911-0-Chapter01-203.jpg

图1-90 编辑文字

06 添加“花纹”素材,设置图层面板上的“不透明度”为8%,并复制一层,放置合适的位置上,效果如图1-91所示。(www.xing528.com)

978-7-111-43911-0-Chapter01-204.jpg

图1-91 复制图层

07 单击钢笔工具978-7-111-43911-0-Chapter01-205.jpg,在画布中绘制四个不同的形状图形,填充色设置为白色和黑色,如图1-92所示。

978-7-111-43911-0-Chapter01-206.jpg

图1-92 打开素材

08 打开“口红”素材,如图1-93所示。

09 单击磁性套索工具978-7-111-43911-0-Chapter01-207.jpg,在口红的边缘单击一下,沿口红边缘拖动鼠标,创建选区,如图1-94所示。

978-7-111-43911-0-Chapter01-208.jpg

图1-93 打开“口红”素材

978-7-111-43911-0-Chapter01-209.jpg

图1-94 创建选区

10 单击移动工具978-7-111-43911-0-Chapter01-210.jpg,将其拖至画面,按Ctrl+T键,进入自由变换状态,调整好位置和角度,如图1-95所示。

978-7-111-43911-0-Chapter01-211.jpg

图1-95 调整位置和角度

11 添加“花”素材,调整好位置,如图1-96所示。

978-7-111-43911-0-Chapter01-212.jpg

图1-96 添加“花”素材

12 添加其他的素材至合适的位置上,得到最终的效果如图1-97所示。

978-7-111-43911-0-Chapter01-213.jpg

图1-97 最终效果

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈