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

2021-11-10 0 668

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

进入ps工具网:https://xunluyun.com/viewthread.php?tid=480192

1、本站所有言论和图片纯属会员个人意见,与本论坛立场无关 2、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和PS工具网的同意 3、请支持我们PS工具网XUNLUYUN.COM 4、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责 5、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意 6、photoshop工具官网管理员和版主有权不事先通知发贴者而删除本文

photoshop官网 ps教程 Photoshop样式教程:制作放射状光线网页广告板 https://xunluyun.com/4394.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务