推荐阅读

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作品 对比色调 即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。 最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
最新发布

正负极logo设计方法
下面给大家介绍的是ai怎么设计正负极logo,喜欢的朋友可以一起来关注平面自学网学习更多的AI实例教程。第1步、打开AI软件,点击新的模版出来,效果如下: 第2步、绘制一个圆形出来,效果如下: 第3步、然后绘制一个十字图案出来。效果如下:

cdr怎么把白色变为透明色
1、打开CDR软件,插入一张图片,效果如下:2、点击矩形工具,绘制一个白色的矩形。3、选中矩形,点击透明度工具。4、然后在底部就可以设置透明度参数了。5、效果如下:

用AI画猕猴桃图案的方法
下面给大家介绍的是ai怎么画猕猴桃图案,喜欢的朋友可以一起来关注软件自学网学习更多的AI实例教程。第1步、打开AI软件,点击新建文档。 第2步、绘制一个黄色的正圆出来。 第3步、然后进么路径偏移设置。参数如下:

cdr怎么让图片边缘变透明
1、在CDR中插入一张图片出来。效果如下:2、点击透明度工具。效果如下:3、然后设置透明度参数,如渐变颜色,模式为矩形模式,这样就慢慢效果出来。4、然后把CMYK调色板的黑色拖到蓝色虚线上,也可以把白色拖上去。5、这就是cdr怎么让图片边缘变透明的方法。

ai画金牛座图案的方法
第1步、先看看金牛座图案,效果如下: 第2步、打开AI软件,绘制金牛座的外框出来,效果如下: 第3步、然后绘制金牛座的脚出来,效果如下: 第4步、然后绘制牛头与牛身出来。效果如下:

ai画香水瓶图案的步骤
下面给大家介绍的是ai怎么画香水瓶图案,喜欢的朋友可以一起来关注平面自学网学习更多的AI实例教程。第1步、先看看香水瓶图案, 第2步、打开AI软件,绘制香水瓶的外框出来。 第3步、然后绘制香水瓶的头部出来,效果如下:

CDR怎么让做好的图形页面水平居中
怎么把做好的图形,对齐页面的水平居中。下面我们就给大家详细介绍一下设置的过程:1、一个复制的图形要对齐页面左中右边缘,先要进行所有对象组合。2、选中对象,对齐对象到页面边缘。3、点击水平左对齐设置,对象就会对齐页面的左边。4、点击水平右对齐设置,对象就会对齐页面的右边。5、点击水平居中对齐设置,对象就会对齐页面的居中。

用ai画牵牛花图案的方法
下面给大家介绍的是ai怎么画牵牛花图案,喜欢的朋友可以一起来关注平面自学网学习更多的AI实例教程。第1步、先看看牵牛花图案, 第2步、绘制牵牛花图案效果,效果如下: 第3步、然后绘制牵牛花图案树叶出来,效果如下: