推荐阅读
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合成坐在干枯荒地里的个性女孩照片
本教程介绍类似夜景效果的合成方法。大致的素材都融合以后,还需要再渲染光感,把夜晚中的灯光效果渲染出来,这一步很重要,处理的时候要根据光源的位置去发挥。最终效果一、新建文档1000x1200像素,导入沙漠素材,适当缩放。 二、复制沙漠层,添加图层样式。三、效果如下,这样我们把天空部分隐藏(加黑)了。四、添加几个调整层处理一下,首先曲线。
PS合成制作跳舞造型的彩色油漆人物图案教程
效果图制作的非常有创意,也非常有视觉震撼力。画面都是用非常流畅的液体来构图,每一条液体带的颜色各不相同。丰富画面的同时也给图片增加了不少动感。更为重要的是作者把人物也完美的融入到液体中,赋予了液体无限的生命力。绝对是超赞的设计。制作的时候部分素材需要自己去网上下载。最终效果一、创建一个595×842像素,黑色背景的画布。使用画笔工具,笔刷选择圆,硬度为0,大小600px,颜色#333333,新建图层命名为“灰圆心背景”,制作如下图灰色圆心的图层。效果如下图。二、使用上面同样的方法,绘出下面的例子中你喜欢的颜色。本人采用三种颜色,画笔大小不一样(300px,400px,200px),分别绘制在三个图层上。三、选择其中一款背景图片,载入图层面板中,命名为背景图片,并置于所有图层的最上方,进行去色处理(ctrl+shift+u或图象-调整-去色),最后设置此层的混合模式为叠加。四、选择油漆瓶,进行扣图(此过程不进行细讲),载入到图层面板中,命名为油漆瓶,调整大小,放到如下图中的位置。
Photoshop合成藤蔓装饰的少女场景图
本教程主要使用photoshop合成被鲜花藤蔓环绕的魅力少女,教程非常详细,可以随时重新返回到某一步添加一些细节。喜欢的朋友一起来学习吧。下面让我们一起来学习吧。本教程为思缘论坛原创邪恶女神翻译教程,转载请注明作者和出处。先看看最终效果1、创建一个1680 x 1050像素,72分辨率RGB模式的画布。2、打开少女素材,双击图层面板,解锁图层。3、执行:图像---LAB颜色,打开通道面板,复制A通道,得到A通道副本。
解析PS设计作品中毛笔字的制作过程
本教程主要使用photoshop详细解析两款毛笔字设计实例分享,最近有很多人在提问毛笔字是怎么做出来的,这种又是什么字体呢,今天就为大家整理和收集了两个这方面的教程,希望对大家有所帮助和理解。
Photoshop合成手拿老照片图片效果教程
本教程主要使用photoshop合成创意的手拿老照片旧地重游效果,旧地重游的效果非常有意思,就是一个人拿着一张以前拍的旧照片回到老地方寻找相同的视角,最近在国外也很火。今天分享一个小教程,帮你足不出户回到过去,来感受下。类似效果:_projava_:下面是教程最终效果:首先我在百度找了一张纽约时代广场的图片。整个教程的素材都是随手百度,同学们可以自己找小时候的相片来学习。
Photoshop合成奇幻唯美动漫创意广告图片
为客户做的两张秋季新品发布的创意广告图,客户想走奇幻的感觉,想跟大自然中的精灵一起出现。我个人觉得万物都是大自然的精灵,鹿比较优雅有气质,这点比较符合女性,所以就大胆尝试了下。最终效果一、找一些合适的参考素材。二、这次没有画草图,因为感觉到位了,也没想做特别复杂的。直接找素材。三、这一次最难的部分在于鹿角,所以我这次先从鹿角开始而不是大背景,我们分析一下鹿角。 如果我们想让鹿角长的很长,鹿角长的有点像树枝,所以可以先去网上找树干。
巧用Photoshop蒙版给美女人像换脸合成教程
最终效果1、我们将两张准备好的素材图片同时在PS中打开,如下图所示。2、使用矩形选框工具,选中人物头部,执行CTRL+C,如下图所示。3、选择梦露图层,执行CTRL+V,如下图所示。
Photoshop制作时尚大气的花朵艺术字教程
在花语里,樱花是爱情与希望的象征,在一些特定的节日,如果有樱花效果的文字点缀,整个页面都感觉不一样了呢。今天分享的教程,来教同学们如何利用photoshop创建清新雅致的樱花效果字体,学习一下吧。最终效果:如果看到这儿你有兴趣,那么不妨分析一下,这个效果由哪几方面构成,每部分的效果如何实现。等想好了再学习教程,看与自己的想法是否相同,有什么可以借鉴或者改进的地方。好了不多说,直接开始吧。Step 1新建250*250大小的文件,填充黑色背景。然后选择椭圆工具,创建一个58 * 58大小的白色圆形。创建另外一个41 * 41的黑色圆形,移到白色圆形的底部,如图:双击黑色圆形图层,添加渐变效果,左边颜色为#eac3c3,过渡到右边颜色#ffffff。
Photoshop合成在空中爆炸特效的直升机教程
本教程主要使用photoshop合成战争中爆炸的直升机海报,教程比较复杂所以细节部分没有详细的解说,属于中级教程,主要就是使用素材来完成海报的合成,喜欢的朋友一起来学习吧。先看看效果图:下面是教程:
