推荐阅读
(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处选择绘制好的脸部,填充合适的肤色(C0、M8、Y10、K0),肤色亦可根据人物的个性及周围的环境来设置。然后按下F12键,打开“轮廓画笔对话框”,将“轮廓颜色”设置为(C55、M90、Y100、K10)[注:个人习惯 ],将“轮廓宽度”设置为0.5mm,勾选“置于填充之后”与“按图像比例缩放”(这样做的好处就是,当我们将图形进行缩放时,轮廓宽度会随着图形进行更新)。设置轮廓后的效果如下图所示: 这样看起来,线条显得有些僵硬,不够灵活。 我们可以继续在“轮廓画笔对话框”中进行如下设置: 找到“书法展开”,将其设置为最小值1(也就是说,线条最细的时候的值可达到1)。然后将“书法角度”设置为30度(意思就是:当轮廓与垂直线呈30度时,线条的值可达到1),当然“书法角度”可根据图形自由设置。
Photoshop鼠绘流泪女孩
作者巧妙的构图加上一点动画点缀,一副简单的画面立刻就多了一份生动!教程写得有点简单不过都有图片参考! 最终效果 1.先勾出大体的轮廓 2.用钢笔勾出头发与衣服(画笔大小:2像素)勾出头发后保存选区3.接下来勾出手的轮廓
Photoshop轻松绘制逼真MP3
(1) 打开新建对话框,设置名称为手绘MP3,宽度800像素,高度600像素,模式RGB颜色模式。这个步骤很简单,就不截图了。 (2) 单击钢笔工具如图(1),勾画MP3出大的形来。大家可参考最终效果图进行勾线。够线时需要注意各个转折面的节点,尽量画的准确些。这样对后面编辑时不会带来不便。 (3)将勾好的线框变为选区(快捷键CTRL+回车键),并填充灰色。让图形和背景区分开来如图(2)。
Photoshop绘制精美显示器
笔者今天演示是的是显示器的绘制过程。这个教程比较适合初学手绘效果图的朋友,希望通过这教程能够给大家带来些帮助。教程不够详细的地方希望给予指出。先来看看最终效果图: 图(1)首先选择文件>新建(CTRL+N),在对话框里设置参数(如图1)所示。 图(2)新建一图层,用钢笔工具勾画出显示器的大体形来,在勾画过程中要注意钢笔工具节点的运用,鼠标对准线,右击选择添加和删除节点,如图(2)所示。
Photoshop鼠绘教程:酷酷军刀
笔者今天演示是的是军刀的绘制过程。这个教程比较适合初学手绘效果图的朋友,希望通过这教程能够给大家带来些帮助。教程不够详细的地方希望给予指出。希望我们能够共同进步。 先来看最终效果图:(上图可点击放大) 图(1)首先选择文件>新建(CTRL+N),在对话框里设置参数(如图1)所示。 图(2)新建一图层,老规矩用钢笔工具勾画出军刀的大体形来,在勾画过程中要注意钢笔工具节点的运用,鼠标对准线,右击选择添加和删除节点,如图(2)所示。 图(3)在勾画好外形后按(CTRL+回车键),得到选区后填充灰色作为军刀的底部颜色。如图(3)所示。
Photoshop手绘嘴唇的详细讲解
本教程详细介绍嘴唇的鼠绘方法,从嘴唇的构造开始教程非常详细的介绍美一个部位及每一种嘴唇的绘制方法,非常实用如果你想学鼠绘应该学习! 1.嘴唇的构造 2.嘴唇的比例3.嘴唇的方向、角度、形态 4.嘴唇的各种姿态5.各种风格的特征 6.绘制步骤
Photoshop鼠绘基础教程--学会勾画人物轮廓
一 画前准备 不知道诸位看官对一些插画专业人士是否了解,例如:非墨、陈淑芬、平凡、张雅涵等等,大家可以百度下他们的作品,都很经典,也都是唯美风格,个人比较喜欢,要多多搜集类似的插画作品,仔细观察其绘画技巧,多多临摹。其实大家不要认为临摹别人的作品是不光彩的事情,无论哪位伟大的画家开始不也都是临摹别人的作品,学习对方的技巧然后形成自己的风格吗。能把“蒙娜”小姐临摹到及至那你就是高手中的高手了。 在下绘制一幅作品所需要的原料有:一张照片(脖子以上就行),然后从自己收集的图片中寻找一张合适的出来进行初步合成。然后取出线条轮廓进行绘制,这样可以解决没有美术基础把握不好轮廓的问题。然后在按照常规来绘制作品。教程将通过下张作品来进行实战说明。 所需要素材:照片一张、目标图片一张。要注意两张图片内人物面部角度要一致,吻合度最好达到70%以上。 新建画布设置大小为25x30厘米 150像素/厘米 (电脑配置好的画布可以设置大点.差的就小点.后期动一下就要等半天的哦) 将照片置于目标图片上,设置透明度为50%(友情提示:透明度快捷键---小键盘数字键) ctrl+t 进行旋转或者缩放调整到合适位置,使其重合度达到70%以上,如果达不到那就换一张照片或者目标图片。
Photoshop轻松打造至酷iPod Nano
炫酷至极的iPod Nano II 一经发布就吸引了无数人的眼球。今天我们就来通过Photoshop,绘制一款精美的iPod Nano。 1、打开Photoshop,新建一个文件 3、新建一个图层,沿图层1选区两边画黑边,执行高斯模糊,图层正片叠底。 5、将两个白色矩形进行高斯模糊
我心飞翔!Photoshop绘制精美风筝
风筝的历史非常悠久,起源于战国时期。如今,潍坊已经是世所公认的“世界风筝之都”。下面就让我们一起来绘制一个美丽的风筝吧。最终作品效果图 1、首先,打开PS新建一个文件,28.22厘米×28.22厘米,分辨率为72。然后就是用钢笔工具把风筝的外面的大体轮廓勾画出来,在路径面版中保存此路径,以备将来改动方便。在图层面版中新建一层填上颜色。因为风筝是中国的一种传统民间艺术品,所以色彩上觉得都是运用了比较传统的色彩。在这里填充了一种淡粉色。RGB值为:R:246 G:198 B:198。图1 使用港币工具勾勒轮廓,并填充淡粉色 2、把风筝身体的图层点蓝,用CTRL+鼠标点击此图层获取它的选区,再新建一层,执行编辑-描边。弹出对话框,宽度为1个像素,位置为居中。图2 点蓝风筝身体的图层
Photoshop打造质感手机
本教程的重点是如何利用图层样式命令制作手机外壳质感的方法,其中部分步骤从略。由于是前些年的学习作品,有些步骤难免不成熟,参数的设置也许不到位,让大家见笑了。下面大家就一起来学习吧! 首先我们来看看效果图:(图1)1、新建文件,为了方便操作,背景设置为黑色,分辨率设为200。 2、绘制手机外型,建图层一,用矩形工具绘制手机外型,用(K:80)的灰色填充。执行纹理化命令后如图:(图2) 3、调出图层一的选区,运用收缩命令,缩小选区,用黑色描边。如图:(图3) 4、反选选区,执行图层―新建―通过拷贝的图层命令,建图层二,加上图层样式后如图:(图4) 5、建图层三,绘制椭圆,用(C:60 M:50 Y:45 K:15)填充。将透明度设为50%,加上图层样式,如图: