当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop实例教程:设计商业数码网站

Photoshop
桔子“高难度抠图”两种方法
桔子抠玻璃杯十步教程
桔子婚纱抠图教程
桔子特殊照片修复超简方法
桔子超细通道抠图教程
立体按钮
Photoshop字体特效--华夫字效
如何制作图片的卷页效果
吃光照片的修复
Photoshop数码暗房9大功能图解
一定要用好调整层(一):什么是调整层
一定要用好调整层(二):用调整层解决实际问题
一定要用好调整层(三):为什么要使用调整层
一定要用好调整层(四):关键在于控制蒙版
一定要用好调整层(五):特长在于精细的局部调整
一定要用好调整层(六):究竟要调整哪个层
一定要用好调整层(七):化腐朽为神奇
蒙版的五大功能图解
图层蒙版的五大功能(一):无痕迹拼接图像
图层蒙版的五大功能(二):复杂边缘图像抠图

Photoshop实例教程:设计商业数码网站


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-27   浏览: 630 ::
收藏到网摘: n/a

相关文章:Photoshop制作网站教程:简洁商业网站

先看最终效果:

Photoshop实例教程:设计商业数码网站_最终效果_RuanChen.Com

1 。创建一个新的文件( 750 * 600 ) 。

2 。使用油漆桶工具填充背景色为#ffffff。

3 。创建一个新图层,并选择矩形工具建立一个高度为2 20px长方形。填充颜色为#6dd4f9 …

Photoshop实例教程:设计商业数码网站

4 。为顶部的蓝色方框增加一个渐变样式

Photoshop实例教程:设计商业数码网站_网页教学

Photoshop实例教程:设计商业数码网站

5 。选择一幅图片,将其插入到网页中作为背景,并且镜向复制一份

Photoshop实例教程:设计商业数码网站

6 。这些课桌看起来非常丑陋,所以,我们在它之上创造我们的内容框,以掩盖它!如此使用你的矩形选取框工具,选择一个方框,并填充颜色为#056caf 。

Photoshop实例教程:设计商业数码网站_webjx

7 。为其增加PS样式效果

Photoshop实例教程:设计商业数码网站

Photoshop实例教程:设计商业数码网站RuanChen.Com

8 。现在我们为页面加入一组小图片,如下图左小角,注意选择的图标要与页面颜色相近,你可以从以下地址下载图标

Photoshop实例教程:设计商业数码网站_软晨学习网

9 。复制图标文本层,然后将其反转(修改-变形-垂直翻转),如下图。

Photoshop实例教程:设计商业数码网站

10 。现在,我们为这些图标增加一个倒影效果,这也是网页设计中常用的手法之一

Photoshop实例教程:设计商业数码网站

Photoshop实例教程:设计商业数码网站

11 。为您的网站补充上网站标题!

Photoshop实例教程:设计商业数码网站_RuanChen.Com

12 。我又补充了一些演示文本,这样就全部完成了,在这里,你学到了一个完整的网页设计布局,你可以为你的公司或其他任何组织使用这个教程!

Photoshop实例教程:设计商业数码网站