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


  第七步:开始顶部介绍区域

  首先创建一个新层(CTRL+SHIFT+N)在工具栏中选择矩形选框工具 。现在在页面上创建一个矩形使用白色来填充 。这块区域将被用来当做一张白纸 。

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

  现在我们已经完成白色纸张部分了,在白纸图层下面创建另一个新层然后填充黑色,这个将用来创建阴 影 。完成之后我们转到滤镜>模糊>高斯模糊半径设置为6.5.之后把这个层的不透明度设置为20%,向右移动5pixels 。然后添加主要的 文字,这样的话短语“Simplify and Save”会被用到,位于顶部纸张部分 。

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

  现在你看在白纸下面有阴影,但是纸张并不是粘在哪里的 。所以我们在纸张的一边来添加一些胶带,如先 前的教程一样,我们在另一边添加了一个邮戳来保持画面的平衡 。在你的纸张完成后,我们选择一些手写字体来添加一些文字 。看起来的话想事包裹上的信息 。最后 加亮这些图层按下CTRL+T自由变换工具,角度设为-1.5 degrees 使它看起来更加具有真实效果 。

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

  第八步:贴上一个便签

  我们使用了一个便签设计来分开空间来介绍我们网站的优惠注册信息 。这个在整个盒子主题上运用的非常好,设计这样一个便签效果需要创建另一个新的图层,选择钢笔工具使用钢笔工具来绘制一个方形区域如下图所示

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

  在你完成之后转到路径面板,按住CTRL键点击路径图层,接着你会看到方形区域已经载入选区了,之后使用前景色#fffb78背景色#fffcd1从左上角到右下角绘制渐变 。你将会看到这样一个熟悉的黄色便签纸形状 。

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

  第九步:添加阴影效果

  现在我们需要再一次添加阴影效果,给这个便签纸添加深度,所以创建另一个新层(CTRL+SHIFT+N) 。过程如之前给白纸创建阴影差不多,但是是将不透明度设置为40% 。你需要变换一下阴影来创建一种倾斜效果,轻微的拖动一下如图所示 。

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

  第十步:给便签纸添加内容

  下一步,给便签纸添加一些文字,在我们的便签纸中我们要添加一些加入等按钮,为了创建相似的按钮首先我们绘制一个盒子使用绿色填充,然后添加一个蒙板选择一种grudge笔刷 。下一步遮住按钮的一些部分看起来就像破损一样,这就是我们创建邮戳的效果 。

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

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

  这个是最后呈现的效果 。

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