首页 > 办公 > Photoshop > 正文

PhotoShop教程:制作透明蓝色的效果文字

2024-08-21 23:24:30
字体:
来源:转载
供稿:网友

  photoshop教程:制作透明蓝色的效果文字……

  最终效果图

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  1.新建一个360x190像素的文档,背景色为白色,输入你几个文字(中英文都可以)这里以英文为例子。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  2.双击图层或者右键单击图层在弹出的菜单中选择blending options。选择投影菜单(drop shadow),将模式(blend mode)调为正片叠加(multiply),在后面的拾色框中选择你需要的颜色,不透明度(opacity)为70%,角度(angle)为90度,后面的作用于所有层(use global light)不选取,距离(distance)为10px,扩展(spread)为0%,大小(size)为7px。下面的品质(quality)就按默认值。

  距离(distance):设定阴影的偏移距离。

  扩展(spread):设定投影效果的边缘强度,数值越,效果越明显,过渡就越生硬。

  大小(size):可以设定阴影的模糊程度。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

|||

  3.接着打开内阴影(inner shadow),模式(blend mode)也调为正片叠加(multiply),后面的拾色器拾取新的颜色(与上一步的颜色不同),不透明度(opacity)为85%,角度(angle)为90度,距离(distance)为7px,阻塞(choke)值为25%,大小(size)为13px。品质(quality)按默认值。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  4.下面是外发光(outer glow),模式设定为屏幕模式(screen),不透明度(opaction)为60%,降噪(noise)为0%,在降噪下面有两中填充的选择,一种是直接的单色填充,一种是过渡性的,在这里我们选直接的单色填充,手法(technique)里选择柔和的(softer),扩展(spread)为0%,大小(size)为13px。 如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  5.现在是内发光(inner glow)模式选择为正片叠加(multiply),不透明度(opaction)为50%,降噪(noise)为0%,选直接的单色填充,手法(technique)里选择柔和的(softer),光源(source)选边缘(edge),阻塞(chake)为0%,大小(size)为5px,品质(quality)按默认值。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

|||

  6.轮到很关键的一步了~现在执行斜面和浮雕(bevel and emboss),样式(style)选择内斜角(inner bevel)手法(technique)选择平滑(smooth),选择上(up)投光,大小(size)为7px,柔和值(soften)为2px,角度(angle)为90度,高度(altitude)为67度,高光模式(highlight mode)选择屏幕(screen)模式,拾色框选择白色,阴影模式(shadow mode)选择正片叠加(multiply),拾色框选黑色。 如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  7.在斜面和浮雕下面有两个选择分别是轮廓(contour)和材质(texture)。这里我们选择轮廓(contour)在里面调整等高线(contour),具体如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  8.打开填色(satin)菜单,模式选择叠加(overlay),拾色框里选择一个新的颜色,不透明值为100%,角度(angle)为90度,距离(distance)为23px,大小(size)也为23px,等高线(contour)类型中选择一种最合适的。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

|||

  9.到这里是最后一步,颜色叠加(color overlay),模式为正常(normal),在拾色框后选个颜色,不透明(opacity)值为100%。如下图:

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

  10.最后做完的效果如下图,但是这种效果对不同的字体要做出不一样的调整,不能硬套,这上面介绍的只是一种字体下的做法,其他的就让大家继续去研究了。

<u>photoshop教程</u>:制作透明蓝色的效果文字-网页设计

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表