推荐阅读
PS打造蓝色质感水晶文字效果
这篇教程教飞特的朋友们用PS打造蓝色质感水晶文字效果,教程制作出来的文字效果灰常漂亮,制作难度中等,教程主要体现的是质感的部分吧,希望飞特的朋友们能从这篇教程中有所收获,先来看看最终的效果图吧:效果图:具体的制作步骤如下: 1.打开背景图,开始打字,设置前景色#77a5c2 ,打上你想要的字样,我用的是Alba字体(字体素材下载),然后复制文字图层,得到文字副本层, 把填充改成0% 2.回到文字图层,更改图层样式
理解Web框架,和如何构建一个CSS框架
什么是框架? 为了便于沟通,我们给“框架”统一一个定义(至少在本篇文章中是统一的):一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使设计师和开发人员把重点放在任务项目所特有的方面,避免重复开发。通常的讲,框架就是上面提到的JavaScript框架和Web应用框架。 需要强调说明的是,我们不必讨论构造、打包发布,相反,一个框架只为你或你的团队使用即可。CSS框架 有些时候,你可能尝到了抽象类似的CSS代码的甜头,在那些同时设计几个类似网站的设计师身上表现最为明显。此外,团队中的设计师们从框架的方法上有很多的获益。比如,我在一家报馆工作,所有的20多个网站保持着很多的共同点,基于新闻网站的特点,它们趋向于更加相似,而不是差异。但是,即使单独一个设计师,设计一个从表面上看有差异很大的项目,也可以为CSS框架抽象出一些通用的小碎片。 劳伦斯日报(Lawrence Journal-World),我在那里工作,我们最近建立了一个CSS框架,并发现它是一个巨大的效率倍增。当然,我们花了数天时间自己创建了一个CSS框架,但一旦框架完工,开发高质量网页的速度是极快的。更何况,既然团队每一个设计师现在都使用这个框架,当一个设计师修改另一个团队成员网页时,他们不再需要花20分钟理解别人的构建思路,可以马上上手。 有那些可以忽略? 当投入到一个整体性很强的CSS框架,你想寻找的东西,是每个项目都做了一遍又一遍的重复通用的代码,目标是巩固这些代码核心地位,遵循“不重复自己(Don’t Repeat Yourself)”编码方法。这使得维护工作容易了许多,还可以帮访问者节省带宽开销。 几乎每个我参与的项目中,我必须声明的几个CSS问题: “大量重置”浏览器默认风格,比如,设置所有元素的margin和padding为0,去掉框架(framesets)和图片(images)的border,等等。 以基线对齐。这包括诸如设定块级元素的margins相同的(或多个)基准行高,如段落(paragraph)、头(header)、以及列表(list)。 创建表单(Form)的基本样式。 创建几个常用的CSS 类,例如,.hide(把display置为none,即隐藏元素)、.mute(设定为一个较小的字体和较亮的颜色)。 还有更有趣的事情,许多网站设计师发现自己不断重复使用着相同的基本结构,为什么不动它整理成自己的,在某种程度上可以非常灵活的用于多个网站?Yahoo这样做了,这就是YUI。当我们为的劳伦斯日报网站(the Journal-World)建立CSS框架的时候,我先看看Yahoo是怎么做的。我们很肯定那不是我们想要的,但作为一个很好的例子,给我们提供了很多思考和如何建构自己框架的想法。我们解决了16个单元格的问题,它具有足够的灵活性使我们的每一个网站都可以应用,即使每个网站看上去与下一个版本有些差异。另外大多数网站共用widgets ,象下拉菜单、导航菜单、按钮等,这些也是主要的需要抽象提取的对象。除此之外,你可能有共同的内容名称,如图片列表的缩略图,你可以规范对CSS命名,如“thumbnail-list”,让所有显示缩略图的都使用这个CSS类。
IE9在对HTML5的支持上依然垫底
HTML5带来新热潮,W3C预计在2012年使其视频、绘图和地理规范稳定下来并达到推荐水平。事实上多个浏览器已经开始全面拥抱HTML5,也包含不思进取的IE。html5test.com是一个在线的基准测试,它类似于Acid3,但主要用来测试浏览器对HTML5的兼容性,讽刺的是,IE9仅仅带来了更快的JS引擎,在对HTML5的支持上依然垫底,以下是成绩公布:
最新发布
Photoshop制作光线照射文字效果
教程像飞特网的朋朋友们介绍用Photoshop制作光线照射文字效果的制作方法。这个教程主要利用了Photoshop的图层样式、渐变填充、图章工具、模糊滤镜和各种图像的调整和变化工具。最终效果:第一步:新建一个 800px * 800px的文档,在背景层使用渐变填充工具做出如下的那个不规则的光线效果。第二步:使用文字工具,制作文字,摆放好位置。
Photoshop制作水滴文字效果
先看效果图:素材:素材 1、打开Photoshop CS3软件,执行菜单:“文件”/“新建”(快捷键Ctrl+N),弹出新建对话框,设置名称:血液文字效果,宽度:800像素,高度:600像素,分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮,如图1所示。图1 2、单击工具箱中的横排文字工具,输入voidox,然后按Ctrl+T切换字符和段落面板,设置字体:Mnion Std,大小:144点,颜色:红色,设置消除锯齿的方法:浑厚,如图2所示。图2
Photoshop制作高温燃烧火热文字效果
本Photoshop教程教飞特网的朋友们制作一种难以令人置信的火热文字特效,希望大家喜欢。老规矩,先看效果下面我们开始制作一个PS文档。填充背景色为#1d1d1d,然后添加杂色。设置如下。效果如下。使用文字工具,设置黑色,大小设置如下。
PS制作漂亮蓝水晶效果字
这个教程是我刚刚看到的,原作者是一个老外,所以界面也是英文的,但是对效果制作影响不是很大,希望飞特的朋友们喜欢我投稿这篇教程!先贴个效果图: 现在选择画笔工具(B),应用如下参数:不透明度30%,颜色代码#0499E6。在蓝色背景的侧面涂抹(如下图)。
PS制作超漂亮立体字【国外经典教程】
这是一篇老外的教程,教程写的很详细,从文字的装饰背景到文字制作都有详细的教程,其实这个教程的效果完全可以用来做海报了,希望飞特的朋友们喜欢这篇教程!我们先来看看最终的效果图:介绍和准备本系列教程是教程Super Malleable Lines(就是这篇教程)的一种延续。这有一些相似的效果,但却是从不同角度体现的。在本教程的第一部分,我们将集中讨论如何创建3D文字和飞溅的效果。 首先,创建3D文字,你需要下载Xara 3D6的demo版,也可以使用Adobe Illustrator来创建(Xara 3D6可以下下来研究研究 不过都是鸟文),但我强烈建议你用Xara这(这句话不代表活力盒子立场)。还需要从cgtextures.com下载 stained metal texture图象(这个图片没找到 闷!)。步骤1:如何开始最好的开始方式是给字母找到合适的颜色。在这篇教程里,背景的颜色是很阳光的,给我们一个很温暖的感觉。在这里,我们将使用冷色调。首先我们需要新建一个1350 * 1600px,分辨率为 300px/inch的新文档。创建一个新层并作简洁的颜色匹配。不要使用你选择的第一种颜色,要尝试一些不同的色调。难看的背景颜色往往会毁掉大家辛苦的工作。 (简单来讲就是想让大家多尝试几种颜色)现在,我们找到了一个很好的匹配色,使用油漆桶工具(G),用#166a91填充新图层。命名此层为”background”(背景)。步骤2:背景的深度现在我们需要的是给这个背景一些生命力!同样,要花费一些时间寻找合适的颜色,尝试使用一些适当的冷色调。我说的是找到一些深的或浅的蓝色。我使用的颜色如下图所示。 如果你已经选择了一些很好的较暗的颜色(或如果你在选择上有疑问那就使用下图的颜色――我所使用的特定颜色)。使用画笔工具(B),设置流量5%,硬度为0%,并使你的画笔直径非常大,如你在下图看到的一样。创建一个新层,命名为“bg_color”,用这个大笔刷在角落处涂抹。使每一个画笔的新颜色涂抹在它自己的新层上。尝试涂抹不同的地方,基本上就是边缘黑,中间亮。这样你会得到一些不规则的渐变效果,这正是我们想要的。
Photoshop制作可爱星星文字效果
本教程没有字体的变化,教程主要像飞特网的朋友们介绍的是对文字的装饰,包括文字的背景,色彩,图案等方面的内容。看完这篇教程我相信,飞特的朋友们都能制作出很棒的文字效果。因为教程本身很简单O(∩_∩)O~,来吧,一起看看最终效果 1、新建文档,填充渐变。 2、用钢笔随意画路径。 4、弹出对话框,选画笔。 效果: 5、设置投影样式:执行:图层 > 图层样式 > 投影,参数及效果如下图。
PS制作黄金质感磨砂字
同样是一篇来自金玉阁的教程,希望飞特的朋友们多多支持我投稿的教程。我做的一个效果:http://bbs.fevte.com/thread-5514-1-1.html大家也可以把练习教到这个帖子,有问题可以在帖子里留言,我一定言无不尽。先来看效果:下面贴教程了:
PS制作蛋糕上的奶油字
这篇教程是我在博客上无意看到的,教程讲述PS制作蛋糕上奶油字的制作办法,感觉效果挺逼真的。转载到飞特,和大家交流下,希望大家喜欢。先看效果效果1效果2-教程讨论交流及作业提交:http://bbs.fevte.com/thread-5510-1-1.html开始教程:
photoshop制作折叠文字效果
教程是转载的,希望飞特的朋友们喜欢!最终效果:在本教程中,我将演示如何用PS创建一个非常酷的折叠字体效果,几个很简单的步骤你就可以把普通的字母转换成一系列有视觉效果的折叠文本,让我们开始吧~我们首先要做的是在Photoshop中打开一个新文件,我用的是1200*400像素,用粗体写出abduzeedo,我用的是Verdana字体加粗,你可以使用任何你喜欢的字体。现在,我们将开始折叠每一个字母,先从A开始。使用矩形选框工具(M)选择字母“A”,选中之后按Ctrl + C复制字母,然后按Ctrl + V将其粘贴,重命名粘贴的“A”(在你复制粘贴之前改变abduzeedo文字的颜色)我们已经有了字母“A”在一个新的图层上,现在我们将选择它的一部分折叠,我喜欢使用多边形套索工具(L)。(如下图做选区)
