PS设计教程网欢迎你!

Photoshop设计活泼手绘风格网页界面

文章来源于 PS真功夫,感谢作者 熊玩意 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-11-21
本例为Photoshop网页设计实例教程,在教程中我们将学习如何运用PS设计和制作活泼手绘风格的网页,本photoshop web界面教程将分背景、header部分、body部分、footer部分四个步骤讲解,希望能给朋友们带来帮助。

最终效果:

Photoshop设计活泼手绘风格网页界面

背景

第一步:创建一个画布

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

Photoshop设计活泼手绘风格网页界面

第二步:应用渐变

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

Photoshop设计活泼手绘风格网页界面

第三步:添加纹理

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

Photoshop设计活泼手绘风格网页界面

Photoshop设计活泼手绘风格网页界面

Photoshop设计活泼手绘风格网页界面

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

Photoshop设计活泼手绘风格网页界面

Photoshop设计活泼手绘风格网页界面

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa