精华内容
下载资源
问答
  • 字体颜色以及发光字体

    千次阅读 2015-07-23 17:39:46
    http://my.oschina.net/ryanhoo/blog/86874
    http://my.oschina.net/ryanhoo/blog/86874
    
    展开全文
  • 此时选中该字体库,在Inspector面板可以修改字体的大小,试了一下修改字体的颜色(FontColor)无效Project面板右键选择创建GUISkin,或者Assets-->Create-->GUISkin在新建的GUISkin的Inspector面板,拖拽字体库...

    1:字体样式

    从系统盘,如C:\Windows\Fonts找一个.ttf格式的字体库,放到Assets目录下。

    此时选中该字体库,在Inspector面板可以修改字体的大小,试了一下修改字体的颜色(Font Color)无效

    Project面板右键选择创建GUI Skin,或者Assets-->Create-->GUI Skin

    在新建的GUI Skin的Inspector面板,拖拽字体库到其Font属性

    在需要使用的脚本,声明一个公共public GUISkin guiSkin;然后在OnGUI()中设置GUI.skin = guiSkin;

    2:改字体颜色

    在OnGUI()中使用GUI.color = Color.XXX;便可以实现

    3:可以使用GUI Style来实现对GUI样式的重写(颜色、字体大小等等),但是比较麻烦,会打乱默认的GUI界面,需要重新把所有东西设置好。

    在脚本中声明一个public 的GUIStyle变量即可,把脚本拖拽给物体后,在对应物体的Inspector界面便可以对该GUIStyle进行编辑

    脚本中使用该GUIStyle,只需要在GUI.XXX(,,GUIStyle XX)调用这个GUIStyle变量即可

    展开全文
  • 如图:效果图首先我们先找一个一点透视效果的素材图做背景在图层上输入我们想要的【DUIACOM】字体可以自定(粗点的字体效果比较好)字体颜色选白色,大小刚好贴着路的两边即可。接下来我们来做个字体的影子效果,...

    507abc3898af8798d80aa1002a22b262.gif

    在字体设计中,我们除了在字型的设计上做文章以外,还可以从字体特效上做文章,今天来给大家分享一个特效发光字体的效果。如图:效果图

    4612b7a406cdb4a17042dac96b590d7e.png

    9c9f656aa83a3d11b9130eb15ce7b052.png

    首先我们先找一个一点透视效果的素材图做背景

    151e637167699a0a1b8a8fd66eb41bfd.png

    在图层上输入我们想要的字【DUIACOM】字体可以自定(粗点的字体效果比较好)字体颜色选白色,大小刚好贴着路的两边即可。

    10ff15e4004480887992713f830ceec4.png

    接下来我们来做个字体的影子效果,【Ctrl+j】把字体复制一个出来

    6d14918716ceeded642fcff5bc196dc1.png

    然后选中新复制出来的图层【Ctrl+t】,鼠标右键点【垂直翻转】

    77f253496873941625b25a3b9ca9fdd8.png

    效果如下

    62cd4e3560d8dc09e3455862f75dafe9.png

    选中翻转过的字体,鼠标右键点名字的位置——【转换为形状】

    c5697af32307e17511ddd7704bb3ab28.png

    再按【Ctrl+t】鼠标右键点【透视】

    c5b5d4f9845494c217d2421e2bb2ca46.png

    按照地面的透视效果拉透视,做好备用。

    3d1d3bdf174314a20371484af1ef313b.png

    接下来处理背景,用【调整图层】——【曝光度】

    010f08de0e3ada267d47fec19aacf66f.png

    弹出弹框选择【曝光度】往左拉,周围环境会变暗。

    a80f1f4f72f33126a4c5ce06276ff6fd.png

    复制图层1,把它放在字体图层的上面,用【剪贴蒙版】

    010f08de0e3ada267d47fec19aacf66f.png

    双击点字体图层的名字调出【图层样式】面板,添加【描边】效果

    d8a0bfc61920791027eaec672ccc582c.png

    再添加【外发光效果】

    f23582b72f8c4e1ffdec70874a72ea9d.png

    最后再添加【内发光效果】

    25733249a81c0aae03a7b8bdfc0c0c22.png

    (注:数值参数不固定,根据效果调节)

    b0e30755bc486c1aef391c2990a3e7d3.png

    处理好之后处理影子,选择影子图层把图层混合模式调成【柔光】

    835349363365d42fc43071c030d994a4.png

    用【高斯模糊】把影子处理成柔边效果

    266a08eda944caff1e86b89c0d10b9dd.png

    根据图片效果调节。调完确定。

    48b67cf7952df18edb8d84c7ca8b534e.png

    给影子图层加个【图层蒙版】用【渐变工具】选择黑色在蒙版上由下往上拉个渐变。

    25afcfddda3aedb81bf356ab4f1d99fb.png

    如果感觉影子不够亮,就复制一层

    29dfe82893d0f0f99f399d8ef7547823.png

    这样最后效果就完成啦。

    9c9f656aa83a3d11b9130eb15ce7b052.png

    也可以去掉字体里面的图层,效果如下

    4612b7a406cdb4a17042dac96b590d7e.png

    是不是很奈斯(nice),拿走不谢。 —————  END  —————

    ??每日提升设计能力??

    0ca22fdede8d75b2262520cce5a96110.png

    (小编微信)

    -------------------------

    联系方式

    微信公众号:对啊设计师

    APP:设计君

    官网:对啊网 Duia.com

    54971d6e017967468e51dc3383ab066a.png你在看吗~~~~~~~↓↓
    展开全文
  • 今天给大家带来一个发光效果字体教程。对为多个文本图层使用不同的图层样式,就可以简单快速的得到恨到的字体效果。今天这个教程将向大家展示如何使用智能对象和...步骤2:纯色颜色调整图层颜色为 #162c3a。步骤3:...

    c90988634275aa85481d74f558cab82d.gif

    今天给大家带来一个发光效果字体教程。对为多个文本图层使用不同的图层样式,就可以简单快速的得到恨到的字体效果。今天这个教程将向大家展示如何使用智能对象和图层样式实现简单、可编辑的发光字体效果。

    一.创建背景

    步骤1:

    新建一个1200px × 800px大小的画布,然后单击“图层”面板底部的“创建新的填充或调整图层”图标,然后选择“纯色”。

    ddc0d610bef9f3b206a6cb0ac0946652.png

    步骤2:

    纯色颜色调整图层颜色为 #162c3a。

    c0e9cd63a73eb223636bd855087589e3.png

    步骤3:

    双击纯色填充图层添加渐变叠加,参数如下 混合模式:线性加深;不透明度:20%;样式:径向渐变,角度90度 缩放比例比例:150% 渐变从左到右:#ffffff至#ababab

    682e8fd42f826f15b0874a5cddb3648b.png

    二、创建文本

    步骤1:

    创建POWER,大写,字体 Bungee,字号为200pt,字距100pt,字体颜色#da1a75。

    3c8730cd9a46f8dfe92eba5f2ab7045d.png

    步骤2:

    将文本图层重命名为“Text”,右键单击它,转换为智能对象。这是一个可选步骤,能在创建效果后更轻松地更改文本。

    e3eac7a373cd1f6c511d2ba63cf29810.png

    步骤3:

    复制“Text”图层两次,第一个“Text”文本隐藏 。将第一个副本重命名为“Back”,第二个命名为“Front”。

    7c82d5e60000fcf869ad71918d59650c.png

    步骤4:

    将“Back”文本向下和向右移动少许;复制“Front”和“Back”两个图层,复制的图层编组,并命名组Glow。

    809348f36d09aeb8f173819f5a72e0d0.png

    一.给“Back”图层添加图层样式

    步骤1:添加斜面浮雕

    光泽等高线:内凹-浅 ,勾选抗锯齿,高光模式 – 不透明度:30%,阴影模式 – 不透明度:25%

    bfb0d0a66945a1d49acb6be604cb59c6.png

    步骤2:添加等高线

    等高线模式为锥形,勾选抗锯齿,范围100%。

    f0580b40bc0602649a7062b545203a48.png

    步骤3:添加描边

    内描边,大小1px,混合模式为滤色,不透明度100%,使用faucet 70 渐变填充(在压缩包里放着,名为:Chrome的渐变文件中可以找到名为aucet 70 的渐变),样式为对称,角度90度。

    ba52f2a5358e370ef10280d3447873af.png

    步骤4:添加第2个描边

    外描边,大小5px,填充类型为渐变,样式:对称,不透明度52%,角度90度,混合模式为滤色,使用stove pipe 10渐变填充(在压缩包里放着,名为:Chrome的渐变文件中可以找到名为stove pipe 10的渐变)。

    df3420cb639e6d1a1accf095feb9241c.png

    步骤5:添加外发光

    不透明度31%,使用 aluminum 70(在压缩包Chrome文件找)渐变填充:,大小5px,扩展28%,方法:柔和,等高线选择高斯,勾选抗锯齿。

    d3963da52fe0c4726b4c93014f6abaaa.png

    步骤6:添加投影

    大小50px,距离20px,不透明度70%,混合模式正片叠底,角度120度。

    b07da3a7b856d797daa72d1bca9b0fdc.png

    步骤7:复制图层样式

    复制“Back”的图层样式粘贴给“Front”图层

    4e2d97bc1292601be72be640f057cfcd.png

    四、给“Front”图层添加图层样式

    步骤1:

    复制“Front”图层,添加内阴影,参数如下:大小20px,距离10px,阻塞3%,角度141度,混合模式正片叠底,不透明度35%。

    b9ffc0a4afc1250bdff6b59044d7cd81.png

    啦啦啦,“Front”图层的字体效果完成了

    bd05dae32e69baa55a28b6ea452aabd9.png

    五、创建中间层

    步骤1:

    同时复制“Back”和“Front”图层

    db762591bbb35553508c11fb57ca004f.png

    步骤2:

    为两个复制的图层去掉投影图层样式,通过拖拽至图层面板的“删除”按钮予以删除。

    8c9652bf1ca99915de40b8d8cc9ed9b9.png

    步骤3:

    同时选中复制的两个图层,转换为智能对象,命名为“Middle”,放置在“Front”和“Back”两个图层中间

    2c49568171ad47cca7945dfd2220dcba.png

    六、为“Middle”图层添加图层样式

    步骤1:内发光

    颜色,#b9eee8,大小5px,方式:精准,混合模式线性光,不透明度100%,等高线环形,勾选抗锯齿。

    aec807c0b26c67d1b167c4ff873f81e8.png

    步骤2:投影

    添加投影,颜色#b9eee8,混合模式为线性光,不透明度100%,大小20px,距离为0,角度120度。ec8d6b14bc424a29724bb8bd69c380b5.png

    这样子,”Middle“部分效果就做好了

    1018b43ff5f27f5a579ff2b05b4ba394.png

    七、为“Glow”图层添加图层样式

    步骤1:内阴影

    混合模式线性光,不透明度35%,颜色#d1cc90,大小150px,方式:精准,等高线为滚动斜坡。

    4807b958f6ea18b1a96727cfbfb44da7.png

    步骤2:外发光

    添加外发光,颜色##5df5ff,混合模式为浅色,不透明度50%,大小16px,距离为0,等高线内凹-深。

    1954d8c0a869ccfc8f255c901b95f1b1.png

    这样能为字体增加更多的光效果。

    5e29681a667e9c1056e533a4f248cd34.png

    七、增加外发光

    步骤1:

    将所有可见图层编组,并命名为“Text Effect”

    2613a167be822b6f6e1498bdf87232ce.png

    步骤2:

    为“TEXT EFFECT〞图层组添加外发光,参数如下:颜色#4ec8be,大小200px,图层混合模式为浅色,不透明度50%.

    07b5ae8e6cd8db9ad79e3e6fbb9fdc13.png

    六.为文本添加纹理效果

    步骤1:

    将数字Grunge纹理14图像(压缩素材包里有)放置在所有图层的顶部,并将其重命名为纹理。转到编辑>变换>逆时针旋转90°,将纹理层的混合模式更改为线性加深,将其不透明度更改为10%。根据需要调整纹理大小以获得您喜欢的结果

    2c1ff9a9666e26d88aa6359b73e1a559.png

    好了,这个简单明亮,发光的文本效果就完成了,最终效果图如下,是不是很简单,大家赶快动手做起来吧!

    89e073f989634429ef16b48f09242aa3.png

    e823ec767869befd7b50e5ea9bc7f8ea.png

    展开全文
  • CSS写发光字体

    2019-11-16 11:33:18
    CSS中有一种字体阴影的功能text-shadow...可以通过多个阴阳颜色叠加产型文字光晕的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>发光字体</...
  • 灯泡发光字的优势颜色调配灵活,灯泡加LED模组灯带,能够实现红、白、黄、蓝、绿灯七彩变色效果;高效又节能,采用光学级PMMA高效透镜,光损小,照度好;独特的开关恒流源技术,确保了每颗LED稳定工作;寿命长,铝...
  • 一、为了提高不锈钢LED树脂发光字的光源,可以使用较大的光源或较多的光源。光源可以一定程度的决定发光效果,所以如果使用功率更大的光源或使用更多个数的光源可以提高树脂字发光的亮度。二、使用穿透性较好的LED...
  • 一、金属发光字金属字是金属材料制造成的字体的总称,比如铜字、铝字、金字、铁字、不锈钢拉丝字等。金属发光字则在金属字的基础上添加光源,使其集美观与实用于一体。在制造成型后,金属发光字具有如下特征:1. ...
  • UILabel发光字体

    2014-04-24 08:41:02
    2、在这个子类中定义red、green、blue三个颜色值变量和一个发光光晕范围变量size。 3、复写UILable的drawTextInRect方法,并使用CGContextRef来进行光晕效果绘制。 基本思路就是这样子了,下面是部分主要代码: ....
  • 一、金属发光字金属字是金属材料制造成的字体的总称,比如铜字、铝字、金字、铁字、不锈钢拉丝字等。金属发光字则在金属字的基础上添加光源,使其集美观与实用于一体。在制造成型后,金属发光字具有如下特征:1. ...
  • 不久前我们已经为大家介绍过一些炫酷的...这次我们要来看一款纯CSS3实现的3D五彩发光文字动画,文字呈现3D立体的视觉效果,同时定时会变换字体颜色,并且文字周围微微带有发光的效果,这样就更加体现出3D的动画效果了。
  • 一款简单好看的jQuery+CSS3彩色霓虹灯发光文字动画特效,点击按钮改变文字颜色
  • 利用CSs的滤镜功能,制作一个炫丽的文字发光特效,请注意filter滤镜内各个参数的设置情况,这是实现发光的关键,请注意要改变颜色值的说,最好统一修改,选择一个色系,要不然,只能看到很花,但没有发光效果。...
  • 华丽3D立体视觉效果CSS3五彩发光文字动画特效,文字不断变换角度动画展示更能呈现3D立体效果,同时变换字体颜色,并且文字带有发光效果
  • Illustrator教程霓虹发光字效果的制作 ;1打开Ai > 文件 > 新建 我创建了一个100PT 大小 IMPACT 字体 的样本 ;2选中文本将字体颜色选为无(通过多次实践此步骤很重要) 3保证文本别选中的状态选择 外观面板单击右上角 ...
  • Html中 发光字体 的CSS属性

    千次阅读 2017-09-28 20:25:18
    发光字体 p{ color:#0F9; font-size:36px; text-align:center; transition:all 0.1s;...text-shadow:1px 1px 1px #00FF00;.../* 鼠标滑过时字体颜色发光 */ p:hover{  text-shadow:6px 6px 6px #00FF00; } 鼠标
  • LED发光字以它白天美观,...颜色衰减得非常快:刚安装好的发光字发出的颜色纯正明亮,可使用不到一年颜色就明显黯淡下来了。是字体变得红不红、绿不绿的非常难看。  3.颜色不匀,色差明显:主要表现在纯白色LED制作
  • 在小米的开机动画和一些欢迎界面中, 我们经常看到这种闪闪发光的流光字体。看起来很炫酷,其实实现原理相当简单,我们只需要写自定义控件继承TextView,然后使用渲染器Gradient设置颜色渐变和Paint的setShadowLayer...
  • 介绍在小米的开机动画和一些欢迎界面中, 我们经常看到这种闪闪发光的流光字体。看起来很炫酷,其实实现原理相当简单,我们只需要写自定义控件继承TextView,然后使用渲染器Gradient设置颜色渐变和Paint的...
  • UILabel发光字效果

    千次阅读 2013-12-27 14:22:11
    2、在这个子类中定义red、green、blue三个颜色值变量和一个发光光晕范围变量size。 3、复写UILable的drawTextInRect方法,并使用CGContextRef来进行光晕效果绘制。 基本思路就是这样子了,下面是部分主要代码...
  • 霓虹灯效果的预览视频爱剪辑酷炫的霓虹灯效果https://www.zhihu.com/video/1092097923508277248视频中会发光的动态文字,看起来非常亮眼且酷炫。这么高大上的霓虹灯效果,在爱剪辑里怎么能错过!下面的制作技巧,...
  • 嗨,我是爱踢汪,如果你刚好想学PS,可以关注本汪一下吗?本汪希望在学习PS的路上能跟更多...文字外边是一圈比较宽的淡蓝色,这一层是半透明的,能够看到后面的背景,形成发光光晕的效果。文字颜色成渐变变化,外侧...
  • css字体发光技术

    2018-02-08 21:08:18
    通常情况下,我们使用text-shadow就足以实现文字发光,如图如...下面看看我是怎样实现的,先上图小伙伴看见了没有,第一个我给它从里到外加了4层发光效果语法:text-shadow:0px 0px 8px #fff, 0px 0px 42px #f72,...
  • 一款非常酷炫华丽的CSS3 3D立体文字变色发光动画特效,3D文字不断变换角度运动展示,同时不断变换着发光颜色,让立体效果更加突出。
  • Jquery实现的可发光的LED数字显示效果,可调整大小、颜色等等。
  • 博客页面左上角的“猿来是王者”文字已制作发光效果,分享方法如下:text-shadow该属性为文本添加阴影效果text-shadow: h-shadow v-shadow blur color;h-shadow: 水平阴影的位置(阴影水平偏移量),可为负值,必需v-...
  • Photoshop制作绚丽的彩色发光字效果

    千次阅读 2014-05-06 11:18:32
    后期再渲染颜色,加上倒影即可。 最终效果 1、新建文档,500x276像素,背景黑色,输入白色粗体文字。 2、底部建新层,调出文字选区,选择 >

空空如也

空空如也

1 2 3 4 5 ... 15
收藏数 283
精华内容 113
关键字:

发光字颜色