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

情痴一浪子

情痴一浪子

2016-01-29 18:15

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

在学习中遇到问题可以到 论坛 发贴交流!

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

使用我们准备的风景图片

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

[next]

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

[next]

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

[next]

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/ps/)

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

Photoshop网页制作教程:设计制作汽车网站头部流程_中国

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop制作活动专题汽车网站首页教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作活动专题汽车网站首页教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HYUNDAI韩国现代汽车网站网页设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
HYUNDAI韩国现代汽车网站网页设计

Photoshop制作东风标致2008活动专题汽车网站首页教程

PS PS教程
Photoshop制作东风标致2008活动专题汽车网站首页教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop设计制作网页头部导航条

PS PS基础
Photoshop设计制作网页头部导航条

Photoshop合成超酷的汽车网站首页

电脑网络
Photoshop合成超酷的汽车网站首页

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

如何使ASP程序暂停指定的时间后再继续执行

如何使ASP程序暂停指定的时间后再继续执行

不离开页面刷新数据

不离开页面刷新数据
下拉加载更多内容 ↓