推荐阅读
(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.用太阳镜做偏振镜
最新发布
新手成长为高级设计师要经历的三个阶段
本人有幸能观摩了2016年上半年腾讯设计通道的晋升过程，受益匪浅。经过亲眼观察设计大神们的评审，不禁反思自己平常的设计过程中不足之处，本文为现场笔记整理，分享以共勉之。注：D族通道是指“Tencent Design腾讯设计通道”，设计通道成立于2006年，隶属于腾讯职业发展通道设计族(简称TDCP or D族)，致力于腾讯设计专业培养及公司设计氛围提升。日常主要工作包括助力员工通道晋级(制定晋级标准、组织晋级培训、认证培训课程)、促进设计骨干交流(组织外部考察、课题沙龙、设计峰会)、组织专业深度专业培训(专家课程、大师课程、腾讯学院课程)、传播设计文化(设计展、设计公益日、设计论坛)等，并积累建立起通道数据中心，服务于公司各项设计相关工作。腾讯设计通道是助力设计师成长的重要平台，在2016年9月举办了第一届TDW(腾讯设计周)，为设计师提供一个分享行业趋势，相互交流和提升的平台。台上一分钟，台下十年功，通过这次经历让我觉得平常的积累和思考才是最重要的，“高级”是对设计师能力的一种认可和肯定，但是更重要的是能够真正将高级设计师的水准和能力在平常的工作中体现出来，为团队带来价值。古人说，有三种境界：看山是山，看山不是山，看山还是山。经过这次评审，收获最大的莫过于对于这句话的理解。抬起头，从画稿的过程中释放出来，换个角度看待自己的工作，喃喃地问自己一句：设计的本质是什么?每个人心里的答案都可能不一样，包括我自己。第一层：设计的壳设计的壳－我们的设计作品笔记1：有的面试者在阐述方案时讲了很多自己的想法，可是在方案中没有看到太独特的创新性，评委就会提问并且希望看到能够体现创新的Demo，平常的设计中也需要注意这一点，好的设计需要创新，而Demo是相对好的表达方法，能够熟练运用动画软件制作Demo应该是设计师的必备技能。笔记2：在公司有很多团队都在尝试新产品的研发，有的成功了，有的很快就死掉，如果做一个新项目，不仅仅只是考虑它的拉新，应该在产品框架和设计亮点上多多考虑它的留存和活跃策略。在日常设计中，我相信每个设计师都有这个阶段。从新手设计师到能够熟练的完成交给我们的需求任务，我们沾沾自喜的是无比纯熟地完成一项设计任务。对，保留主谓宾，“我们完成任务”，而不是“我们完成设计”。
详解设计师如何快速提升版式设计水平
学习版式设计就是学习如何处理信息重点，因为在任何设计中，最重要的信息需要首先被注意到，然后是次要信息。下面介绍几种适用性强的区分层次的手法给大家。在开始设计之前，关键要先梳理好哪些是重点信息，哪些是次要信息。接着就是要讲重点放在什么位置，是标题，内容，还是图片。这些信息的重点就是版式的层次结构。一旦确立好层次结构，接下来就是靠常用的视觉形式来处理即可，例如通过字距，笔画粗细，颜色，以及字体等等。方法如下：1. 添加垂直空白空间在标题的单行或更多距离上下，将其与其他内容分开，达到强调的效果。2. 利用黑色的浓度这个方法能强调其自身的视觉效果。如轻粗线字体、中等粗细搭配超大字体等。要记住，字号小的粗体视觉上会比正常墨线的大号字显得更加厚重
如何制作雷朋风格人像封面的Photoshop设计教程
雷朋风格用色是非常艳丽的，几乎都是以对比色为主；如下图，人物调成了冷色，背景用了橙黄色，同时文字也用了暖色，画面冷暖对比强烈；局部配上了一些喷溅等潮流元素，画面非常有个性。最终效果1、用PS打开图片，选择照片中的背景，创建新图层，填充颜色为黄色。2、将”背景”图层复制，放到原背景图层的上方，如下图所示。然后图像->调整->阈值 阈值色阶60 结果如下。3、现在使用魔棒工具选中图层的黑色部分，填充为深紫色，反选选取，删除掉图层的白色区域，混合模式为”色相”。
用PS设计海鲜促销海报的电商海报设计教程
本文介绍海鲜海报制作的一些思路。重点要把产品的特色展示出来，如下面的鱼肉，用简单的绿色树叶作为衬托，再加上一些喷洒的水花，让产品看上去非常新鲜和细腻。最终效果1、新建文件。打开PS软件，按Ctrl + N 新建文件，尺寸为1920 * 600像素，分辨率为72像素/英寸，点确定。2、填充背景色。点击前景色设置为暗灰色#121212，然后在工具箱选择油漆桶工具，在背景上点击一下填充颜色。3、打开树叶素材。把下面的树叶素材保存到本机，然后用PS打开。
PS设计制作波尔卡圆点效果海报图片的漫画人像海报设计教程
海报制作比较简单，只要通过教程就可以完成，其中会涉及到抠图，同学在抠图的时候要有耐心，还等什么，快来根据教程来给自己的爱豆制作一款专属于她的海报吧，相信你会更有动力去完成噢。本篇教程通过photoshop制作一副波尔卡圆点的海拔，这个类型的我们制作过，这次是拿大幂幂的照片来制作，是不是很兴奋，海报制作比较简单，只要通过教程就可以完成，其中会涉及到抠图，同学在抠图的时候要有耐心，还等什么，快来根据教程来给自己的爱豆制作一款专属于她的海报吧，相信你会更有动力去完成噢。效果图：操作步骤：首先将图片素材拖进ps里，ctrl+j复制一层。对，没错!是大幂幂!你们不是老问我为什么素材不是大幂幂么，现在来啦：然后将人物抠出来，我用的是快速选择工具：
用PS合成铁轨上霸王龙创意海报图片的海报设计教程
随着侏罗纪公园的大伙，恐龙的元素有重新火燃了，今天我们就来合成以恐龙为主的创意海报，希望大家可以喜欢。最终效果1、将铁轨背景拖入文档，用画笔+蒙版工具处理背景图片，如图。2、复制背景图层(ctrl+J)，水平翻转，移动到合适的位置，如图。3、调色处理，如图。
用PS合成二次曝光效果海报图片的双重曝光海报设计教程
本篇手把手教大家如何利用photoshop设计打造大气的双重曝光海报效果，感兴趣的小伙伴可以拿自己的照片开始做一张个人海报吧，效果杠杠的，其实你也可以成为主角。双重曝光已经作为一种常用的表现手法，在许多电影海报中都得到了广泛的运用。从视觉语言上看，这种效果的画面拥有非常独特的叙事风格，十分适合故事的讲述。丰富的画面质感又与叠影的人物或景色融为一体，常常让人浮想联翩。双重曝光效果起源于一种摄影技术，摄影师通过至少两次曝光处理，让一张照片同时呈现多副画面重叠。而现在双重曝光早已不只是简单的图片叠加，更多设计师和摄影师会运用一些正负图形去做更为奇妙的效果，突破想象力的极限。本教程详细阐述了双重曝光的实现手法，同时精简了步骤，力求整个教程通俗易懂，适合ps新手学习，大家不容错过哦。
Photoshop绘制撒着糖豆的美味饼干字设计教程
教程所需要的素材：美味可口的饼干字PS教程素材写在前面的话，本教程原文内容非教程内容的这里会默认去掉。如亲不习惯可以阅读英文教程。最终效果：本人英语水平有限，若有误，欢迎指出。本教程将向您展示如何使用Photoshop的画笔设置、图层样式和调整图层来创建一个有趣的釉面饼干文本效果1、如何创建渐变背景和文本层步骤1：创建一个新的 1000 x 800像素文档,，新建渐变填充图层，左侧颜色 #e8d2d6，右侧颜色 #ddbcc0 ，角度 107，样式 线性(附上PSD画布大小800*640，仅供参考)步骤2：使用字体 Sniglet 创建文本，大小 250像素，可以直接创建整个单词，或单独创建字母，如是后者，请确保将每个图层都放在“字母”组中。
Photoshop利用3D工具制作绿色草地和岩石立体字设计教程
最终效果1、点击下面的背景图片打开大图，然后鼠标右键选择“图片另存为”保存到本机。打开PS软件，再打开保存的背景素材。2、把前景色设置为绿色，选择横排文字工具，在属性栏选择好字体。3、输入想要的文字，如下图。4、选择菜单：3D > 从所选图层新建3D。