利用绿色生态主题制作清新风格的化妆品电商网站 PS网页制作教程

软件发布|下载排行|最新软件

当前位置:首页photoshop教程图片处理

利用绿色生态主题制作清新风格的化妆品电商网站 PS网页制作教程

昀恒   2021-02-02 我要评论
PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站首页。

最终效果

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

1、新建文件。打开PS软件,按Ctrl + N 新建文件,尺寸为1920 * 3000像素(也可以根据实际要求设置尺寸),分辨率为72像素/英寸,然后确定。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

2、填充背景色。把前景色设置为淡蓝色#d3fcfe,然后在工具箱选择“油漆桶工具”,在背景上点击一下填充设置好的前景色。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

3、顶部Banner制作。这里是个比较重要的位置,效果一定要吸引人。Banner有单独的制作教程,看下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

4、加入树枝。找一些树枝素材,抠出来,放到顶部位置,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

5、加入土层。打开一张土层素材,用移动工具拖进来,放到草地下面,然后控制好大小;再把顶部稍微压暗一点,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

6、创建色彩平衡调整图层,对中间调,高光进行调整,参数设置如下图,确定后按Ctrl + Alt + G 创建剪切蒙版。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

7、图层底部加上一点投影,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

8、现在来制作其它部分。找一块木板素材,截取一部分复制进来,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

9、加上金属扣。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

10、再加上链子和藤蔓,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

11、在木板上面加上文字,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

12、加入产品图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

13、中间加上热卖产品和文字,过程如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

14、其它部分制作方法一样,如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

15、底部预留一块灰色部分,用来添加其它文案,过程如下图。

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

最终效果

PS网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们