RSS
当前位置 : 主页>设计教程>photoshop>

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

来源:互联网 作者:佚名 时间:11-26 20:43:05 浏览:

这是一篇用Photoshop做网页视觉设计稿的教程,文章将一步步介绍如何在Photoshop中做一个活泼的手写风格网页设计稿。设计过程主要分为以下几个部分:背景、header部分、body部分、footer部分。

  下面是效果图预览。

alt=Photoshop做活泼手写风格网页设计稿_完成效果_天极设计在线整理
图01

  背景描绘

  第一步:创建画布

  首先,打开photoshop创建一个新的项目。你可以点击文件>新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900,当然这些设置可以在后期增加。

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

  第二步:应用渐变

  既然我们的画布已经创建了,是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9。这个颜色用来表示盒子的颜色。

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

  第三步:添加纹理

  我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层,颜色填充为#bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点,我们给它应用一点高斯模糊效果。

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

web
图04

web
图05

  以下就是我们应用这些效果后背景图层看起来的效果。

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

web
图07

  请点击“下一页”,我们看下一个步骤。


上一页12 3 4 下一页