Photoshop设计时尚复古网页

2016-02-19 16:23 9 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享Photoshop设计时尚复古网页的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - ps教程 】

效果图

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

Photoshop制作时尚复古网站

1、 打开photoshop,新建空白文档,文档大小为800*1200;

Photoshop制作时尚复古网站

2、 打开素材图片1,按Ctrl+Alt+T调整大小为800*1200;

Photoshop制作时尚复古网站

3、 给背景填加烧坏效果。设置前景色为黑色。选择渐变工具选择的前景色到透明,混合模式为软柔光与不透明度:30%。

Photoshop制作时尚复古网站

Photoshop制作时尚复古网站

4、 打开素材图片2,按Ctrl+Alt+T调整合适大小;

Photoshop制作时尚复古网站

5、 打开素材图片3,按Ctrl+Alt+T调整合适大小;设置图层样式为正片叠底,不透明度为8%;

Photoshop制作时尚复古网站

6、 打开素材图片4,按Ctrl+Alt+T调整合适大小;

Photoshop制作时尚复古网站

7、 给汽车图片添加复古颜色,复制素材图片4图层,填充前景色为#af8b59,混合模式为颜色,不透明度为40%;

Photoshop制作时尚复古网站

8、 制作汽车投影,新建图层8,选择画笔工具,设置软角笔刷,直径为27px画投影,选择高斯模糊;

Photoshop制作时尚复古网站

Photoshop制作时尚复古网站

Photoshop制作时尚复古网站

9、 给汽车制作挡风玻璃,新建图层10,放在汽车图层的下面,选择多边形套索工具,制作选区,设置前景色为白色,选择渐变工具,设置为白色到透明,线性渐变;

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

Photoshop制作时尚复古网站

10、 创建导航条;

Photoshop制作时尚复古网站

11、 创建Logo,栅格化文字图形,新建图层,按Ctrl+Alt+G创建剪切蒙版,选择矩形选区工具,选择文字图层上半部,用渐变工具设置黑白渐变,由上到下拉伸。同理渐变文字下半部。

Photoshop制作时尚复古网站

12、 给Logo填加光感,在Logo图层下面新建一图层,选择椭圆选框工具,画一椭圆,选择羽化命令,填充白色。设置图层混合模式为叠加,不透明度为80%;

Photoshop制作时尚复古网站

13、 同理给导航条制作光感背景;

Photoshop制作时尚复古网站

14、 制作内容区;

Photoshop制作时尚复古网站

15、 选择圆角矩形工具,制作button;

Photoshop制作时尚复古网站

16、 创建Welcome to our Website文字区域;

Photoshop制作时尚复古网站

17、 填加段落文字;

Photoshop制作时尚复古网站

18、 给段落文字填加图片;

Photoshop制作时尚复古网站

19、 同理,创建剩余文字,图片。

来源:http://www.tulaoshi.com/n/20160219/1611924.html

延伸阅读
标签: PS PS基础
最终效果 1.创建一个2000*1872像素的文件,打开女孩模型,并粘贴到画布上,给她添加一个蒙版,然后用钢笔工具绘制边缘并删除,得到需要的边缘。 2.使用渐变工具设置颜色#091615到#2b4b47,选择径向渐变在人物后绘制一个渐变 3.我下载了一些天空云彩的纹理用在这个背景上,打开天空云彩纹理,并将他们去色,然后粘贴到画布上,放在...
想学习做时尚网站吗?购物网站、时尚作品集、时尚部落格或者杂志都可以呦,这些网站的一个特点就是都灰常受欢迎。怎么样,你也心痒痒了吧?我相信在你看这篇文章的同时,就已经下定决心做一个自己的时尚网站,所以话不多说,直奔主题。今天要跟大家分享的是关于设计时尚网页的一些知识,希望你能有所收获~ 1.选择一个平台 首先问你一个问题...
标签: PS PS基础
先看效果图。 新建文档400x400像素,背景黑色,建新层,自定义形状工具画一白色正圆。 添加图层样式。 效果如下。 建新层,画一白色椭圆,图层不透明度10%,效果如右图。 建新层,画一个大的白色正圆,之后减法模式画一个小的正圆,这样我们得到了一个白色圆环。 添加图层颜色。 效果如下。 复制一层,清...
在这篇photoshop教程中,我将为大家介绍制作一款时尚文字特效的方法。学习这个教程需要有一些photoshop的基础,制作步骤可以比较棘手,但大家也不妨试试。 单击下载字体 1、创建一个新图片,大小为1400*900px,然后使用渐变工具填充一个浅色的径向渐变效果,如图所示。 2、使用不同颜色在图片中输入一些文字,...
标签: PS PS基础
本教程主要使用Photoshop设计时尚唯美的淘宝家具全屏海报,淘宝美工这个行业最近两年非常的红火,今天给大家带来的就是家具类的海报设计,有什么不懂的地方可以下载源文件研究,喜欢的朋友一起来学习吧。 教程源文件: 时尚的图标家具全屏海报教程源文件 先看看效果图 下面是教程

经验教程

431

收藏

22
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部