本文作者:三岁教程网

Photoshop创建欧美商务网页模板

三岁教程网 2022-11-07 00:00:00 60 抢沙发

效果图


    
     Photoshop创建欧美商务网页模板

开始,创建一个新的文档,将填充背景层颜色值:#ece5db。


    
     Photoshop创建欧美商务网页模板

1、在底部的布局,创建一个圆角矩形工具。设置前景色为:#f6f2ed。


    
     Photoshop创建欧美商务网页模板

2、为圆角矩形添加图层样式。


    
     Photoshop创建欧美商务网页模板

3、继续使用矩形工具,在网页头部创建一个简单的矩形,填充颜色 #2d2b26。


    
     Photoshop创建欧美商务网页模板

4、复制网页头部的矩形,放在底部布局。 复制图层的快捷键 CTRL+J 。


    
     Photoshop创建欧美商务网页模板

5、请添加层样式。


    
     Photoshop创建欧美商务网页模板

6、在头部矩形下创建另一个形状。在这里以后放置logo。


    
     Photoshop创建欧美商务网页模板

7、也为这个形状添加一些简单的图层样式。


    
     Photoshop创建欧美商务网页模板


    
     Photoshop创建欧美商务网页模板

8、使用圆角矩形工具,创建一个形状。可以创建成一个幻灯片形式的banner。


    
     Photoshop创建欧美商务网页模板

9、加入banner图片, 建议使用唯美的图片。


    
     Photoshop创建欧美商务网页模板

10、加入文字导航。


    
     Photoshop创建欧美商务网页模板

11、为导航添加一些垂直的线。


    
     Photoshop创建欧美商务网页模板

12、放大导航区域,看清线条的处理。


    
     Photoshop创建欧美商务网页模板

13、加入Logo。

14、在logo区域的右侧,加入网页搜索框。

要创建这个需要使用圆角矩形工具。


    
     Photoshop创建欧美商务网页模板

15、在这中间的布局添加一个图像和一些内容。


    
     Photoshop创建欧美商务网页模板

16、设置图层样式。


    
     Photoshop创建欧美商务网页模板


    
     Photoshop创建欧美商务网页模板


    
     Photoshop创建欧美商务网页模板


    
     Photoshop创建欧美商务网页模板

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=50443发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,60人围观)参与讨论

还没有评论,来说两句吧...