Photoshop样式教程:制作放射状光线网页广告板

2016-02-16 07:47 16 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐Photoshop样式教程:制作放射状光线网页广告板,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - PS 】

本期教程中我们将设置图层样式效果来制作一个网页中经常出现的广告板效果,制作中基本上使用了大部分的图层样式效果,以突出各个图层样式的功能。具体的方法读者可跟随教程同步制作并逐步了解。

开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。

素材下载:MissYuan_教程素材.rar

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(1)运行Photoshop CS5,打开本书附带光盘绿色背景.psd文件。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(2)使用圆角矩形工具在视图中绘制形状。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(3)为形状 1图像添加渐变叠加样式效果。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(4)勾选光泽样式选项,继续为其添加光泽样式效果。

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

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(5)依次为其添加内发光、内阴影、描边、投影样式效果。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(6)使用自定义形状工具在视图中填充像素。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(7)为图层 2添加图层蒙版以屏蔽不需要的部分。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(8)调整图层 2的图层填充度,为其添加渐变叠加样式效果。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(9)使用矩形工具绘制形状。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(10)调整形状 2图层的填充度。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(11)依次为其添加渐变叠加、内阴影和外发光样式效果。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(12)打开本书附带光盘线纹理.psd文件。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(13)执行编辑→定义图案命令,定义完毕后关闭该文档。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(14)返回背景文档,为形状 2添加图案叠加样式效果。

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

(15)最后添加文字和装饰,完成制作。

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

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

Photoshop样式教程:制作放射状光线网页广告板,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1569875.html

延伸阅读
Photoshop制作放射线或太阳放射光线等效果方法 最终效果 1、新建tulaoshi一个大小自定的文档,选择圆角矩形工具,拉出两个矩形图层,下面的用红色,较大。上面的用灰色较小,如下图。 2、给红色的矩形添加图层样式,选择渐变叠加,参数及效果如下图。 3、隐藏灰色矩形图层,在红色矩形上面新建一个图层,如下图。 ...
标签: PS PS基础
最终效果 1、打开素材。 2、用尖角工具(不带柔边的画笔),设置前景为白色。 3、随意在画面四周涂抹(涂抹成以下效果)。 4、再设置前景色为黑色。用刚才的尖角画笔在画面中间随意涂抹几下,如下。 5、执行滤镜风格化凸出(参数设置如下:)。 6、再把刚才我们做的图层再复制一层。 7、执行滤镜风格化查找边缘。 ...
标签: PS PS基础
本期教程中我们将设置图层样式效果来制作一个内部具有斜纹效果的网页广告条,制作中主要使用了外发光、渐变叠加、图案叠加等图层样式效果。具体的方法读者可跟随教程同步制作并逐步了解。 开始实例的学习之前,可以先下载实例的配套素材,然后跟随操作步骤进行学习。 素材: MissYuan_教程素材.rar (1)运行Photoshop CS5,执行文件→打...
最终效tuLaoShi.com果图 1、首先在Photoshop中新建一个400×400像素、背景为黑色的文件,然后运用“镜头光晕”的渲染滤镜,效果如下图: 2、之后按Ctrl+A 全选,然后按Ctrl+C复制,然后建立一个800*800的文件,按Ctrl+V粘贴,然后执行壁画艺术效果滤镜,效果如下图所示 3、合并所有图层,然后执行“滤镜”“风格化”...
【PS文字特效】PS制作放射光线文字效果 先来看看最终的效果图吧: 新建一个图层,大小你看着办反正LZ是用这大小的 不用多说了吧 前景色黑色 字体自己选喜欢的 我这什么字体自己也不知道 网上乱下的 删格化文字 CTRL预(www.tulaoshi.com)览图 选中选区 然后执行 选区储存选区命令,通道面板下自动会新...

经验教程

177

收藏

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