推荐阅读
![Photoshop CS3制作火红的特效线框字](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkBxPEB3M%7BJxNEhxOkB%7BNUZ%7BOkJ4OUegVz6rdHd%3E.jpg)
Photoshop CS3制作火红的特效线框字
本教程将告诉你如何使用Photoshop中的云彩滤镜、模糊滤镜、色阶以及曲线工具制作一个火红的特效线框字。这个制作方法不仅仅适用于字体效果的表现,实际上,你可以用它制作任意形状的特效图案,例如一颗火气腾腾的心形特效图。 说明:本文以Photoshop CS3版本为例进行讲解,其他版本(6.0以上)操作上或许存在一点小小的差别。 下图是教程中示例的最终完成的效果: 最终效果图 值得注意的是,由于Photoshop云彩滤镜生成的效果是随机的,所以即使是使用同一方法,每次制作出来的效果都会不尽相同。好了,下面我们来介绍具体的实现方法: 1、首先根据自己的需要新建一个合适尺寸的Photoshop图像文档,背景色不限。做为示例,我们这里仅设置为450×338像素。图像像素设置得越高,也就越容易得到更多的图像细节。 图1:新建Photoshop图像文档 2、点击图层面板底部的“创建新图层”按钮,新增一个图层,选择油漆桶工具,使用白色填充。然后选择字体工具,在字体面板中选择字体、字号,输入文本。当然,也可以绘制其他你希望得到的图案形状。这里我们以输入文本“HOT”为例,字体为Arial Black,字号150像素。这时Photoshop自动新建一个名称为“HOT”的文字图层。
![用CSS + 图片的方式制作漂亮的点击效果按钮](/statics/article/imgs/default.gif)
用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 全部选择 提示:你可先修改部分代码,再按运行]
![色彩在摄影中的艺术表现力 时尚摄影中常见色彩的情感含义](https://img.sucai999.com/bIS1dEpwM4e4ez6xd%7BFzNz6v%5BYRwRYK1bXOt%5BT%3AWdHywZXSHbXymd2%3AidoRwNkByN%7BB4M%7BJxNUNxO%7BF5NEdyOkB4NEWgVz6rdHd%3E.jpg)
色彩在摄影中的艺术表现力 时尚摄影中常见色彩的情感含义
摄影的艺术表现力包括很多的方面,而摄影色彩的表达是非常重要的一部分。 人类对于颜色的反应是一瞬间的,对于不同颜色的反应能测试一个人的人格。照片上的色调反映着作者的拍摄目的的同时也影响着观者阅读照片的感受。 暖色调 即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用,可使主页呈现温馨、和煦、热情的氛围。 冷色调 即青色、绿色、紫色等色彩的搭配。这种色调的运用,可使主页呈现宁静、清凉、高雅的氛围。 摄影师Camilla Akrans作品 对比色调 即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等。这种色彩的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。 最后,还要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
最新发布
![AICC制作音乐播放器APP图标教程](/statics/article/imgs/default.gif)
AICC制作音乐播放器APP图标教程
1、打开AI软件,使用椭圆工具绘制二个圆形出来,做播放器的外框,效果如下: 2、点击钢笔工具,绘制钢笔工具,绘制音乐符号出来。效果如下: 3、然后就用形状生成器生成出来音乐符号。 4、然后使用直接选择工具,进行倒圆角处理。
![AICC设计查找图标教程](/statics/article/imgs/default.gif)
AICC设计查找图标教程
下面给大家介绍的AICC设计查找图标教程,喜欢的朋友可以一起学习做一做,绘一绘哦。效果图:1、打开软件后,先绘制一个圆形出来,进行偏移出来,效果如下: 2、然后同样的方法,进行偏移路径出来。效果如下: 3、然后使用钢笔工具,绘制下面图形出来,效果如下:
![AICC绘制打印机图案教程](/statics/article/imgs/default.gif)
AICC绘制打印机图案教程
下面给大家介绍的是AICC绘制打印机图案教程,喜欢的朋友可以一起来做一做哦!转载请写明出处。效果:第1步、点击圆角矩形工具,绘制一个带圆角的正方形出来。效果如下: 第2步、点击钢笔工具或是P键,绘制下面的图形效果如下: 第3步、然后对锚点进行倒圆角处理。效果如下:
![AICC设计固定资产图标教程](/statics/article/imgs/default.gif)
AICC设计固定资产图标教程
下面给大家介绍的是AICC设计固定资产图标教程,喜欢的朋友可以一起来做一做,转载的朋友请标明原创出处。效果:第1步、点击圆角矩形工具,绘制一个圆角矩形。效果如下: 第2步、再使用椭圆工具,绘制三个椭圆出来。效果如下: 第3步、选择下面二个椭圆,点击形状生成器进行图形生成。效果如下:
![AI制作会议费图标教程](/statics/article/imgs/default.gif)
AI制作会议费图标教程
下面给大家介绍的是AI制作会议费图标教程,喜欢的朋友可以一起来学习哦,使用矩形与圆形工具绘制就可以了。效果图:第1步、点击圆角矩形工具,绘制一个圆角矩形出来。有什么问题请加微信号:rjzxwp 第2步、然后使用圆角矩形工具,绘制下面的图形出来。像一个黑板,效果如下: 第3步、然后使用形状生成器进行生成。生成的效果如下:
![AI绘制房屋租售图标教程](/statics/article/imgs/default.gif)
AI绘制房屋租售图标教程
效果图:第1步、点击椭圆工具,绘制一个黄色填充的正圆出来。有什么问题可以加彭老师微信:rjzxwp 第2步、然后使用钢笔工具P绘制下面房子的图案出来。 第3步、然后用直线选择工具,选择上面的锚点,进行倒圆角出来。
![AI绘制二手市场图标教程](/statics/article/imgs/default.gif)
AI绘制二手市场图标教程
下面给大家介绍的是AI绘制二手市场图标教程方法,喜欢的朋友可以一起来学习哦!效果图:第1步、点击椭圆工具,绘制一个深绿色的正圆出来。效果如下: 第2步、然后使用钢笔工具,绘制下面的四边形出来。效果如下: 第3步、然后使用直接选择工具,进行四边形倒圆角处理。
![AI制作精彩视频APP图标教程](/statics/article/imgs/default.gif)
AI制作精彩视频APP图标教程
下面给大家介绍的是AI制作精彩视频APP图标教程,喜欢的朋友可以一起来学习哦!效果图:第1步、点击椭圆工具,绘制下面蓝色的正圆出来。效果如下: 第2步、然后使用钢笔工具,绘制下载的视频头的图形出来。效果如下: 第3步、然后使用直接选择工具,进行倒圆角处理。效果如下:
![ai怎么取消文字编组](/statics/article/imgs/default.gif)
ai怎么取消文字编组
下面给大家介绍的是ai怎么取消文字编组,喜欢的朋友可以一起来关注平面自学网学习更多的AI基础教程。第1步、打开AI软件,第2步、点击文件菜单,点击新建。第3步、设置A4大小,点击确定。第4步、然后输入“忍者神龟”四个字。第5步、然后选中文内容,点击文字菜单,点击创建轮廓。
![女士短靴设计教程](/statics/article/imgs/default.gif)
女士短靴设计教程
第1步、先看看设计出来的女士短靴,第2步、使用钢笔工具,绘制女士短靴的外框,第3步、然后绘制女士短靴底出来。效果如下:第4步、然后再绘制女士短靴跟出来。效果如下:第5步、然后绘制女士短靴的鞋口出来。