ps设计制作古朴风格的网站(10)

admin 1 0

1、 选择菜单命令:文件-新建,新建一个1020*1460像素的空白RGB文档。

ps设计制作古朴风格的网站(10)-第1张图片-快备云

  2、 设置前景色为#bcb49d,填充前景色,选择滤镜->纹理->颗粒。

ps设计制作古朴风格的网站(10)-第2张图片-快备云

  3、 新建图层,命名为top,选择矩形选框工具,画一个矩形,颜色为#61544a。

ps设计制作古朴风格的网站(10)-第3张图片-快备云

  4、 新建图层,命名为top shadow,选择钢笔工具创建黑色投影。

ps设计制作古朴风格的网站(10)-第4张图片-快备云

  5、 应用滤镜->模糊->高斯模糊,半径为6.5。同理制作右侧投影。

ps设计制作古朴风格的网站(10)-第5张图片-快备云

ps设计制作古朴风格的网站(10)-第6张图片-快备云




  6、 新建图层,命名为back nav,选择矩形选框工具,画一个矩形,颜色为# e5d2ac。

ps设计制作古朴风格的网站(10)-第7张图片-快备云

  7、 新建图层,命名为arrow,选择钢笔工具创建箭头,同理制作右侧箭头。

ps设计制作古朴风格的网站(10)-第8张图片-快备云

ps设计制作古朴风格的网站(10)-第9张图片-快备云

  8、 新建图层,命名为nav bg,选择矩形选框工具,画一个矩形,颜色为# 715746,设置图层样式。

ps设计制作古朴风格的网站(10)-第10张图片-快备云

  9、 添加导航条文字,设置图层样式。

ps设计制作古朴风格的网站(10)-第11张图片-快备云

ps设计制作古朴风格的网站(10)-第12张图片-快备云




  10、 创建特色区域,新建图层,命名为feature,选择矩形选框工具,画一个矩形,填充前景色为# e8e2d6。

ps设计制作古朴风格的网站(10)-第13张图片-快备云

  11、 新建图层,命名为feature shadow,选择椭圆选框工具,画一个椭圆,填充颜色为# 3c3a3a。应用滤镜->模糊->高斯模糊,半径为4.0。

ps设计制作古朴风格的网站(10)-第14张图片-快备云

  12、 给feature图层添加文字。

ps设计制作古朴风格的网站(10)-第15张图片-快备云

  13、 新建图层,命名为feature right,选择钢笔工具,画一图形,颜色为# e4d2ac。

ps设计制作古朴风格的网站(10)-第16张图片-快备云

  14、 选择滤镜->纹理->颗粒。

ps设计制作古朴风格的网站(10)-第17张图片-快备云

  15、 在网上找一个商业人士的素材。添加颜色叠加的样式。

ps设计制作古朴风格的网站(10)-第18张图片-快备云

ps设计制作古朴风格的网站(10)-第19张图片-快备云




  16、 创建logo,新建一个组,命名为logo,新建图层,命名为bg circle,选择椭圆工具,画一正圆,填充颜色为# 8d7d5d。

ps设计制作古朴风格的网站(10)-第20张图片-快备云

  17、 新建图层,命名为orange circle,选择椭圆工具,画一正圆,填充颜色为# f97721。

ps设计制作古朴风格的网站(10)-第21张图片-快备云

  18、 新建图层,命名为orange circle,选择椭圆工具,画一椭圆,填充颜色为白色。

ps设计制作古朴风格的网站(10)-第22张图片-快备云

  19、 应用滤镜-模糊-高斯模糊,半径20像素。设置混合模式为叠加。

ps设计制作古朴风格的网站(10)-第23张图片-快备云

  20、 做带虚线的圆。选择画笔工具。

ps设计制作古朴风格的网站(10)-第24张图片-快备云

  21、 新建图层,命名为dash。

ps设计制作古朴风格的网站(10)-第25张图片-快备云




  22、 现在选择椭圆工具,不过这一次确保你选择的路径,而不是形状层。画一正圆,点击鼠标右键,选择描边路径。

ps设计制作古朴风格的网站(10)-第26张图片-快备云

ps设计制作古朴风格的网站(10)-第27张图片-快备云

ps设计制作古朴风格的网站(10)-第28张图片-快备云

  23、 添加文字。

ps设计制作古朴风格的网站(10)-第29张图片-快备云

ps设计制作古朴风格的网站(10)-第30张图片-快备云

ps设计制作古朴风格的网站(10)-第31张图片-快备云

ps设计制作古朴风格的网站(10)-第32张图片-快备云

ps设计制作古朴风格的网站(10)-第33张图片-快备云




  24、 选择文字工具,填写“Latest news from the blog“。

ps设计制作古朴风格的网站(10)-第34张图片-快备云

ps设计制作古朴风格的网站(10)-第35张图片-快备云

ps设计制作古朴风格的网站(10)-第36张图片-快备云

ps设计制作古朴风格的网站(10)-第37张图片-快备云

  25、 新建图层,命名为line。选择矩形选框工具,画一条线。

ps设计制作古朴风格的网站(10)-第38张图片-快备云

  26、 给line图层添加蒙版,选择渐变工具。复制line图层,移动到右侧。

ps设计制作古朴风格的网站(10)-第39张图片-快备云




  27、 新建图层,命名为triangle。选择钢笔工具,画一三角形。

ps设计制作古朴风格的网站(10)-第40张图片-快备云

  28、 应用滤镜-模糊-高斯模糊,半径10像素。复制triangle图层,调整位置。

ps设计制作古朴风格的网站(10)-第41张图片-快备云

  29、 新建图层,命名为kuang,选择矩形工具,画一矩形。添加图层样式。

ps设计制作古朴风格的网站(10)-第42张图片-快备云

ps设计制作古朴风格的网站(10)-第43张图片-快备云

ps设计制作古朴风格的网站(10)-第44张图片-快备云




  30、 制作小标签。新建图层,命名为zhitiao。选择矩形工具,画一矩形,栅格化矢量蒙板。选择套索工具,画出矩形左右两边的锯齿。

ps设计制作古朴风格的网站(10)-第45张图片-快备云

ps设计制作古朴风格的网站(10)-第46张图片-快备云

ps设计制作古朴风格的网站(10)-第47张图片-快备云

ps设计制作古朴风格的网站(10)-第48张图片-快备云

  31、 复制五个图层。

ps设计制作古朴风格的网站(10)-第49张图片-快备云

  32、 新建图层,命名为footer,选择矩形选框工具,画一矩形。添加文字信息。

ps设计制作古朴风格的网站(10)-第50张图片-快备云

标签: 网站 风格 古朴 设计制作 Photoshop

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~