当前位置:主页 > 平面设计 > PS教程 > 制作实例 > 动画制作

最新发布

ImageReady2.0全面接触(3)
ImageReady2.0全面接触(3)

Optimize(优化)浮动面板,是ImageReady2.0中的一个比较重要的浮动面板在这个浮动面板中主要是对图像的优化进行参数调节。在Settings(设置)里面由预设的参数值。如果你对它预设的参数不满意可以对下面具体的参数进行自定义的调节。如图形的格式;GIF格式时的颜色数,图像损失的程度,图像抖动程度等等;JPG格式的压缩比,品质好坏,柔化的程度等等。这些设置非常的繁多专业,可以让你在图像质量和文件大小之间做出精确的平衡。调整好以后你还可以将你的设置通过浮动面板右边箭头里的菜单保存下来,下一次使用就可直接从Settings(设置)调出来使用。而且ImageReady在做图像优化的时候还可以在图像窗口中进行不同设置的比较,在每一幅例图下面都有这种优化设置图像的大小,在网上传输图像要花的时间。甚至我们在优化的时候还可以以图像尺寸优先的方式强制规定图像的尺寸。 技巧 :我们在优化图像的时候,如果图像的颜色较少较单纯就可以采用GIF格式这样图像的大小可以大大的小于jpg格式的图像,而且像质量优于JPG格式。 相反如果图像的色彩比较的丰富就可以采用JPG格式。Info(信息)浮动面板和Photoshop的浮动面板类似。上面显示了各种操作色彩的信息。如RGB的数值、色彩的web表示、鼠标的位置等等信息。Options(操作)浮动面板主要作用是调节工具箱里的工具的参数,在前面我们已经接触过了。由于每一样工具的参数各不一样,这里就不过多的讲述了。在Layer(层)浮动面板中我们不但可以像Photoshop那样方便的对图像进行分层,不透明参数调节,对各层进行复杂的处理,而且在ImageReady2.0中还加入了使用层对GIF动画进行控制。此外ImageReady2.0还对Photoshop的层浮动面板进行了一定的改进,增加了层滤镜按键通过它就不必在一层层的菜单里去选? 要的层滤镜了当我们的操作出现失误的时候就可以在History(历史)浮动面板钟对失误的操作进行纠正。具体的操作方法和Photoshop一样,只要选择到错误操作的前一次操作就可以挽回操作的失误了。

3 次浏览
ImageReady2.0全面接触(4)
ImageReady2.0全面接触(4)

技巧 :当你从色彩区中选择颜色的时候可能出现web色彩警告,这时只要点击旁边的小方块就可以自动转化为颜色最接近的web颜色。虽然色彩浮动面板的色彩丰富,但是选色不是很方便,对于常用的颜色就可以从Swatches(调色板)浮动面板里直接选取。使用浮动面板下面的添加命令可以将常用的颜色添加进去。我们在做设计的时候往往要文字,在Type(文字)浮动面板中我们可以设置文字的不同的参数。如常见的字体、字体大小、字间距、行间距、左对其、居中、右对齐、抗锯齿等,还可以设置基线位置。技巧 :当我们需要输入平方等类型的的文字的时候可以通过改变基线位置得到。Brushes(画笔)浮动面板和Photoshop的类似,通过它可以改变喷笔或毛笔工具笔头的形状。同样用浮动面板右边箭头里的菜单中的载入画笔命令可以载入Photoshop中的一些特殊的笔形。

3 次浏览
ImageReady2.0全面接触(5)
ImageReady2.0全面接触(5)

在这里我们可以设置色彩选择器(Color Picker)的方案(Adobe的还是system系统的)、插值算法(Interpolation)的形式(Smooth光滑还是Jagged锯齿)、以及自动抗锯齿(Anti-alia PosrScript)、保存调色板(Save Palette Loctions)、用英文显示字体(Show Font Names in English)、完成后提示(Notify when Done)、显示工具箱提示(Show Tooltips)、禁止警告(Disable Warnings)、自动增加数据(Ato-Update Files)、撤销次数(Undo Levels)。如果我们要进入下一项设置,只需按下Next按键或者在对话框上部的下拉菜单中选择即可。  下一项设置为Saving Files(保存文件)。在这里我们主要设置分割后的小块图像的文件名保存形式以及兼容的操作系统。还包括了优化图像的设置。

4 次浏览
ImageReady2.0全面接触(6)
ImageReady2.0全面接触(6)

第三个选项为HTML设置。在这一项设置中可以让我们设置HTML的格式和编码参数,以适应不同的系统要求。第四项为Opimization(优化设置)。我们使用ImageReady的时候有四个或两个(4up和2up)优化的窗口,这个设置就是设置这四个或两个优化窗口的优化形式。比如你可以设置第一个窗口为原始图像,第二个窗口为优化为Jpg格式的图像,第三个窗口为优化为128色的Gif图像,第四个为优化为64色的的Gif图像。 第五项为Cursors(光标)设置。在这个设置中可以让我们设置光标的形状。它包括了两类光标的设置――painting Cursors(笔光标)和Other Cursors(其它光标)。通过笔光标设置我们可以设置喷笔、毛笔等工具的光标形状(Standard标准\Precise精确\Brush Size笔尺寸)。在其它光标中我们可以设置吸色工具等的光标形状(Standard标准\Precise精确)。技巧:在我们需要一些精确的操作的时候可以选择精确光标,这样光标就变成十字形状方便我们操作的定位。第六项是Transparency(透明)设置。这个对话框中主要设置图像透明的显示方式。我们知道通常透明显示为灰白相间的棋格状图形。这个对话框中可以设置这个图形的颜色(比如变为红白相间)、棋格状的大小、对比度等等。最后一项是设置Plug-ins & Scratch Disks(插件和虚拟磁盘)。在这里可以设特别的ImageReady的插件位置(默认的是在...\Adobe\Photoshop 5.5\Plug-Ins\Adobe ImageReady Only),以及虚拟磁盘的位置。技巧:如果想要Photoshop5.5和ImageReady共用插件只需要将插件安装到...\Adobe\Photoshop 5.5\Plug-Ins\提示:如果没有特别的需要最好使用ImageReady的默认设置,以免引起不必要的麻烦。  随着Internet的发展许多公司都推出了网上对软件进行升级的服务。ImageReady也不例外,文件菜单中 dobe Online...就提供了这个服务。选择这个命令弹出一个对话框。按下Update(升级)按键即可自动升级ImageReady。如果你的公司使用的代理服务器可以通过Preferences(参数)进行设置。  Recent Files(最近的文件)中可以快速的选择最近编辑(打开)过的文件。技巧:如果你编辑过的文件不知道存到哪儿去了,可以在这儿找一找,或许会有收获。  EXIT(退出)关闭ImageReady。  第二个菜单Edit (编辑),在这个菜单中包含了15个命令。  Undo(撤销)、Redo(重做)这两个命令和绝大多数的软件的作用是一样的,可以撤销命令和重做命令。Undo/Redo(撤销/重做)命令可以在这两个命令之间切换。技巧:使用撤销/重做能够让我们反复比较命令执行前和命令执行后的图像效果的变化。此外记住这几个命令的快捷键也是很有用的。  Cut(剪切)、Copy(拷贝)、Paste(粘贴)、Clear(清除)命令和大多数软件的命令作用一样这里就不多讲了。Copy Merged(拷贝合并)这个命令比较特殊。我们知道ImageReady里允许对图像进行分层编辑,当我们用选取工具选取图像的后再选择拷贝,这时在粘贴板上的是当前编辑层上选取区域的数据。而如果选择拷贝合并命令着可以把这个选取区域的所有层的数据拷贝来。  Copy HTML Code(拷贝HTML编码)子才单中包含了三个命令――Copy All Slices(拷贝所有切割)、Copy Selected Slices(拷贝选取的切割)、Copy Preloads(拷贝载入)。第一个命令可以将所有的分割图片的HTML代码拷贝到粘贴板上;第二个命令是将选中的图像块的HTML代码拷贝到粘贴板上;第三个命令是拷贝页面中的JavaScript到粘贴板上。这样就可以让你在记事本或者其它编辑其中编辑HTML代码。   Copy foreground color as HTML(拷贝前景色作为HTML),这个命令可以前景色转化为HTML代码。技巧:如果你遇到一种颜色知道它的HTML代码,那么就可以用吸色工具将它吸取为前景色,然后使用拷贝前景色作为HTML命令,粘贴到记事本里就可以看到这种颜色的HTML代码了。  Fill...(填充)命令可以让我们选择填充的颜色、透明度等参数。当我们选择填充命令就会弹出一个对话框。在use下拉菜单中选择填充的形式――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度)调整透明参数。Mode(模式)里选择填充的模式,一共21中模式。  Strock(外线)命令可以在沿着选区画线。比如用矩形选取工具选取一个区域,然后选择这个命令就会形成一个矩形的方框。选择这个命令以后同样有一个对话框出现。在Width(宽度)中可以设置线的宽度。Loctation(位置)中可以设置线沿着选区的位置――内部、中心、外部。Use(使用)下拉菜单中可以设置使用的颜色――前景色、背景色、图案、黑色、50%的灰和白色。Opacity(不透明度)中可以设置透明度。Mode(模式)中仍然有21种模式让你选择。 技巧:通过这个命令我们就可以方便的在ImageReady中画出,矩形、圆形等几何形状,就不必为了这些简单的几何图形去动用Illustrator这些大家伙了。  Free Transform(自由变形)命令可以让图像按你的意愿自由变形。选择自由变形命令以后图形或选区周围就出现了八个控制点。通过对这些控制点的操作就能轻易的对图像进行拉伸、旋转等变形操作。  Transform(变形)子菜单包含了12个命令――Again(再次)、Scale(缩放)、Rotate(旋转)、Skew(歪斜)、Distort(变形)、Perspective(透视)、Numeric...(数字)、Rotate 180(旋转180度) Rotate90 CW(随时针旋转90度)、Rotate90 CCW(逆时针旋转90度)、Flip Horizontal(水平反转)、Flip Vertical(竖直反转)。这些命令和自由变形命令一样选择后图形或选区周围也会出现了八个控制点,通过对这些控制点的操作达到变形的目的。如果你对变形要求非常的精确就可以选择Numeric...(数字)命令,在对话框种精确调整参数。包括Postion(位置)、Scale(缩放)、Skew(歪斜)、Rotate(旋转)的参数调整。 

4 次浏览
ImageReady2.0全面接触(7)
ImageReady2.0全面接触(7)

先让我们看看Adjust(调整)子菜单,它包含了九个菜单命令,通过这些命令我们可以方便的调整色阶、色调、亮度、对比度等等的调整。Levels...(色阶)命令可以方便的调整图像的色阶。选择色阶命令以后就会弹出一个对话框,在这个对话框中我们可以象Photoshop一样方便的调整图像的色阶。在Channel(通道)中可以方便的选择单独的通道进行色阶的调整。下面是色阶调整图,调整方法和Photoshop一样。同样可以将设置好的色阶保存。如果你是初学者对于这些复杂的调节头痛,就按下Auto(自动)按键就可以自动的位你调整色阶,当然这就不能保证调整的满意度了。Auto Levels(自动色阶)命令可以帮助初学者自动快速的调整色阶。这个命令对大多数图像的色阶调整可以得到比较好的效果。如果你对自动调整的色接不满意就只有用前面讲的色阶命令手动调整了。技巧: 在用手动调整之前可以先试试自动调整色阶,如果不满意再进行手动调整。这样往往可以提高处理图像的效率。Brightness/Contast...(亮度/对比度)命令可以在对话框中调整图像的亮度和对比度。你既可以通过滑动杆调节,也可以通过数值调整,非常的方便。

7 次浏览
ImageReady2.0全面接触(8)
ImageReady2.0全面接触(8)

Current Size(画布尺寸)和Photoshop的命令一样可以扩展图像的尺寸。在对话框的上部我们可以看到当前的图像的尺寸以及图像的文件大小。在Width(宽度)Height(高度)中可以填入新的画布尺寸。在Anchor(锚)中选择扩展的基点。注意:这里可能让你糊涂了Image Size...(图像尺寸)命令和Current Size(画布尺寸)命令有什么区别呢?我们看看以下三幅图就明白了。第一幅原始图、第二幅使用图像尺寸命令,第三幅使用画布尺寸命令。  Crop...(裁剪)命令可以将选取框中的图像进行裁剪。在对话框中我们有两项选择――Hidden(隐藏)和Deleted(删除)。这两个选项的区别是如果选取隐藏命令选取框外的图像依然存在,仅仅被隐藏了,用移动工具就可以把隐藏的图像移动出来。而删除选项执行以后选取框外的图像就被删除了。  Trim...(修剪)命令可以自动为你裁剪去多余的空白。在对话框的Based on(基点)中选择基点――Transparent Pixels(透明像素)、Top Left Pixel Color(左上像素颜色)和Bottom Right Pixel Color(右下像素颜色)。下面的Trim Away(修剪掉)中可以选择裁剪的位置――Top(顶部)、Left(左边)、Botton(下部)和Right(右边)。 

4 次浏览
ImageReady2.0全面接触(9)
ImageReady2.0全面接触(9)

New(新建)子菜单包含了三个菜单命令――New Layer...(新建层)、Layer via Copy(层拷贝)和Layer via Cut(层剪切)。在新建层命令的对话框中我们在Name(名字)中设置层的名字,以方便我们对层进行编辑。Opacity(不透明度)中我们可以设置层的透明度。Group with Previous Layer(与上一层成组)选项可以将层规划为 组来方便管理。在Use Layer as Image Map(使用层作为图像地图)可以将层作为链接的Image Map,在Shape(图形)中选择热点的形状,包括圆形、矩形和多边形。URL中填入链接的地址。Duplicate Layer(复制层命令)可以进行层的复制。在层浮动面板上选中要复制的层然后使用复制层命令,这时就可以发现多出一个层的拷贝。Delete Layer(删除层)命令可以删除无用的层。同样在层浮动面板上选重要删除的层使用删除层命令就可以将此层删除。

2 次浏览
ImageReady2.0全面接触(1)
ImageReady2.0全面接触(1)

之所以把它称为webPhotoshop,就是表明它不仅有Photoshop强大的图形处理能力,而且还有非常强大的web图像处理能力,它不仅能像Photoshop那样做出迷人的图像,而且还可以进行图像的压缩优化,创作富有动感的Gif动画,有趣的动态按键,甚至漂亮的网页。下面就让我们看看ImageReady2.0是怎样使用的.  ImageReady2.0通常是捆绑在Photoshop5.5中(怎么有点像比尔的风格?!),安装完Photoshop5.5以后ImageReady2.0也装入了你的电脑。启动ImageReady2.0以后乍一看好像Photoshop的孪生兄弟,界面非常相似。右边是工具箱,左边是浮动面板,下面的比Photoshop多出了一个长方形的一个浮动面板(这是做Gif动画分割图像和动态按键的浮动面板)上方是菜单命令。  先让我们看看工具箱。这里有34种专业图像处理工具。像Photoshop一样这些工具在工具箱中是分类放置的,以方便设计师使用。我们先来看看第一类工具――选取工具。在这类工具种一共包含了9种工具。在第一个按键中包含了5钟工具,第一个是marquee tool(矩形选取工具),它的主要作用是进行矩形选取;第二个是rounded rectangles marquee tool (圆角选取工具)。第三个是elliptical marquee tool(椭圆形选取工具);最后两个是single row marquee tools(单排选取工具)和 single column marquee tools (单纵栏选取工具),这两个工具主要是选取狭窄的横选取和竖选取。技巧:按住Shift键就可以画出方形的选取或圆形的选取第二个? 是move tool(移动工具),用来移动选取或者图层。

4 次浏览
Photoshop给可爱的卡通人物制作眨眼动画
Photoshop给可爱的卡通人物制作眨眼动画

眨眼动画其实只有两帧,一帧是睁开眼的效果,一帧就是闭眼的效果。通常情况下,我们选择的人物素材都不是闭眼的,因此制作动画之前需要把闭眼的效果做出来。最终效果 1、首先我们要找一张漂亮的素材。 2、把原图复制一下 (我们要把原图保存下来) 在复制的图象上用修补工具和图章工具把他的眼睛去掉,但要保留关键地方(效果如下图)。   3、然后我们还可以利用画笔工具把眼睫毛加上去,不要太夸张哦,效果如图。 4、我们再把原图复制一个放在最上面。 5、然后启动 IMAGE REDAY。   6、在这里面先把上面两个图层的眼睛关掉。 7、然后设置一下播放的速度。 8、现在我们再建立一个帧,然后打开第二个层的眼睛。  

19 次浏览
Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画教程
Photoshop设计制作出可爱的浅蓝色雨滴下落GIF动画教程

最终效果1、新建一个500 * 200像素,白色背景文件,新建一个图层添加下图所示的径向渐变。2、按Ctrl + Shift + N 新建一个空白图层,快捷键“U”选择自定义形状,选择水滴。 3、新建空白图层,按Ctrl点击水滴图层载入选区,填充白色。执行:滤镜 > 模糊 > 高斯模糊,数值自定。确定后再按Ctrl点击水滴图层载入选区,按Ctrl + Shift + I 反选,按Delete 删除,如下图。 4、按Ctrl + J 复制图层两次,分别用橡皮擦擦除部分,用钢笔工具选定删除部分。选中它们,Ctrl + E合并图层。5、双击解锁背景图层,按Ctrl + Alt + G修改画布高度为2000,水滴图层模式改为“滤色”,复制图层4次,按Ctrl + T 自由变换。  

3 次浏览
共计217条记录 上一页 1.. 13 14 15 16 17 18 19 ..22 下一页