ps设计制作wordpress主题网站(7)

admin 1 0

ps设计制作wordpress主题网站(7)-第1张图片-快备云  

  1、 选择菜单命令:文件-新建,新建一个1100*1570像素的空白RGB文档,背景颜色为#dcdcdc。

ps设计制作wordpress主题网站(7)-第2张图片-快备云

  2、 新建图层,命名为top,选择矩形选框工具,画一个1100*102px的矩形,颜色为#404040。

ps设计制作wordpress主题网站(7)-第3张图片-快备云

ps设计制作wordpress主题网站(7)-第4张图片-快备云

  3、 新建图层,命名为feature,选择矩形选框工具,画一个1100*291px的矩形,颜色为#adc354。

ps设计制作wordpress主题网站(7)-第5张图片-快备云




  4、 新建图层,命名为footer,选择矩形选框工具,画一个1100*303px的矩形,颜色为#5d5c5c。

ps设计制作wordpress主题网站(7)-第6张图片-快备云

  5、 选择top图层,选择文字工具,填写“WordPress Theme”,“design by trendyTUTS”。

ps设计制作wordpress主题网站(7)-第7张图片-快备云

ps设计制作wordpress主题网站(7)-第8张图片-快备云

ps设计制作wordpress主题网站(7)-第9张图片-快备云

ps设计制作wordpress主题网站(7)-第10张图片-快备云




  6、 选择feature图层,选择文字工具,填写文字,找一张素材图片,放入feature图层。

ps设计制作wordpress主题网站(7)-第11张图片-快备云

  7、 创建内容区域,新建图层,命名为content,选择矩形选框工具,画一个矩形。

ps设计制作wordpress主题网站(7)-第12张图片-快备云

  8、 新建图层,命名为shadow,选择矩形选框工具,画一个矩形。填充颜色为#dcdcdc,添加图层蒙版,选择渐变工具,确定为黑白渐变,从上到下画一个垂直线。选择shadow图层,添加图层蒙版。

ps设计制作wordpress主题网站(7)-第13张图片-快备云

ps设计制作wordpress主题网站(7)-第14张图片-快备云

ps设计制作wordpress主题网站(7)-第15张图片-快备云

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

ps设计制作wordpress主题网站(7)-第16张图片-快备云




  10、 应用滤镜->模糊->高斯模糊,半径为3.5。

  11、 同理制作right shadow。

ps设计制作wordpress主题网站(7)-第17张图片-快备云

  12、 新建图层,命名为main content,选择矩形选框工作,画一矩形,大小为291*285。

ps设计制作wordpress主题网站(7)-第18张图片-快备云

  13、 给main content 图层添加图层样式。

ps设计制作wordpress主题网站(7)-第19张图片-快备云

ps设计制作wordpress主题网站(7)-第20张图片-快备云

  14、 给main content 图层添加文字。

ps设计制作wordpress主题网站(7)-第21张图片-快备云




  15、 制作main content图层里面的小按钮。新建图层,命名为main buttom,选择圆角矩形工具,设置半径为5px。

ps设计制作wordpress主题网站(7)-第22张图片-快备云

  16、 给按钮添加文字,设置图层样式。

ps设计制作wordpress主题网站(7)-第23张图片-快备云

ps设计制作wordpress主题网站(7)-第24张图片-快备云

ps设计制作wordpress主题网站(7)-第25张图片-快备云

ps设计制作wordpress主题网站(7)-第26张图片-快备云

  17、 复制5个同样的main content图层。

ps设计制作wordpress主题网站(7)-第27张图片-快备云

  18、 同理制作出侧栏,底部样式

标签: 网站 主题 wordpress 设计制作 Photoshop

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

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