WEB开发网
开发学院图形图像PhotoShop Photoshop网页制作教程:设计制作汽车网站头部流程... 阅读

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

 2009-03-10 19:29:24 来源:WEB开发网   
核心提示: 图片看不清楚?请点击这里查看原图(大图),设置PS的前景色为#121212 ,Photoshop网页制作教程:设计制作汽车网站头部流程(3),背景色为#474748 ,从上往下在背景图层中拉出渐变色,添加汽车网站的导航凹槽线条图片看不清楚?请点击这里查看原图(大图),加入文字与斜线来使页面

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

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

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

图片看不清楚?请点击这里查看原图(大图)。

上一页  1 2 3 

Tags:Photoshop 网页制作 教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接