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

Photoshop
Photoshop基础教程:打造可爱的QQ小表情动画
Photoshop基础教程:色彩半调滤镜制作漂亮边框
Photoshop实用教程:快速消除MM照片的黑眼圈
Photoshop基础教程:路径组合工具打造中国银行标志
Photoshop鼠绘基础教程:绘制可爱卡通角色小鲤鱼泡泡
Photoshop鼠绘教程:绘制逼真的铅笔全过程
Photoshop教程:运用通道给人物去斑改善皮肤
Photoshop教程:运用滤镜制作青山的思路
Photoshop基础教程:简单合成神秘古堡
Photoshop鼠绘教程:绘制唯美线条国画兰
Photoshop教程:教你玩魔术将水枪变火枪
Photoshop合成教程:打造动物百科杂志详细过程
Photoshop教程:运用色阶调整发灰照片
Photoshop教程:有效改善视频照片的技巧
Photoshop鼠绘实例教程:打造逼真笔记本电脑
Photoshop初学者实例教程:打造图片视觉差拼贴效果
Photoshop教程:用涂抹工具画出逼真火焰
Photoshop教程:运用通道混合器快速修复偏色照片
Photoshop鼠绘教程:教你打造漂亮夏日海滩风景
Photoshop鼠绘教程:简单几步制作一张麻将

Photoshop设计制作汽车网站头部流程


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

文章导读:本例我们介绍运用PS设计制作一个汽车类网站头部的过程,先将素材图片图片进行抠图、合成、调整,然后制作出网页的背景,将制作好的素材图拖入,最后加上导航凹槽线条、文字以及斜线作装饰完成最终效果,希望能给朋友们带来帮助!

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

Photoshop网页制作教程:设计制作汽车网站头

素材图片

看看效果图:

Photoshop网页制作教程:设计制作汽车网站头

效果图

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

Photoshop网页制作教程:设计制作汽车网站头

图1

使用我们准备的风景图片。

Photoshop网页制作教程:设计制作汽车网站头

图2

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

Photoshop网页制作教程:设计制作汽车网站头

图3

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

Photoshop网页制作教程:设计制作汽车网站头 

图4 

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

Photoshop网页制作教程:设计制作汽车网站头

图5

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

Photoshop网页制作教程:设计制作汽车网站头

图6

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

Photoshop网页制作教程:设计制作汽车网站头

图7

设置PS的前景色为#121212 ,背景色为#474748 ,从上往下在背景图层中拉出渐变色,随后添加顶部绿色渐变区块与底部灰色渐变区块。

Photoshop网页制作教程:设计制作汽车网站头

图8

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

Photoshop网页制作教程:设计制作汽车网站头

图9

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

Photoshop网页制作教程:设计制作汽车网站头

图10

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

Photoshop网页制作教程:设计制作汽车网站头

图11

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

Photoshop网页制作教程:设计制作汽车网站头

图12

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

Photoshop网页制作教程:设计制作汽车网站头

效果图