当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop设计制作汽车类网站头部效果图

Photoshop
Photoshop把制作好的平面图转换为网页HTML
Photoshop简单利用填充工具制作透明水印文字
Photoshop简单模拟电流击穿文字特效
PS照片教程:好看的黑白漫画网点特效图片
Photoshop打造耀眼的星光文字特效
PS调色教程:漂亮的徐若宣单色视觉海报效果
Photoshop教程:快速模拟普普风特效照片
Photoshop批处理制作照片蒙太奇效果
PS教程:周围镶满钻石金光闪闪文字特效
PS图片教程:制作背景黑白人物彩色的照片
Photoshop教程:打造锈泽金属文字特效
Photoshop照片教程:制作古典风景人物
PS照片教程:去除美眉皮肤上沾满的沙子
PS合成教程:透出光线的森林的绿色小精灵
Photoshop图片教程:柔和的梦幻紫红色调照片
PS基础教程:运用广色域与窄色域修补分离色阶
MAC系统下Photoshop打印网页点阵字形
Photoshop教程:惊人的求助创意超现实场景(2)
Photoshop支持RAW格式:Adobe DNG Converter
photoshop编辑ico文件:ICOFormat

Photoshop设计制作汽车类网站头部效果图


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

首先选择一张汽车的图片素材

Audi S5

在PS中将汽车图片的上部去除

Audi S3 Cut Out

使用我们准备的风景图片

Mountain View

将风景图片拖动到汽车图层之后作为背景

Audi with a view

为了使图片更真实,我们要把车窗部分扣出,并将其不透明度调整为80%,这样车窗就能出现真实透明效果的感觉了

Window Cuttouts

由于白云部分的图片过于图片,我们将白云区域选中

Cutting sky view

新建一个图层,期间保证之前选中的白云区域状态,随后在区域上添加从上到小的渐变效果,颜色为#4271fc 到#9da6fb ,并设置不透明度为95%,这样就能隐约看出下面的白云轮廓了

Graduating sky

现在我们来制作真个汽车网站头部的背景主题,在PS新建立1600×600大小文件,这里我们使用1600宽的目的是主要适应一些大尺寸的浏览器,你也可以根据自己喜好设定尺寸

New page

设置PS的前景色为#121212 ,背景色为#474748 ,从上往下在背景图层中拉出渐变色

随后添加顶部绿色渐变区块与底部灰色渐变区块

Prepairing background

使用选区工具选中中间区域作为放置之前的汽车图片位置

Marqueing

你需要将选中的区域单独截取出来,因为我们要为其添加阴影图层样式

Main header shadowing

完成阴影效果后将我们之前做的汽车图片拖入其中

Car into header

添加汽车网站的导航凹槽线条

Stripes and lines

加入文字与斜线来使页面更具变化。最后完成效果如下图

Good Looking Web 2.0 Car Header Tutorial: Final Result