推荐阅读
(6-9):制作网页翻转按钮
大家经常在一些网页中看到一种会随着鼠标的接触而变色的按钮，参见范例网页。这称之为鼠标翻转效果，这是根据英文rollover翻译而来的，其实不是很符合中文的语境。其原理是利用两张图片，平时显示一幅，当鼠标接触后换成另外一幅图片。如下图。这样看起来好像是鼠标接触的时候按钮变亮了。现在我们来动手制作，首先在Photoshop中将它们制作成图片，然后再做成网页。首先新建一个400×300的白底图像，新建一层，利用形状工具椭圆〖U/SHIFTU〗，在公共栏选择第3种绘图方式(填充像素)，调出信息调板〖F8〗观看数值，用任意颜色在新建层中间位置画一个直径40左右的正圆(按住SHIFT保持正圆)。如下左图。0614【窗口>样式】调出样式调板，点击右上角圆三角按钮，选择“替换样式”，在出来的样式列表目录中选择“Web翻转样式”，确认目前选择的是新建层，然后使用“选中状态的蓝色胶体按钮”样式。如下中图红色箭头处。大家也可以自己选择其他颜色的。0615将新建层与背景层合并，然后【图像>修整】，如下右图所示。确定操作后图像将被裁剪为和所画的圆同等大小。这个命令的作用是根据左上角第一个像素处，或右下角最后一个像素处的颜色，在我们这幅图像中这两个地方都是白色。然后就将画面中连续的白色部分裁剪掉。这就好像现实中打印图像之后将纸张的边缘裁剪掉一样。接着将背景图层复制一层，对复制出来的图层使用曲线工具，合并高光和暗调区域(高光点229,255；暗调点60,0)，形成加亮按钮的效果。如下左图。完成后我们得到两个图层，分别是暗色按钮的背景层，和亮色按钮的背景复制层。如果以上步骤无法完成，点此下载范例文件0616使用【文件>在ImageReady中编辑】〖CTRLSHIFTM〗，或点击工具栏最下方按钮，将会跳转到ImageReady中，这是Photoshop附带的一个软件，用来制作动画和网页。我们找到Web内容和图层两个调板，如下右图。后面的操作就是由这两个调板配合完成。 在完成以上5个步骤后，我们就可以开始制作鼠标翻转效果了。开始之前我们先简要介绍一下制作的原理。范例网页大家也看过，是随着鼠标的接触而发生的。这里涉及一种概念，叫事件和方法。我们的日常生活就是由许多事件和方法组成的，比如口渴是事件，喝水就是解决这个事件的方法。肚子饿是事件，吃东西就是方法。想学习是事件，看《大师之路》就是方法等等。这其实就是一种编程的思想，和人一样，电脑也是由事件和方法组成的一套逻辑系统。所以下面我们也要按照这种思路，去创建一个事件和解决方法。这个事件就是鼠标接触事件。平时鼠标不接触，我们只显示暗色按钮层(背景层)。而在鼠标接触的事件发生后，显示亮色按钮层(背景副本层)。
AutoCAD 2007 入门教程-CAD图形的输入输出
AutoCAD 2007 提供了图形输入与输出接口。不仅可以将其他应用程序中处理好的数据 传送给 AutoCAD ，以显示其图形，还可以将在 AutoCAD 中绘制好的图形打印出来，或者 把它们的信息传送给其他应用程序。此外，为适应互联网络的快速发展，使用户能够快速有效地共享设计信息， AutoCAD 2007 强化了其 Internet 功能，使其与互联网相关的操作更加方便、高效，可以 创建 Web 格式的文件 (DWF) ，以及发布 AutoCAD 图形文件到 Web 页。 AutoCAD 2007 除了可以打开和保存 DWG 格式的图形文件外，还可以导入或导出其他格式的图形。 导入图形 在 AutoCAD 2007 的 “ 插入点 ” 工具栏中，单击 “ 输入 ” 按钮将打开 “ 输入文件 ” 对话框。在其中的 “ 文件类型 ” 下拉列表框中可以看到，系统允许输入 “ 图元文件 ” 、 ACIS 及 3D Studio 图形格式的 文件。 在 AutoCAD 2007 的菜单命令中没有 “ 输入 ” 命令，但是可以使用 “ 插入 ” | 3D Studio 命令、 “ 插入 ” | “ ACIS 文件 ” 命令及 “ 插入 ” | “ Windows 图元文件 ” 命令，分别输入上述 3 种格式的图形文件。 插入 OLE 对象 选择 “ 插入 ” | “ OLE 对象 ” 命令，打开 “ 插入对象 ” 对话框，可以插入对象链接或者嵌入对象。 输出图形 选择 “ 文件 ” | “ 输出 ” 命令，打开 “ 输出数据 ” 对话框。可以在 “ 保存于 ” 下拉列表框中设置文件输出的路径，在 “ 文件 ” 文本框中输入文件名称，在 “ 文件类型 ” 下拉列表框中选择文件的输出类 型，如图元文件、 ACIS 、平板印刷、封装 PS 、 DXX 提取、位图、 3D Studio 及块等。
自己动手制作活动菜单条
用QQ聊过天的朋友都对它的自动隐藏窗口功能爱不释手，它可以使窗口显得清爽整洁而且富有动感，笔者的几个朋友都想在自己的网页中加入类似的东东，经过共同摸索发现用Dreamweaer 就可以实现这种效果，下面我们通过一个活动菜单条的制作来看看吧。 第1步：制作菜单外貌 在Dreamweaer 中新建一个文件，绘制一个层，在该层中插入一个表格（如图1），对该表格进行修饰，然后加入菜单项并建立各项的超链接，为了去掉超链接的下划线，可以编辑超链接的Css样式，在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration（装饰）”均设置为“None（无）”，将“Hover”的“Color（颜色）”设置为红色，最后将设置好的样式应用到各个菜单条中（可按“F12”键预览效果）。 第2步：设计菜单的动态效果 1、选定层面，当鼠标变成“十”字形时按住左键将层面拖动到页面右上角（使整个菜单条完全露出但上边缘正好靠拢页面上边界），在窗口菜单中打开时间线面板，选定层面将其拖动到时间线上，Dreamweaer会自动产生一个长度为15帧的动画对象，拖动该动画对象的最后一个关键帧到第30帧，将其长度设置为30帧。然后在第15帧处单击右键，在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧，并将层面拖动到适当位置（如图2）。
数码摄影10个技巧
以前一定听过这种话：数码相机(以下用DC)无所不能。你只要按下按钮，一张伟大的照片就会变魔术般展现在你面前。相机越好，照出来的照片越好。果真如此吗?见鬼，当然不是了! 事实是你可以用一个简单的消费级傻瓜DC拍出一张伟大的照片，也可以用最贵的DC拍出一张垃圾照片。漂亮的照片不是相机搞出来的，而是摄影师搞出来的。只要有一些拍摄方面的知识，再加上不断改进的愿望，你可以用你的小DC拍出能登上时代周刊的大照片。 为了帮助你在成为伟大摄影师的道路上快步前行，这里送给你10个技巧，它们会让你即使不花大价钱买昂贵的设备也能像专业人士一样拍照。 1.暖化你的照片 你注意过有些时候你拍的照片有一种冷冷的感觉吗?如果答案是肯定的，那你并不是孤独呵呵。DC的默认白平衡设置是“自动(auto)”，虽然在大部分情况下都是适用的，但有时候却会让景物太“冷”了。 当你拍户外景物的时候，特别是当阳光充足时，试着把你的白平衡调到“多云(cloudy)”那一档。对，就是“多云”那一档，这个变化跟在你的镜头前加一个暖色滤镜的效果是一样的。它使得照片中红色和黄色的更加丰满，从而暖化了这张照片 图1a是在一个山区拍摄的，白平衡设置在“自动(auto)” 图1b 同一个场景，我把白平衡换成了“多云(cloudy)”，同时把一副Costa Del Mar太阳镜放在了镜头前(佳能PowerShot S200,程序模式program mode) 如果你不相信我，那就试试吧。在户外分别用自动白平衡和多云白平衡拍两组照片，然后在你的电脑上对比着看，我猜你一定会喜欢看上去暖洋洋的那一组的 2.用太阳镜做偏振镜
最新发布
详细解说奔驰汽车广告设计教程
我们要告诉学生们设计是如何从“联想”开始idea-office在课程内容上一直提倡设计从“联想”开始，而不是盲目地去设计，下面把我们网页设计提高班学员作品总结成教程与大家分享。这一节课程我们的主题是互联网广告设计，我们拿出一个奔驰汽车来作为我们的广告主题进行创作。当然我们只是用来教学没有任何商业目的，广告语都是来源于网络。广告的要求是--广告语：驱动天下超凡上市 奔驰运动型轿车按钮：免费试驾广告大小：950x120像素广告模拟投放位置：新浪网星座频道中间通栏内容要求：有奔驰logo、奔驰汽车图片、有一定的运动感、要大气与奔驰汽车高端品质有关一.从哪入手
时尚封面女郎杂志封面设计教程
随着摄影知识的普及，“色友”们的摄影技术越来越好了。但“智者千虑必有一失”，再好的摄影技术也无法避免“废片”的出现。幸运的是，在数码时代，我们可以通过后期的图像处理来对照片进修修复和美化，从而达到“变废为宝”的目的。今天笔者就教大家这样一个实例，通过可牛影像的背景虚化、一键亮白的等功能对一张背景凌乱的MM照片就行修复、美化，并将其打造成时尚杂志的封面。先看一下原图和效果图，如图01所示。图01 原图和效果图第一步：运行可牛影像，点击“打开一张图片”按钮，打开一张美女照片，如图02所示。图02 使用可牛影像打开一张照片第二步：虽然MM很漂亮，但照片的背景太过凌乱，基本上相当于“废片”，需要我们对其进行修复。执行“照片编辑→背景虚化”命令，如图03所示。选择“原画笔”，调整好画笔大小，将人像擦出。图03 可牛影像的“背景虚化”功能如图04所示，是执行“背景虚化”前后的效果对比图。
产品使用说明书设计教程
你有一些东西需要向别人说明或解释？不要说出来，而是展现出来！你是否曾经在看着电视机的说明书时感觉如堕云雾?是否曾经看到很多产品都将操作步骤只是归纳为一张复杂的表格?其实人人都有过这种痛苦的经历。就算说明书中所用的语言清晰易懂，但我们还是不知道如何做。我们活在一个视觉体验的世界里，你要将一些指引准确清晰地传达给别人，需要运用到视觉语言。进入论坛参与讨论: http://www.missyuan.com/viewthread.php?tid=420157我们通过图片来讲述。为了让你的产品使用说明人人都看得懂，首先我们先要按实际产品的照片来画一张矢量图。这张图可以让你将各个元素迅速地安排或重新组合。也只有画了这张图，你才可以从很多细节中解放出来，你可以提取重要部件元素、改变位置、重点强调某一细节，而且出来的效果仍然能够保持清晰干净。说这些还是没有什么用，我们看图吧!从照片开始要设计出色的产品操作示意图，准备一部相机是必不可少的，因为我们很多示意图都是根据拍出来的照片来描绘的。
Photoshop制作矢量风格海报封面效果
1. 打开原图 复制图层(养成好习惯)复制图层有利于后面的校对或者图片做坏了能恢复.保底作用.抠图: 介于换背景的方法有很多,每个人习惯也不一样,用你自己常用的方式抠换背景磨皮: 用仿制图章工具或修补工具 祛斑 瑕疵 ! 然后根据图片适量磨皮!不磨皮也可.液化: 由于人物的头部不完整,我们可利用液化工具把头适量的液化回去哦.
教你用Photoshop两步制作Google
图1 2、对“Google”文字图层应用“阴影”及“斜面和浮雕”两种图层样式，基本设置可以参考下图： 图2 图3 最后我们就得到了一个形似Google的Logo。当然，我们只是通过这个例子学习Photoshop最基本的知识，Logo只做到了“形似”，远未达到“神似”。 图4 我们再给Logo偷梁换柱，改成“Coogle”，可以用来忽悠一下朋友，开开玩笑。注意：我们只是通过例子学习Photoshop的一些基本知识，在学习过程中切勿侵犯商标持有人的权利。 图5
PS与ImageReady打造动态Logo
建造个人网站时，设计精巧、富于动态的Logo总是能为网页增色不少。也许有的朋友见过Logo周围有一圈细细的虚线围绕着Logo缓缓蠕动的效果，没有见过的朋友请看这里：下面我就和大家一起来探讨制作这种蠕动虚线框的一种方法。 运行你的Photoshop，打开你制作好的Logo文件。什么？如何制作Logo？这可不是几句话能说得清的，而且不是本文的讨论内容，读者朋友可以参考相关资料。需要强调的一点是，Logo的标准尺寸是88×31像素。本文中为了让大家看得更清楚，笔者使用了一幅较大尺寸的图片（如图1）。 （图1） 1、扩大画布的尺寸。 打开Logo文件后，该图像只有一个背景图层，由于我们需要它的轮廓，所以不能直接在该层上扩展画布。在Layers面板上，双击Background图层右侧的空白区域，在弹出的对话框中单击OK按钮，即可将背景图层转换为普通图层Layer 0。双击图层的名字，将其命名为“Logo”。按住Ctrl键单击面板底部的新建图层按钮，在“Logo”图层下面新建图层Layer 1。然后选择菜单命令“Image→Canvas Size”，在对话框中将长度单位改为Pixels，勾选Relative复选框，Width和Height均增加40像素，Anchor保持默认的中间位置（如图2）。 （图2）
Photoshop做沙土质感及风化的LOGO
2.先来在标志背景上制作一个带有石灰成分的泥沙灰土的效果，新建图层1，将前景色跟背景色恢复默认设置，并用背景色填充图层1，再执行菜单-滤镜-渲染-云彩（图1）。 3.执行菜单-滤镜-艺术效果-调色刀，将描边大小设置为5，线条细节跟软化度设置为1（图2），这样处理会使将来的沙泥有比较强的凹凸感。 4.执行菜单-滤镜-渲染-光照效果，光照类型选择“平行光”，并将其中的兰色光源删除，设置如（图3）。完成后如（图4）。可以看到通过光照后，沙泥基底的层次感也就愈加明朗了。图3 图4
购物商场 LOGO 制作解析
1.我们用矩形工具绘制一个矩形。2.按Ctrl+T，右键单击选择“扭曲”把调节接点使矩形变形,得到如图所示的形状 3.双击图层打开图层样式对话框, 按下图设置其参数：4.按Ctrl+点该图层，得到该图层选区。选择顶部菜单中“选择->修改->收缩，设置值为3像素5.新建一个的图层,用黑白渐变填充
Photoshop 制作金属质感图标
第一次写的教程，很多地方言语表达不清，有哪里不足，望能谅解！先看看效果图：一、新建一个300x300象素的文档，填充黑色背景色。二、新建一层画一个这样的形状如下图：（形状按个人喜欢去定义，一开始做的话用圆形更为合适） 填充渐变；（不要取消选择）三、复制形状那个图层,然后缩小到80%；拉个垂直黑白渐变；如下图：四、复制第三步的图层,再然后缩小到90% ,填充颜色（#3E8111）；如下图：
Photoshop制作msn水晶图标
先看看效果图：一、新建130x130文档72px二、画一个圆制作头部，填充颜色#78B00A；如下图：三、复制第一步的层，ctrl+t 自由变换，高度和宽度设为95%，设置渐变颜色，如下图：再设置图层样式；如下图：拉个径向渐变，如下图：