Photoshop做活泼手绘风格网页设计稿


  这就是我们完成后创建的效果

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图28

  现在让我们来添加标题和广告到每个盒子中,效果如下图:

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图29

  第十六步:公告部分

  公告部分我们采取的是和header部分相似蒙板的方法,当然还有订阅新闻通讯等区域也是这样的方 法,就像纸张粘上去的一样 。首先我们给header部分添加一种厚纸张效果,这个和body部分的方法基本一样 。至于内容部分,选中矩形选框工具在右下角 绘制小盒子颜色填充为#f9e5a6 。完成按下CTRL-D取消选区,在选择加深工具,笔刷大小设置为35pixels加深棕色盒子的边角区域就像下图所 示

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图30

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图31

  最后我们把图层的不透明度设置为60%再双击图层在图层样式中添加一些阴影效果,参数设置如下图,然后在添加一些内容 。

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图32

  完成后的效果很不错哦

Photoshop做活泼手写风格网页设计稿_天极设计在线整理
图33