亲宝软件园·资讯

展开

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

昀恒 人气:0
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网页制作教程:利用绿色生态主题制作清新风格的化妆品电商网站

加载全部内容

相关教程
猜你喜欢
用户评论