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

Led93

Led93

2016-02-16 07:47

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

猜你喜欢

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

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

PS教你创建突出焦点的放射状背景

PS
PS教你创建突出焦点的放射状背景

s8lol主宰符文怎么配

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

Photoshop制作梦幻的放射光线教程

PS PS基础
Photoshop制作梦幻的放射光线教程

CorelDRAW绘制放射状速度线实例之足球少年

Illustrator CorelDRAW
CorelDRAW绘制放射状速度线实例之足球少年

lol偷钱流符文搭配推荐

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

Photoshop CS5画笔工具:制作魔幻般的放射状彩环

PS PS基础
Photoshop CS5画笔工具:制作魔幻般的放射状彩环

Photoshop制作绚丽的放射光线背景教程

PS PS基础
Photoshop制作绚丽的放射光线背景教程

lolAD刺客新符文搭配推荐

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

Photoshop把普通照片处理成海报效果

Photoshop把普通照片处理成海报效果

Photoshop鼠绘梦幻的绿色卡通小村庄

Photoshop鼠绘梦幻的绿色卡通小村庄
下拉加载更多内容 ↓