当前位置：主页 > 图片处理 >

Photoshop制作商务公司网站模版【图】

修图匠
图片处理
2022-11-05 12:12
Photoshop制作,ps商务公司,ps公

修图匠“Photoshop制作商务公司网站模版【图】”Photoshop图文教程内容：本教程设计的公司灰色调网站，但是在布局方面就感觉十分大胆与随意，与国内很多企业公司网站的风格完全背离，也可以看出不同国家的文化的体现，不过整体来说还是很不错的页面设计，这样的设计感觉颜色体现了公司网站需要的沉稳但布局又不缺少活跃气份的部分。

新建900x850大小文件，双击背景图层，取消背景图层的锁定
再次双击背景图层，然后添加如下图层样式

开始制作导航按钮！
使用圆角矩形工具，设置半径为10px，拖动出如下图三个形状，随后用多边形套锁工具删除一个左下角区域，如下图所示

随后用椭圆选区工具制作箭头，制作步骤是，先画一正圆选区，然后删除白色区域，再将选区减少2px~3px,为圆填充白色

使用photoshop箭头形状制作箭头，完成后如下

将导航按钮进行复制，并合并达到一个图层中，添加一个如下的阴影样式，再加入按钮文字

完成后图

为了让页面增加一些变化的效果，使其看上去不呆板，我们导入一些图片与斑迹笔刷

在图片下放置一个图层，用来放上联系方式，这样看上去是不是有点小创意？

为新图层的圆角矩形添加样式

放入联系文字

将之前做好的公司LOGO标志导入

放一张咖啡图片，在其下制作网页的主要区域

为上面的选区填充白色，随后设置不透明度为40%

加入文字

为了充实页面内容我们开始设置版面的摆放位置
如下图这种图片显示方式十分得体，由于我们的公司网站颜色比较单一，所以在版面上就不能过于保守

制作两个主要版块区域，填充颜色使用#eae9e4 ，边框颜色为#838274

加入图片与文字以及按钮，整个页面中的按钮我们都使用同样的风格

制作搜索条区域

制作公司网站的新闻区域

完成公司网站后的整体效果如下

本教程设计的公司灰色调网站，但是在布局方面就感觉十分大胆与随意，与国内很多企业公司网站的风格完全背离，也可以看出不同国家的文化的体现，不过整体来说还是很不错的页面设计，这样的设计感觉颜色体现了公司网站需要的沉稳但布局又不缺少活跃气份的部分。

新建900x850大小文件，双击背景图层，取消背景图层的锁定
再次双击背景图层，然后添加如下图层样式

开始制作导航按钮！
使用圆角矩形工具，设置半径为10px，拖动出如下图三个形状，随后用多边形套锁工具删除一个左下角区域，如下图所示

随后用椭圆选区工具制作箭头，制作步骤是，先画一正圆选区，然后删除白色区域，再将选区减少2px~3px,为圆填充白色

使用photoshop箭头形状制作箭头，完成后如下

将导航按钮进行复制，并合并达到一个图层中，添加一个如下的阴影样式，再加入按钮文字

完成后图

为了让页面增加一些变化的效果，使其看上去不呆板，我们导入一些图片与斑迹笔刷

在图片下放置一个图层，用来放上联系方式，这样看上去是不是有点小创意？

为新图层的圆角矩形添加样式

放入联系文字

将之前做好的公司LOGO标志导入

放一张咖啡图片，在其下制作网页的主要区域

为上面的选区填充白色，随后设置不透明度为40%

加入文字

为了充实页面内容我们开始设置版面的摆放位置
如下图这种图片显示方式十分得体，由于我们的公司网站颜色比较单一，所以在版面上就不能过于保守

制作两个主要版块区域，填充颜色使用#eae9e4 ，边框颜色为#838274

加入图片与文字以及按钮，整个页面中的按钮我们都使用同样的风格

制作搜索条区域

制作公司网站的新闻区域

完成公司网站后的整体效果如下

温馨提示：以上“Photoshop制作商务公司网站模版【图】”相关内容(含文字、图片、视频)来源于网络，版权归内容原作者所有，如有侵权，请告知删除。

上一篇：网站PSD模板切图为XHTML+CSS的网页实例[图]

下一篇：Photoshop设计IDC公司网站模板【组图】

猜你喜欢