推荐阅读
(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.用太阳镜做偏振镜
最新发布
Photoshop制作梦幻霓虹灯管字效果字体设计教程
这款原创教程比较详细的解析photoshop在不使用任何三维软件协助的情况下，如何绘制灯管效果，难度不大，适合一些新手，当然也欢迎老鸟交流，互相学习。先看看效果图我的基本思路就是利用Photoshop自带的工具，在没有三维软件的帮助下，快速的画出灯管效果，说白了就是在Photoshop里画出灯管的体积，光效，投影等。由于灯管的造型相对简单，光效也比较容易模拟，所以在ps中完全可以画出还不错的效果。当然你要是觉得还是三维软件做出来效果更好，那我也没得反驳，但是在ps中做的话，无疑速度更快，更容易，也方便于调整。闲话不多，我们看一下完整的预览gif后就开始步骤了。首先我觉得，这种灯管效果其实背景很重要，需要选用一些比较有质感的背景。由此，下面两张图进入眼帘。调整background1的饱和度为-100，并且不透明度调整为40%
使用Photoshop渐变映射工具制作单色艺术效果的图片
对比图对比图对比图1、打开图像，执行渐变映射命令，这时候你会发现是这样子的渐变映射2、双击渐变条，会出现渐变编辑器，再双击渐变条白色右下方按钮，如图双击渐变条接下来会弹出拾色器，选择#1fceff，点击确定，效果如下
PS网页设计：制作游戏网站专题页面图片教程
教程重点是网页头版的设计，需要根据客户的要求确定好页面要表现的内容；然后搜集相关的素材，根据自己的创意发挥，把画面做得绚丽，有视觉冲击效果即可。最终效果 既然主题”全球争霸赛“很明确，那我们就可以围绕这个去进行专题的构思了。首先，还是在脑海里想象下所要打造的一个大概的场景。 各路英豪争夺全球第一，反映到游戏中自然也就是各门派的英雄去争夺武林盟主的感觉，可以把英雄围绕四周，中间放一个类似奖牌的物品，那么大致的场景及场面基调也就可以定下来了。我们还是先提炼一下关键词。 根据联想到的这些关键词我们就可以进行素材的搜索啦。这个页面用的主要是游戏内提供的人物和场景原画素材，外部素材没有到太多，我这里只罗列一下所用到的游戏内部的素材。一、我们开始打造场景。
国外黑白灰的低调大气网站设计欣赏
黑白灰的经典配色是永恒不变的教父级色彩，也是含蓄内秀的典范。今天继续第二弹，18个优雅的黑白灰配色网站，同学们也可以拿来作为网页设计时色系风格的参考。CREATIVEPARKLaurent Perez Del MarAlexander EngzellHOCHBURGPlain
30款木质纹理网站设计欣赏
thefarmerandthechef.comstuds-up.comtearoundapp.comlemonfestival.comdawghousedesignstudio.com
25个国外优秀的教育类网站设计欣赏
全世界的教育机构成千上万，那么这些教育机构的网站会是怎样的呢?在买猪肉的时候啊，我们都知道，有蓝戳戳的肉才是合格的、有质量保证的肉。在招生领域，一个高质量的网站就像那个蓝戳戳，能提升家长和学生的信任度。网站不仅可以供学生查找信息，还能帮助家长监督学校的教学，可谓是好处多多啊。今天我们为大家搜集了25个精美的教育机构的网站，其中大部分是大学和高等教育机构的网站。希望我们这次的收集能为正在做教育类网站的你带去些许灵感。Biola UndergradUniversity of Texas ArlingtonTrinity UniversityDenver Seminary
精选版式过人的体育运动网站设计欣赏
在体育类网站中如何表现运动激情、合作的意识、坚持的精神等等，都非常值得用心钻研。今天分享一组优秀的体育类网站，无论是图片的选择、构图还是版式设计，都有值得学习的地方，直接收。National Basketball AssociationBoston HoopsSalomon TrailtourNational Football LeagueWatching the World Cup
设计师突破固有思维的优秀网站设计欣赏
一成不变的布局方式、相同图库的素材、标准化的原型流程…… 如果你已经习惯了这些抑制创造力的行为，不妨看看今天十萬個為什麽带来的这篇Smashingmagazine 译文，附上超多创意窜天的优秀案例，喜欢的朋友一起来欣赏吧。网页设计是否丧失了灵魂?这是否要归咎于响应式设计呢?我的朋友兼同事Noah Stokes提出了这些问题，不得不说是有点耸人听闻。毕竟，响应式网页不仅能让我们通过日益丰富的联网设备浏览网页，还能感受其乐趣。作为设计师，我们的首要任务是解决问题，这可能远远超过其他的事情。响应式网页设计是一种绝妙的解决方案，能创造出适应各种设备的虚拟体验。但仍然有许多问题亟待解决，尤其是如何让各种内容都有趣迷人。一页纯文字可以成为一篇优美的博文，一大堆无关联的JPG图片可以成为一部专业的作品集。然后，问题就变成了：我们能同时实现两者吗?我们所获得的毫无疑问，网络已经成为一个美学胜地。基于可靠的网格布局，构建简单迷人的网站，已经成为一种标准。互联网的垦荒已经完成，以框架和活动栅格形式出现的律法与秩序，已经掌管这片土壤，开始了和平的统治。所有这些都是好事。简单迷人的网站，优势显而易见且丰富：熟悉，便于用户浏览(操作正确的话)。原型设计(相对)简单快速。建站技术的高度标准化(流水线取代了工匠)。
令人感到亲切的Hello主题网站设计欣赏
几乎每个网站都有自己的Slogan或者说口号，作为网站的定位和价值观输出的一部分，它们常常拿来作为网站欢迎访客的问候用语，是网站首页设计的重要组成部分，也是完善打开体验的重要手段。虽然我们更习惯使用图片和视频来强化网站视觉，但是用精心设计的短句和问候语会显得更加亲切也更富于仪式感，所传递出的信息也会更加清晰。在这种思路下，许多网站选择只使用最简单的Hello，来同网站访客进行问候。今天，我们搜集了一系列网站来为你展现其他的设计师都是如何向网站访客问候“你好”的。这些网站大都倾向于营造友好的氛围，以优雅而平易近人的姿态来传递情绪，这样一来，即使是一个简单的 Hello 都可以承载设计师的拳拳善意。接下来，我们一同看看这些案例。Pixies Agency这类网站通常有着大气的布局，就像Pixies Agency这样。黑色的背景可以看到城市的天际线，白色的文字在映衬下显得非常显著，加粗的 Hello 传递出设计者的意图，给人沉稳而对等的感觉。整个网站仿佛自带BGM。Michael Villeneuve和前一个案例不一样，Michael Villeneuve 显得更加优雅细腻，虽然整体色调同样采用了黑白对比。漂亮的图标、线条感十足的字体让页面充满了现代感，尤其当网站的语言采用优雅的法语的时候，这种感觉更加明显。Kalexiko
那些有趣的作品展示网站设计欣赏
设计个人作品展示页的时候，我们常常因为缺乏创意而着急挠头，那么如今最先锋、最好玩的展示页都是怎么做的呢?今天一起看看这些令人脑洞大开的设计吧。作品展示类网站绝对是大家最熟悉的网站类别之一，不仅仅是实际需求多，而且对设计师而言，展示个人作品也是常见需求。新技术的加入让网页设计和艺术之间的界限越来越模糊，这也是为什么许多设计师的个人作品站开始越来越富有后现代的美感了。在这个“后可用性时代”，艺术和可用性之间的关系越发的微妙，而这种关系在各类作品展示站上表现的相当明显。作为设计师的展示作品的平台，这类网站通常在艺术上显得更为先锋，在技术的选取上也颇有想法。所以，当你开始研究这些优秀的作品展示站的时候，不妨从它们的美学特征开始着手，再研究其中CSS和HTML代码的运用。FABIO ROCHA让我们从Fabio Rocha 的作品站开始吧。这个网站设计并不复杂，设计师并未固定页面宽度，但是排版和图片素材的处理都相当的用心。整个网站最值得学习的是黄色的运用。K LOGICK Logic 是一个营销公司的展示站，网站按照项目被划分为不同的色块，而网站语言则是英文和希伯来语混用。虽然这类“盒子式”的网站布局往往显得单调，但是K Logic 则展示出这类网站同样是可以做的足够漂亮的。GORAN FILIPOVIC