推荐阅读

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

讲解灯管霓虹效果的字体在PPT中的应用
今天我们要在PPT中制作灯管霓虹效果的字体,设计一个创意的PPT作品。我们看一下作品,如下图:繁华的背后,拥挤的人群,却藏着众多孤独的灵魂。这就是今天的作品啦。接下来我们一起拆解分析一下这个创意PPT作品的设计思路以及制作过程。首先在于背景的制作。背景设计成了这种破旧的红砖墙,和霓虹的艳丽形成反差的对比,突出主题的孤独。我们看一下背景的制作。如下图:寻找一张旧的红色砖墙素材图片,然后下载下来,插入到PPT中。

设计师解读高效设计必备设计流程总结
个人总结关于如何更快,更有效完成整个设计过程的设计流程,希望大家有所帮助。如果设计师的作品产生仅仅依靠“妙手偶得”,靠着感觉这样那实际上是失去了自己的专业优势。设计是进行有效计划,落实到媒体上。设计师该掌握科学的设计构思方法、排版方法和色彩技巧等,依靠坚实的知识基础,有计划有步骤的渐进式不断完善,设计的成功与否很大程度上取决于理念是否准确,考虑是否完善。一个行之有效的设计流程可以帮助设计师更准确,更快速的完成设计。个人总结设计流程:一、了解需求(通过以沟通和调查研究)这一步需要建立对项目的有目的和完整的了解,是最重要,最根本的。是设计的开始和基础(背景知识)。需要得到信息的包括:

3个平面设计技巧学会动态字体海报
LOGO和版式教程大家都看了很多。这次咱们做一个不一样的尝试,把字体、版式和动效进行结合,做几个动态字体海报,顺带着把字体在版式中应用的可能性和常用思路分享一下。咱们这次用大家最喜欢的方式来分享,上来就是实操。在开始正式动手前,咱们先把思路大概屡一下。既然是字体海报,首先咱们肯定得有字体设计,我们在设计字体部分的需要适当的考量到在版面应用时候的可能性,在案例中咱们会详细解析;第二个步骤通常是对字体的效果进行调整或者增加形式感,主要是考虑到字体作为主体在海报的表现度问题;最后一步才真正落到如何将字体通过结合文字组以合适的构图呈现版面。咱们直接开始第一个案例实操,先来看一下基本信息。这个海报是以“空间”作为主题,艺术家更多的想表达“假如空间是张白纸”这么一个概念。我们以这个概念为基础,尝试字体部分的设计。

用AI绘制2.5D风格剪纸插画的用AI绘制2.5D风格剪纸插画教程
各位爱学习的同学,这次分享一个2.5D插画的教程,希望在看了这篇文章之后,各位无论工作中还是学习中都可以去尝试些新的东西。这次分享一个2.5D插画的教程,主题是关于咱们学UI的。希望在看了这篇文章之后,各位无论工作中还是学习中都可以去尝试些新的东西。不被吐糟设计没有新意巴拉巴拉,还有希望各位同学在临摹的基础之上可以有更多的创意,因为一旦有了创意并被认可,你会记忆犹新。甚至迈入一个新的阶段。完成这幅插画需要掌握的工具有PS和AI即可,工具就是那些,PS中的基本的一些工具操作AI中的3D工具。还是要靠脑子想画面然后用工具去表现。1.这种插画就像堆积木一样,我们最先搭建最大的主体部分。因为插画颜色特性在搭建之前,先新建一个画板,尺寸1920像素宽,高度800像素左右即可,分辨率72。数值与效果如下图:加上主体之后,如下图