CSS3 应用02 - 嵌入字+立体字+霓虹灯 等文本效果

CSS3 应用02 - 嵌入字+立体字+霓虹灯 等文本效果的相关文章

• 
  3dmax结合Vray制作霓虹灯艺术字效果

  标签：FLASH flash教程 autocad教程

  在本教程中，您将了解一个很酷的技术，就如何实现霓虹灯的效果。我会告诉你如何模拟从字体的霓虹色，然后模拟的方式是建立在一个霓虹灯结构得到逼真的效果。最后，我将演示如何正确设置了材质，灯光和渲染设置与VRAY渲染使用alpha通道。 最终产品 第1步 好了，先写下你的文字，选择类型(矿是Neona的)，将其转换为可编辑样条线。 第2步 现在，删除你需要这样它只有一个单一的线保持的顶点和片段。 ...[ 查看全文 ]

  lyl993662589

  301
• 
  CSS3 应用01 - 文本阴影效果（兼容 等多浏览器）

  标签：Web开发

  CSS3 提供一个文本阴影属性： text-shadow : color || length || lenth || opacity 其中，第一个参数是颜色，第二个参数是阴影的水平延伸距离，第三个参数是阴影的垂直延伸距离，第四个参数是模糊效果的作用距离。支持设定多组效果。 例如：text-shadow: #333333 4px 5px 6px; 可是，IE 6-9 都不支持文本阴影的属性，只能使用 filter: glow / blur / shadow / dropshadow。。。来模拟文本阴影效果...[ 查看全文 ]

  血刀和尚

  21
• 
  Photoshop制作星光装饰的霓虹灯字

  标签：PS PS基础

  看看效果图 第1步 打开Photoshop，创建一个新文档，大小是 1113x1440像素，黑色背景。然后竖向添加一个文本。 第2步 选择文字层，去 图层图层样式投影。使用下面的阴影值。随后设置其他数值，参照下面这些图。 颜色值是#b2355b 下面的颜色数值是#6f0022 最终会得到下面这个效果哦～ 第3步 要创建灯光效果，我们从其他的图上复制一个光点来做灯泡。我用的图像你可以在这里...[ 查看全文 ]

  杨九妞

  71
• 
  使用jQuery和CSS制作霓虹灯效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  今天我们要用CSS和jQuery制作霓虹效果。现在我们开始第一步，制作一个背景。其中有2个不同颜色的文字版本。 要生成五颜六色的背景图象，您首先需要新建的Photoshop文件650px和300px文档，#141414的背景颜色。 使用您喜爱的字体写您的标题。 我使用了哥特式的世纪与60px的大小。 然后Ctrl点击他，变成选区。 使用矩形工具，按Shift+Alt选择文本，如下图： 然后复制出一个新的图层： 在用具条使...[ 查看全文 ]

  想想啊啊111

  101
• 
  Photoshop制作华丽的金色霓虹灯字

  标签：PS效果 PS PS基础

  平时我们制作霓虹字，用一个外发光就可以了。这里介绍的霓虹字相对要复杂很多，文字构成主要有三大部分：发光字、中间的亮点、文字上面的装饰线。自己慢慢分步制作即可。 最终效果 1、新建1280*1024px大小的文档，我们来拉个径向渐变，颜色从#361d17到#010101。 2、打开素材1，拉入画布中，调整大小摆放好位置，我们将图层模式改为叠加。 3、打上白色字体“52psxt”，字...[ 查看全文 ]

  一语一身一寸光

  261
• 
  Photoshop制作真实效果的霓虹灯艺术字

  标签：PS PS基础

  在开始制作之前我献给大家看几张有关霓虹灯的图片，让大家对霓虹灯的结构，特别是工作方式有个详细的了解。最后我还要强调一下，我不是专业的PS人员，我只是个PS爱好者，我的工作跟PS可以说是牛头不对马嘴，我只是在工作之余学习PS，享受它给我带来的乐趣，所以大家应该带着互相学习，批评指点的心态来看我这个教程。 这是本教程做出来的最终效果： 下面正式开始这个教程，打开我提供...[ 查看全文 ]

  丿社会灬你好

  231
• 
  Photoshop制作逼真霓虹灯效果的七夕艺术字

  标签：PS PS基础

  七夕是中国的情人节，牛郎织女的优美传说让人神往，下面我们用Photoshop打造一款七夕霓虹灯来装点这个美丽的节日 先看一下效果： 制作工具：Photoshop CS 制作过程： 1、打开一幅背景图，效果如图01所示。 2、设置前景色的RGB分别为0、54、255，选择工具箱中的横排文字工具，设置好字体、大小，在窗口中输入文字，效果如图02所示。 3、在文字层上单击右键，选择栅格化图层将文字栅格化。 4、...[ 查看全文 ]

  哈哈哈哈我去6

  201
• 
  Photoshop制作绚丽的霓虹灯艺术字教程

  标签：PS PS基础

  [ 查看全文 ]

  贾大胡纸

  111
• 
  Photoshop制作复古的橙色霓虹灯发光字

  标签：PS效果 PS PS基础

  效果图是作者设计的霓虹海报，其中包括了背景、边框、霓虹字、电线等。文字部分制作比较经典，不同的文字用了不同的图层样式，局部还添加一些小装饰，这样画面就非常丰富，生动。 最终效果 1、新建画板 宽度（W）：1000像素*高度（H）：800像素，分辨率（R）：72像素/英寸，颜色模式：RGB颜色 8位，背景：白色。 2、快捷键（T）输入文字，文字填充基础色黄色，色值：fae475，底色填充黑色渐变。 ...[ 查看全文 ]

  待续dear

  231
• 
  Photoshop制作炫彩时尚的霓虹灯艺术字教程

  标签：PS PS基础

  PS的图层样式参数众多，稍稍设置便可调出众多与众不同的效果，今天我们的这篇教程就只是简单的使用了一下图层样式，便制作出了一个很酷的闪烁的霓虹灯招牌文字效果，由于图层样式的设置过程比较枯燥，我先提供了几个做好的图，简单制作了一个闪闪的霓虹字。 下面是最终的霓虹灯GIF动画效果 这是我制作好的第一幅霓虹字效果 第二幅霓虹字效果 第三幅霓虹字效果 下面简单看下使用这三幅素材，...[ 查看全文 ]

  earth王瑞玲

  111
• 
  PS与Ai结合制作闪动的餐厅霓虹灯招牌字

  效果图制作分为三大部分：前期字体创意、增加霓虹效果、动画制作；字体部分作者是在AI中完成，其实PS也可以完成，只是稍微复杂一点；霓虹字直接用图层样式来完成；最后把做好的几组效果转为动画即可。 最终效果 1、首先呢~打开你的AI，然后用椭圆工具画一个圆，描边：5pt。 2、打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦。 3、然后我们去对象变换斜切，倾斜角度：-1...[ 查看全文 ]

  机智小男银丶

  991
• 
  PS与Ai结合制作闪动的餐厅霓虹灯招牌字教程

  标签：PS PS教程

  效果图制作分为三大部分：前期字体创意、增加霓虹效果、动画制作；字体部分作者是在AI中完成，其实PS也可以完成，只是稍微复杂一点；霓虹字直接用图层样式来完成；最后把做好的几组效果转为动画即可。 最终效果 1、首先呢~打开你的AI，然后用椭圆工具画一个圆，描边：5pt。 2、打上文字，这里使用的是Darwin字体，没有的可以用相似的字体哦。 3、然后我们去对象变换斜切，倾斜角度：-10°，角度：90...[ 查看全文 ]

  皮特帕克龙

  141
• 
  Flash形状补间打造霓虹灯效果

  标签：flash教程

  本文由 中国   英子 原创，转载请保留此信息！ 作者注：在此感谢 txwh2006    红岩梦幻数码 两位朋友的协助，提供了很好的思路，使我得以顺利完成本教程（转载请保留本段文字）！ 本例主要学习：形状补间与动画补间的运用、图片轮转。 先来看最后效果： 源文件下载： 点击下载 看不到动画效果的朋友请去这里观看：http://bbs.jcwcn.com/thr...[ 查看全文 ]

  Toshiya_Lee

  61
• 
  Photoshop制作霓虹灯光艺术字教程

  标签：PS PS基础

  先看效果图 图0 1、选择文件/新建菜单，打开新建或者Ctrl+N对话框 名称为：制作荧光字效果，宽度：为960像素，高度：为501像素，分辨率为72 , 模式为RGB颜色的文档，如图1所示。 图1 2、执行菜单：文件/导入，导入素材，调整其到适合的位置及大小，选择素材图层2,设置图层混合模式为叠加，如图2所示。 图2 3、在图层面板上单击创建新图层按钮 ，新建一个图层2，在工具栏中选择钢笔工具，在工...[ 查看全文 ]

  吃定你98

  81
• 
  Photoshop制作立体效果的炫彩霓虹字教程

  标签：PS PS基础

  在整个过程中我将解释，怎样来创建3D模型，然后通过各种简单的工具，滤镜和其他PS选项，给它以霓虹感觉的外发光。诀窍在于光源的设置：并不是是通过外发光来表现，而是试着用细微的高光来让图形变得更美。 在将它们在PS中合成之前，我们需要准备3D软件，并对其做些设置。你将清楚的看到，怎样快速简单的控制各个部件，并且怎样将这技术用于其他的项目中去。如果你不怎么熟悉3D软件，你能通过上面提供的素...[ 查看全文 ]

  ok青春期

  151
• 
  巧用滤镜制作五彩霓虹灯效果

  本教程制作一种类似霓虹灯效果的教程。思路：先把照片模糊处理，然后选择滤镜中的查找边缘把图片的轮廓找出来，再反相调下颜色，五彩的效果就出来了！ 原图 最终效果 1、执行“滤镜”(Filter)|“模糊”(Blur)|“高斯模糊”(Gaussian Blur)，在弹出来的对话框中设置“半径”(Radius)为“1”，如图1所示： 图1    这时的图片看上去稍有模糊，如图2所示 图2 ...[ 查看全文 ]

  思埠总代拉拉

  61
• 
  用css3制作纸张效果

  标签：Web开发

  一、中规中矩的效果 所谓中规中矩的效果就是加个投影，贴个胶带什么的。效果如下： 您可以狠狠地点击这里： 中规中矩纸张效果demo 这里纸张本身的效果没有什么说头的，就是个CSS3的 box-shadow投影 效果而已，相关代码如下： -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); 反而是上面的...[ 查看全文 ]

  装修赌石翡翠

  281
• 
  Photoshop制作魔幻霓虹火焰字效果

  标签：PS PS基础

  效果1 效果2 详细教程 再看一下效果 [ 查看全文 ]

  qianwanlu1111

  21
• 
  Photoshop设计夜光效果的霓虹字

  标签：PS PS基础

  本PS教程讲述用Photoshop打造霓虹字体特效。本PS教程属于初级教程。 最终效果图 图0 1、选择文件/新建菜单，打开新建或者Ctrl+N对话框名称为：PS打造霓虹特效字体，宽度：为800像素，高度：为600像素，分辨率为72 , 模式为RGB颜色的文档，如图1所示。 图1 2、在图层控制面板击新建图层按钮，新建一个图层1，选择工具箱渐变工具(快捷键G)，在工具选项栏中设置为径相渐变，然后点按可编辑渐变，弹...[ 查看全文 ]

  szparkson

  61
• 
  Photoshop制作立体效果的透视3D立体字

  标签：PS PS基础

  我们先来看最终的效果图 首先我们来建立一个1300*904像素的画布，然后可以再网上找一张墙纹理的照片 然后我们可以把想做成立体字的内容置入画板内，我在这里用的是logo设计，颜色用黑色，选中图层右击转换成智能对象 下一步，也是比较关键的一步，把要做成立体字的内容，选中做透视效果。ctrl+t选中对象，按alt键进行透视。 透视完，复制两层，后面会用的到。 透视效果做好后，开始添加...[ 查看全文 ]

  feelsam_cai

  4711