推荐阅读

Photoshop CS3制作火红的特效线框字
本教程将告诉你如何使用Photoshop中的云彩滤镜、模糊滤镜、色阶以及曲线工具制作一个火红的特效线框字。这个制作方法不仅仅适用于字体效果的表现,实际上,你可以用它制作任意形状的特效图案,例如一颗火气腾腾的心形特效图。 说明:本文以Photoshop CS3版本为例进行讲解,其他版本(6.0以上)操作上或许存在一点小小的差别。 下图是教程中示例的最终完成的效果: 最终效果图 值得注意的是,由于Photoshop云彩滤镜生成的效果是随机的,所以即使是使用同一方法,每次制作出来的效果都会不尽相同。好了,下面我们来介绍具体的实现方法: 1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档,背景色不限。做为示例,我们这里仅设置为450×338像素。图像像素设置得越高,也就越容易得到更多的图像细节。 图1:新建Photoshop图像文档 2、点击图层面板底部的“创建新图层”按钮,新增一个图层,选择油漆桶工具,使用白色填充。然后选择字体工具,在字体面板中选择字体、字号,输入文本。当然,也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例,字体为Arial Black,字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。

用CSS + 图片的方式制作漂亮的点击效果按钮
用CSS + 图片的方式制作漂亮的点击效果按钮<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="按钮, button, css, " /> <meta name="description" content="这篇文章教你用 CSS + 图片的方式制作漂亮的有点击效果的按钮,明白了原理,相信你也可以制作更加丰富的效果。" /> <title>用 CSS 让你的按钮(button)更加迷人 - 按钮, button, css, </title> </head> <body> <div id="example"> <h3 id="example_title">用 CSS 让你的按钮(button)更加迷人</h3> <div id="example_main"> <!--************************************* 实例代码开始 *************************************--> <style type="text/css"> a.button { background: transparent url("http://www.syku.net/web/UploadFiles_5065/200712/20071203121045802.gif") no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url("http://www.syku.net/web/UploadFiles_5065/200712/20071203121046965.gif") no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } </style> <br class="clear" /> <a class="button" href="#" onclick="this.blur(); return false;"><span>提交</span></a> <a class="button" href="#" onclick="this.blur(); return false;"><span>重置</span></a> <br class="clear" /> <br /> <!--************************************* 实例代码结束 *************************************--> </div> </div> </body> </html> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

色彩在摄影中的艺术表现力 时尚摄影中常见色彩的情感含义
摄影的艺术表现力包括很多的方面,而摄影色彩的表达是非常重要的一部分。 人类对于颜色的反应是一瞬间的,对于不同颜色的反应能测试一个人的人格。照片上的色调反映着作者的拍摄目的的同时也影响着观者阅读照片的感受。 暖色调 即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。 冷色调 即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。 摄影师Camilla Akrans作品 对比色调 即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。 最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
最新发布

灯光效果,PS制作出逼真的路灯灯光效果图片
本篇光线制作教程主要教大家如何模仿制作出逼真的路灯灯光效果,这个方法在后期合成可能会用到的技巧之一,喜欢合成的同学来学习一下吧。 先来看看效果: 1.打开ps放入一张需要加灯光的路灯。 2.Ctrl+shift+alt+N创建新图层,使用快捷键b选择画笔工具,样式选择揉边画笔, 3.前景色调为橙色f9ad2a,在刚创建的新图层上面沿着灯内侧涂抹。并且把混合模式改为滤色,不透明调为77%。 4.Ctrl+J复制图层1,把混合模式改为叠加,不透明调为25%。

油画照片,PS把田园风景照片转成唯美效果的油画照片
像本篇的教程其实看上去就比较具有烟火气息,总能给人的感觉十分亲切,但是同学们要相信通过ps的处理之后,效果会发生很大的改变,主题更加突出,颜色也非常的有层次感,更重要的是画面有点油画的效果,感觉看上去非常的唯美,除了有之前的烟火气息,还有了很强的艺术效果,相信同学们通过教程可以把它制作的更好,也可以通过教程来掌握一些调色的技巧,从而使照片更加的有层次。一起来学习一下吧,相信你会做的更好。 效果图: 素材: 操作步骤: 一、打开素材图片,按Ctrl + Alt + 2调出图像高光选区,添加一个浅黄色(c2be7a)纯色层,图层模式改为“颜色”。 二、新建一个可选颜色调整层,编辑红色(青色-47,洋红+66,黄色+19,黑色+26。

牛奶字体,PS制作可爱牛奶字体设计教程
本篇教程通过ps教同学们制作可爱的牛奶字体,整体来说比较简单,我们会先新建一个图层,然后填充一个渐变叠加,因为我们这里要做的是牛奶可爱字体,所以就用了饱和度比较低的奶绿色,这个时候我们打上自己想要的文字,在图层样式里给文字添加一个投影,再添加一些斜面与浮雕,这样会使文字看起来更立体一点。整个操作就是这么的简单,相信同学们可以通过教程来制作的更好。 效果图: 操作步骤: 1.首先我们打开ps,新建一个图层,填充一个渐变叠加,因为我们要做的是牛奶可爱字,所以这里就用了饱和度较低的奶绿色,效果如下: 2.打上你想要的一个文字,垂直水平对齐一下,尽量使用圆角可爱一点的字体,这里使用的是华康圆体,效果如下: 3.这时候文字是漂浮起来的,我们给文字添加一个投影,让文字沉下去,数值如下:

运动海报,使用PS制作运动风格的创意海报设计
教程通过PS制作一款运动风格的海报,在海报设计当中我们会用到教程中的文字工具来进行一个排版,在打文字的时候,尤其是人物在运动的时候的那种跑道我们会制作出来。也就是通过他的透视功能,海报制作起来也比较的简单,相信同学们可以很快学会,刚刚接触ps的同学也可以尝试着来制作一下,不要觉得看上去很难就不想动手练习学习,PS没有什么捷径,我们必须动手去练习,他这样才知道我们在学习的时候有哪些会,哪些不会,一起来练习一下吧,相信你可以做的更好。 效果图: 操作步骤: 第一步: 打开PS,按Ctrl+N新建一个画布(宽度:1191像素、高度:1616像素,背景内容:白色),确定后,就得到“背景”图层 第二步: 按Shift+Ctrl+N新建一个图层,就得到“图层 1”图层;接着在“图层 1”图层,按Shift+F5填充(颜色:#f19149),好了后点击‘确定’

褶皱效果,PS制作具有褶皱效果的文字设计教程
本篇教程通过ps制作一张具有褶皱效果的文字,这种文字就好比附着在一张褶皱的布料上面一样,整个效果特别棒,同学们在后期设计的时候,比如说在海报制作的时候可以用到这种效果。在制作的时候我们主要会用到ps中的置换来增加这种效果,整个教程制作起来也比较简单,步骤也很短,相信同学们可以很快学会,一起来通过教程制作一下吧,相信你也可以创作出更好的作品。 效果图: 操作步骤: 1.打开布料素材,ctrl+j复制一层,ctrl+shift+u去色 2.滤镜-模糊-高斯模糊,数值根据需要调整,这里60px(不要细节,保留光影) 3.ctrl+l调出色阶,增强光影对比

人像美化,PS打造完美的冬季冷色彩妆人像美化教程
作者在美化人像的时候非常细心,同时基础也非常扎实,基本上每一个细节都处理得非常到位,如肤色质感、整体明暗、背景及装饰等。 原图 最终效果 1、修饰皮肤,(真实而细腻)如果还有朋友不会修饰皮肤的话,请到网上搜相关的教程,因为,今天我不聊基础 我们聊的是基本修调皮肤之后的事情。 2、女子脸上局部出现很多明暗过渡不均肌理结构!那么我需要结合肌理与光向、光质、去修调、过渡。

唯美图片,PS打造唯美紫红色效果的古典美女图片
作者的处理思路非常不错:首相拍好想要的初片,适当美化一下人物,然后更换背景,添加装饰元素,再润色修饰细节即可。 原图 最终效果 1、根据原片分析,我最终选择了一个桃花盛开的基础背景。因为素材原片是晴天拍摄的,清冷,空寂,神秘,伤感。中长调,所以我下面建立一个黑色的背景,然后使用基础的桃花素材用图层模式:柔光。来制作一个基础的背景,因为我希望它是暗的。 2、钢笔抠图,基础人物的修饰部分我使用的是中性灰柔光+黑白画笔塑造人物的光感。但是要注意,画面要柔和,但是骨骼的过渡还是要有一点。这里我只是把高光区的光感给打平了。但是颧骨部分,眉弓部位的过渡还是有的。因为是重新排列我的PSD层,有些层是分离的。可以看到,头发还是不柔顺。 3、我一直在强调影调,因为在合成中氛围把控很重要只有基础背景是不行的。依旧根据刚开始的定位,用花瓣笔刷做出远景的花瓣散落,中景的花瓣散落,近景的花瓣散落。花瓣做了不同层次的明暗变化,这样也是更好的符合大气透视。增加真实感,这里的头发也理顺了,眼睛的高光也给补上了。

处理头发,PS给商业人像大片中的发丝精细美化教程
发丝美化也是比较费时的,作者总结的方法非常实用。思路:先对发丝部分做分析,找出缺点;然后截取发丝自然的部分,通过复制及蒙版控制范围,把整体发丝处理得流畅自然;下一步就是发丝细节添加,用发丝笔刷或钢笔勾出一些发丝增加细节;最后一步就是发丝光泽的处理,用双曲线或中性灰等方法来美化。 原图 最终效果 1、首先我们在ps里面打开图片,进行观察,发现头发问题很多,选取头发形状和走势比较好的部分。如下图。 2、然后进行复制,移动到合适位置,添加蒙板,使用画笔进行融合,让它过度自然,如下图。

仿手绘画,PS结合SAI把人像照片转为清爽的仿手绘效果
素材图片背景,人物头发等都比较杂乱,不过作者善于处理,背景直接换成清爽的纯色 + 光斑;人物发丝直接模糊后重新画上;人物部分也简单润色,局部虚化处理,整体看上去非常漂亮。 原图 最终效果 1、打开一张图片,进行一个图片的裁切,选择人物比较靠中间能体现整体人物的位置。 2、人物整体用曲线调亮。

Photoshop图层样式制作镶有钻石的古典金属字
本文的效果字制作稍微有点复杂,前期用多层图层样式配合一些图案素材做出金属字效果;然后用画笔加上小点,并用图层样式把小点变成钻石效果;最后调整颜色,局部增加一些纹理得到想要的效果。最终效果1、创建一个1152*864像素的文档,如下图所示设置前景与背景色,选择“渐变工具”,点击“线性渐变”按钮,从上到下拉出渐变。2、完成后我们在选择菜单中的“滤镜>杂色>添加杂色”,在弹出的对话框中设置数量为1,选择“高斯分布”。3、在画布上输入文本“BEYOU”,并如下设置文本参数。4、然后复制文本层,得到文本副本,将文本副本的填充设置为0%,再复制文本副本得到文本副本2。