推荐阅读
(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速写相声大师马季 鼠绘
马老说走就走了,我们没有什么能做的,就来画一张马老的画像来缅怀他老人家吧,希望他能一路走好…… 先看一下效果: 先用钢笔勾出轮廓 顺着轮廓线勾出头发与脸部的细节 去除初始轮廓线,勾出鼻子与耳朵 接着用钢笔勾出眼睛,注意马老的眼睛比较小一些。
素描原理在PS鼠绘实物中的应用
经过一个暑假,发现坛子里新人不少,也出现了很多不错的鼠绘作品。但是,仔细观察了之后,发现其中的作品也是有蛮多地方值得思考的。因为做图的时候,我们总是希望越接近实物越好。但是,绘画的过程中,发现其中有许多地方存在着漏洞。其中光和影就是一个很大的不足,产生问题的,也就在于许多玩图的朋友,没有经过专业的美术培训,素描基础不够扎实,所以在鼠绘实物的时候产生了很多问题。现在,让我来开头,大家来一起研究一下在PS鼠绘实物中一些素描原理的应用。 Part.1 素描理论 素描-Dessein,找了找资料,艺术杂志上写的是:素描是一切绘画的基础,这是研究的过程中所必须经过的一个阶段。(看来用PS来绘画,也需要有素描的基础,毕竟这是一切绘画的基础诶) 在素描中,第一要素就是线,素描通过线条来表现物体的形象和轮廓,引起观者的联想。大家都知道,两线一面,三线一体。通过下面的动画我们就可以感觉到线条在展现空间感上的魅力。 Fig.1 我们可以从线条的变化中,得到可以一个具体的的形象。因此,通过勾勒线条的手段,单纯的轮廓勾勒可以发展成精致的作品。同样,我们在PS绘图中,也是通过类似的手段,在一个轮廓的基础上不断添加新的元素,使作品逐渐饱满,然后构成一副精美的PS鼠绘作品。 在素描中物体的三维特性是通过控制明暗的逐渐变化来实现的。明暗也就成了展现立体的另外一个手段。由于光的反射和折射,以及在不同介质上表现出来的不同性质,所以产生了明暗的不同。光源直接照射(也可以说是反光充足)的部分我们称为亮部,光源照射不到的地方(无光或者反光少)我们称为暗部,当然,事物不止两个极端,中间部分我们称为中间调。
photoshop鼠绘美女
这副作品又是一副我觉得挺经典的一副作品。大家先看下最后的效果,怎么样啊?可以吧,我发现我的水平又提高啦。呵呵。下面是这副作品的一个比较简略的教程。希望对大家有帮助。大家要有什么问题可以到我们的CG阵线互动社区去提问。大家互相帮助嘛。呵呵。 最终效果图:
素描原理与Photoshop鼠绘实物应用详解
我们做图的时候常常希望越接近实物越好。但是绘画的过程中还是会发现有许多漏洞。其中光和影就是一个很大的不足,产生问题的,也就在于许多玩图的朋友,没有经过专业的美术培训,素描基础不够扎实,所以在鼠绘实物的时候产生了很多问题。现在,让我来开头,大家来一起研究一下在PS鼠绘实物中一些素描原理的应用。 Part.1 素描理论 找了找关于素描定义的资料,艺术杂志上写的是:素描是一切绘画的基础,这是研究的过程中所必须经过的一个阶段。(看来用PS来绘画,也需要有素描的基础,毕竟这是一切绘画的基础。 在素描中,第一要素就是线,素描通过线条来表现物体的形象和轮廓,引起观者的联想。大家都知道,两线一面,三线一体。通过下面的动画我们就可以感觉到线条在展现空间感上的魅力。 图1 我们可以从线条的变化中,得到可以一个具体的的形象。因此,通过勾勒线条的手段,单纯的轮廓勾勒可以发展成精致的作品。同样,我们在PS绘图中,也是通过类似的手段,在一个轮廓的基础上不断添加新的元素,使作品逐渐饱满,然后构成一副精美的PS鼠绘作品。 在素描中物体的三维特性是通过控制明暗的逐渐变化来实现的。明暗也就成了展现立体的另外一个手段。由于光的反射和折射,以及在不同介质上表现出来的不同性质,所以产生了明暗的不同。光源直接照射(也可以说是反光充足)的部分我们称为亮部,光源照射不到的地方(无光或者反光少)我们称为暗部,当然,事物不止两个极端,中间部分我们称为中间调。 在PS中我们可以通过曲线工具(图象>>调整>>曲线orCTRL+M)来实现。如图:
使用数位版绘制科幻的太空补给站
来源:蓝色理想 作者:god8128061 本教程介绍使用数位版绘制科幻世界的太空补给站,作者讲解的过程没有多少,仅提供大致的过程图,大部分的细节还需要自己去思考完成。 最终效果1、为了更集中于飞船的造型。我选择先用单色进行绘制。画出大概的透视关系和飞船的具体结构 2、把背景具体化。并且调整飞船的亮度,让整体统一。有些部分是将画笔的纹理选项打开,添加合适的材质。3、进一步刻画天空,丰富云彩的层次。并添加远景4、接下来是中景,根据光源方向具体绘制出一些机械臂和场景的细节 5、这一步就是画前景了,我在画面上添加了一个为飞船加油的装置和几个登机通道,总之尽能的让设计合理化
鼠绘基础教程--学会勾画人物轮廓
不知道诸位看官对一些插画专业人士是否了解,例如:非墨、陈淑芬、平凡、张雅涵等等,大家可以百度下他们的作品,都很经典,也都是唯美风格,个人比较喜欢,要多多搜集类似的插画作品,仔细观察其绘画技巧,多多临摹。其实大家不要认为临摹别人的作品是不光彩的事情,无论哪位伟大的画家开始不也都是临摹别人的作品,学习对方的技巧然后形成自己的风格吗。能把“蒙娜”小姐临摹到及至那你就是高手中的高手了。在下绘制一幅作品所需要的原料有:一张照片(脖子以上就行),然后从自己收集的图片中寻找一张合适的出来进行初步合成。然后取出线条轮廓进行绘制,这样可以解决没有美术基础把握不好轮廓的问题。然后在按照常规来绘制作品。教程将通过下张作品来进行实战说明。所需要素材:照片一张、目标图片一张。要注意两张图片内人物面部角度要一致,吻合度最好达到70%以上。(电脑配置好的画布可以设置大点.差的就小点.后期动一下就要等半天的哦)将照片置于目标图片上,设置透明度为50%(友情提示:透明度快捷键---小键盘数字键)ctrl+t 进行旋转或者缩放调整到合适位置,使其重合度达到70%以上,如果达不到那就换一张照片或者目标图片。勾画线条是很重要的一个环节,将影响最终效果.线条当然是用钢笔工具来画啦~(请问老师,钢笔工具为何物啊?哎呀!~老师你怎么吐血了).以前在下教过一段时间的平面设计课程,ps软件1.5个月的课程当中我用了1个月的时间让他们玩CS(射击类游戏),14天用钢笔工具画AK47(一种枪械),后来把我们主任就把我给AK了.路径->新建路径(命名为面部,如果你不想在几十个路径层逐一寻找的话就起个名字)然后用钢笔工具描出上面照片人物面部的轮廓如下图:
Photoshop打造一个异族的女祭祀
祭祀完成稿 1.线稿 这里要表现一个异族的女祭祀的形象。整体形象想要怪异和神秘一些,并带有一些未来感。以女性正面来表现身上画有一些类似于图腾的花纹。而光源采用逆光以做出神秘的气氛。绘制的时候要注意人体结构和整体的构图,*构图使整体相对严肃一些。(由于最后要抛弃线稿所以这里绘制的比较潦草)绘制完草稿以后先铺大的明暗关系,这里用黑白表现使画面开始绘制的时候更加容易控制。(等总体画完以后再上色)一定要把整体的感觉先感受出来。 2.草稿 按照人物的形象铺上深灰色,然后在身体的周围和两边绘制一些浅色来表现光的走向。右图是去掉线稿的样子这里由于草稿比较乱,所以我把本来的是头发的部分删出了以后在处理。先不要急着深入一定要注意整体。 3.深入 把人物的衣服先绘制出来这里想表现为类似皮革的质感。大家绘制的时候可以找一下皮革的素材,了解一下皮革的反光。在衣服上深入刻画花纹以及边缘和高光点,绘制衣服的时候也要注意整体和人物的身体结构。