推荐阅读
(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鼠绘基础教程--学会绘制人物鼻子
本教程是继上一节的教程:鼠绘基础教程--学会勾画人物轮廓,后鼠绘人物鼻子的教程,这一系列教程基本上都不需要什么鼠绘基础,作者已经非常详细的把方法和对照图及一些常识都写得非常详细。制作的时候只要稍微多练习一下就很容易上手! 1.打开一长参考的素材图经过对比度的调整即卡观察光线的敏感对比 2.下面是我们自己的面部轮廓以及鼻子部分的路径:3.将目标图片的明暗对比关系叠加到自己的脸上来(老师,这是不是叫二皮脸啊),喷血中。。 4.建立鼻子地选区,羽化5个像素(这样柔和点)。 使用减淡工具擦出高光来,暴光度调到20左右,(有选区在就不会擦到外面的地方啦 5.取消选区,擦亮鼻翼部分的高光/阴影,以及鼻孔(这一步是有点难度的,也许你要擦上几十遍才能达到满意的效果把,努力把,记得保存下文件先。)这里要用到加深工具进行加深,反复使用加深/减淡工具到达满意的效果。
Photoshop鼠绘基础教程--学会绘制人物眼睛
本教程主要是介绍眼睛的绘制方法,制作的过程中需要反复修正,一定要坚持,直到能绘出自己满意的效果。 最终效果 1.我们先来分析下眼睛的结构,先看下眼睛路径画法 2.加深减淡工具,擦出高光以及阴暗区域,这些过程没有任何技巧可言,都是反复的擦来擦去,得到满意的效果,最终效果如下3.剩下的就是瞳孔部分了新建眼睛图层,画个圆形选区填充颜色,眼睛想要什么颜色的你就填充什么颜色.然后缩放选区并酌情羽化,新建图层填充黑色效果如下 4.选择大圆-用加深工具将四周加深,上方加深到黑色,下方使用减淡工具擦出高光区域(减淡工具范围选择高光,切记)
鼠绘逼真鼠标
6.新建一个层,图层2,用钢笔工具钩出鼠标个分割部分的的线条,转成选区并以黑色填充。(图3) 7.用橡皮擦工具,调整压力至20%,将刚才的黑色线条的受光部分擦得淡一点,(这样是为了使鼠标看上去更有层次感)。然后双击此图层面板中的图层2,在弹出的调板选项中作如(图4)设置。 完成后效果如(图5)。 11,同样用模糊工具处理边缘,方法同上面的一样!(图9) 12.在图层2的上面新建一个图层,用钢笔工具钩出鼠标的暗调面,用画笔工具涂,涂时将透明度调到30%左右,笔触调至100左右,涂时同样注意层次,涂好后同样用模糊工具处理!方法同上。(图10) 13.在此图层的上面,在新建个图层,用选区钩出鼠标的侧面部分,转成选区,用较淡的灰色涂,同样注意层次,涂完还是用模糊工具处理,效果如(图11) 14.最上层的图层上再新建一个图层,沿着鼠标按键的棱角出用钢笔钩出一个转角处的路径,转成选区,用白色填充,然后用模糊工具处理成如(图12)的效果。
PHOTOSHOP绘作逼真蕃茄
4.画个大椭圆,羽化20,反选,增加亮度30。 5.取消选择后,用加深和减淡工具处理周边,上面和两边减淡,底部加深。使用加深和减淡工具的时候,需要不断的尝试,这时最好给图像做个历史快照,或是复制一层来做,这样便于修改,涂抹时次数是很多的,不一会就数十次了,在历史记录中可恢复不了。 6.蕃茄有几个瓣,现在来做这几条陷下去的纹。画个椭圆,用选择-变换选区旋转和移动到适合的位置,羽化1,在凹纹的位置用减淡工具檫。 7.反选后用加深工具檫。 8.同样方法做出余下的陷纹。观察整体,再对局部作一些加深增强立体感,可加轻微杂色,数量约1。 9.给这个层命名“蕃茄”,新建一层,在上部画个小椭圆,羽化3,填充灰白性线渐变,将图层模式设为“颜色加深”,作为蒂部位下陷的暗调。向下合并到蕃茄。 10.新建一层,命名“茄蒂”,用钢笔仔细钩出蒂的形状,填充绿色(46/77/27)。 11.绘画实物时,离不开我们的好帮手――加深和减淡工具。刚接触时,我也是极为头痛的,它们不象图层样式那样,调节参数就可以得到效果的,不容易掌握。但只要经过耐心的练习和尝试,你会发觉它们实在是可爱极了。处理茄蒂时可用钢笔辅助钩出叶瓣,也需要载入茄蒂的选区,用轻移、旋转、羽化、反选等动作来得到我们需要的工作选区。完成后加杂色1.5%。
Photoshop鼠绘酒杯
3、在这里需要使用Radial Gradrent(径向渐变工具)来拖拽出一个浅蓝色到深蓝色的渐变,当然这个颜色要稍微亮于刚才勾画出的深色底层,不然就没有对比度可言了,记住在制作渐变之前需要新建一个图层,效果请参见图片003。我们先从杯子最上边的口画起,首先在工具条中选中椭圆形选择工具,然后点击菜单条中的View菜单,在下拉菜单中选中Show Rulers(显示标尺/快捷键为Ctr+R),点住标尺左上方0度前的位置拖拽XY轴坐标线,找准杯口的最上方与杯口的最左方交叉点,松开鼠标但不要移动,紧接着点击用椭圆工具拖出一个合适的椭圆形选择区。 4、杯口是由一圈高光和一圈深色组成的,那我们只需要利用刚才的椭圆选择区描边两次就可以了,首先新建一个图层,选择前景色为比较亮的浅蓝色,然后点击菜单条上的Edit,在下拉菜单中选择Stroke(描边)这一项,在弹出的面板里将边线的宽度定为1即可,模式为正常,透明度定为100%,设置完成后点击OK。点击图层面板右上方的小三角,在弹出的菜单里选择Duplicate Layer(复制图层)这项,这样一来就出现了两个杯口高光的图层,用鼠标选中上边的那个图层,在图层面板上Lock选项中选中第一个单选框Lock Transparent Pixels(锁定透明图像部分),选择前景色为深蓝色,然后点击菜单条中的Edit项,在下拉菜单条中选择Fill(填充),这时会弹出填充调节面板,填充对象选择ForegroundColor(前景色),模式为正常透明度为100%,点OK确定。在工具条中切换到Move Tool(移动工具),使用键盘上的下光标键↓来挪动一个象素,这时你会发现画面上出现了一个杯子的雏形,接下来我们需要勾画杯子大量的高光与反射。先用Pen Tool(钢笔)工具勾勒出杯子面向我们这一面的中心高光,颜色需要给成特别浅的蓝色,图层的透明度均为15%~20%左右,看个人喜好调节(选中要调节的图层,拖动图层面板上的Opacity不透明性滑杆)。按照上边的方法再做出杯子内壁的高光点,效果请参见图片005。 4、为了使杯子的外壁高光与内壁高光区分开来,所以将图层的透明度定为8%比较好一些。我将杯子主体部分的高光分成了五个图层来画,形状以及透明度均不相同、颜色为浅蓝色,这里是杯子最难勾画的一部分,而且也是最容易混淆的部分。第一层由两个月牙形的不规则形状组成,用钢笔工具勾画出来后,透明度定为20%;第二层由一个月牙形组成,透明度定为60%;第三层为第一层的复制版,自由变形放大、局部边缘羽化而成,透明度也定为60%;第四层由沿杯子主体左右两个边勾画的粗弧线组成,透明度定为30%;第五层由第四层复制而来,但透明度不相同,定为了8%左右。在这五个层生成完毕以后需要在第一个层下方再建立一个新图层,以浅蓝色到透明色的径向渐变生成一个扩散状的圆形,然后使用自由变形(快捷键为Ctrl+T)工具将其改变成为一个椭圆,把它放到杯子的下方,也就是刚才所建五个图层的下方交叉处。刚才几个图层所叠加所生成的效果请见图片006。
photoshop绘制漂亮发饰
五、 接下来再将选区按第四步骤收缩10像素,再提高亮度50,取消选区。(图四) 图四 六、 选择滤镜――纹理――颗粒,颗粒类型:结块,强度:31、对比度:42。(图五、图六) 图五 图六 七、 新建图层二,按住ctrl同时点击刚做好的图层一,得到一个选框,向外描边5个像素,颜色为R:255、G:189、B:61。(图七) 图七 八、 然后应用斜面与浮雕效果:内斜面、大小5像素、软化0像素。(图八、图九) 图八 图九 九、 新建图层三,用钢笔工具勾出S形装饰带形状,变换成选区,填充R:255、G:248、B:188。(图十) 图十 十、 新建图层四,按住ctrl同时点击刚做好的图层三,得到一个选框,向外描边5个像素,颜色为R:255、G:189、B:61、两头与发夹主体部分接触的地方删除(特别是描边要删掉),使其衔接自然。(图十一) 图十一 十一、 然后应用斜面与浮雕效果:内斜面、大小5像素、软化0像素,具体设置参看图八(图十二) 图十二 十二、 新建图层五,用圆形选框画一圆,填充R:255、G:189、B:61、应用图层效果,样式:内斜面、深度:730%、大小4、软化0。(图十三、图十四) 图十三 图十四
Photoshop鼠绘手机教程
今天让我们来一步一步地手绘手机。其实所有的鼠绘图都是一样的,过程和步骤看上去都比较复杂。但是如果我们认真的去看去观察,我们都能把它们表现出来,久而久之,就熟练起来了。教程中有不足的地方,请大家多多指教。 1. 新建一图层,画出手机的大体形状来。要注意,用钢笔工具的时候,用线方向要的线条尽量圆滑一些,这样填充出来的效果会更加圆滑流畅一些。 图1 2. 我们画出每一个面,把各个部分都单独建立图层,这样我们等下就可以逐个地对它们进行编辑了。用钢笔工具勾线时要细心一些。 图2 3. 到这一步,我们已经把各个部分都勾画出来了,接下来就是更关键的部分——绘制明暗、表现质感了。我们需要用到加深减淡工具以及样式。样式是一种非常快捷好用的工具,各位初学PS的朋友一定要多加练习一下。不论是以后做字体还是做一些特殊效果都会派上大用场。 图3
PS鼠绘:晶莹玻璃盘与清甜哈密瓜
炎炎夏日,我们用Photoshop来画一道清凉的水果甜点——清甜的哈密瓜盛在透明的玻璃盘里面,光是看看也觉得凉快不少吧? 下面是最终完成效果图: 2.将选区储存为ALPHA1。取消选择,双击“瓜皮”层,选择内发光:混合模式为正片叠底,不透明度85%,颜色66/82/36,大小8。(02) 3.在背景上新建一层,将“瓜皮”层向下和这个空图层合并变为普通层,用钢笔钩出上半部不要的部分,删除。这部分是瓜肉,可不要钩得太光滑了。 4.用橡皮檫修整瓜皮的左边,再用加深工具涂抹,添加2%杂色。