天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>软件应用>Photoshop做活泼手绘风格网页设计稿

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

天极网软件频道2010-11-09 08:35我要吐槽

  更多精彩相关文章推荐:

  Fireworks合成图像法设计化妆品网站首页

  把握细节 打造更完美的网页视觉效果

  网页设计的构图风格以及实例剖析

  网页设计师职场软件应用技巧分享

  简单也丰富 简洁网页设计视觉呈现技巧  

点击查看更多设计软件资讯>>

  这是一篇用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

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

分页导航
作者:熊玩意 译责任编辑:杨玲)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级