推荐阅读

Illustrator绘制卡通立体效果的小熊图标
今天很高兴请到了我们可爱的太空熊做为麻豆,他将会协助我一起为大家展示一下卡通角色造型图标的设计流程与方法。OK,废话不多说,我们先来看一下最终的效果图。WOW,太空熊坐在曲奇月面上,旁边插pockey旗帜,背景是布满星辰的外太空,太有FEEL了:),那么这么可爱的图标是如何完成的呢?现在我们开始从头分解一下它的设计流程。首先是创意阶段。视觉元素我需要做一个以太空熊为主题的图标教程,于是我开始了构思,首先太空熊是我们必不可少的元素,但为避免单调,我增加了月面、外太空、旗帜这3个视觉元素作为辅助,以此来增加图标的细节和气氛。视觉风格元素确定了,接下来需要对图标的表现风格进行初步的定义,首先我可以确定的是图标整体是往卡通活泼的风格上去靠的,那么各个元素间的关系和联系如何是把控呢?在这里我的解决方法是加入一些幽默和诙谐的元素融入到设计当中,曲奇月面、POCKY旗帜、摄影背景。这3个原本独立的元素现在很好的组合到了一起,与太空熊搭配起来,俨然变成了一组很完整的卡通摄影造型。图标造型Ok,我们现在进入具体的图标设计环节,设计图标简单的来说可以分为3个阶段:1.造型,2.体感,3.质感。其中造型阶段是决定整个图标方向的重要一步,不同的造型直接决定了图标的后期细节表现和图标的气质,在这里我以偏30度的造型角度来塑造整体图标。线条造型

照片色彩校正,运用滤镜给照片磨皮
原图最终效果1、打开原图素材,按Ctrl + J 复制一层,执行:图像 > 调整 > 自动色阶、自动对比度、自定颜色。 2、按Ctrl + J 复制一层,点通道面板,把蓝色通道复制一层,对蓝色副本滤镜执行:滤镜 > 其它 > 高反差保留,数值为10,确定后再执行:图像 > 调整 > 阈值,数值为125,确定后按Ctrl + I 反相。 3、把前景颜色设置为黑色,选择画笔工具,不透明度为:100% ,将头发、眼睛、眉毛、鼻孔、衣服、背景灯擦出来,执行:滤镜 > 模糊 > 高斯模糊,数值为0.5,效果如下图。 <图1>4、回到图层面板,按Ctrl + Alt + 4 载入选区。 5、保持选区创建曲线调整图层,稍微调亮一点。 <图2>6、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,使用Portraiture 滤镜降噪处理,参数设置如下图。

在 Dreamweaver 中重新排列、停放或浮动“文档”窗口
打开多个文件时,“文档”窗口将以选项卡方式显示。 若要重新排列选项卡式“文档”窗口,请将某个窗口的选项卡拖动到组中的新位置。要从窗口组中取消停放(浮动或取消显示)某个“文档”窗口,请将该窗口的选项卡从组中拖出。要将某个“文档”窗口停放在单独的“文档”窗口组中,请将该窗口拖到该组中。若要创建堆叠或平铺的文档组,请将此窗口拖动到另一窗口的顶部、底部或侧边的放置区域。也可以利用应用程序栏上的“版面”按钮为文档组选择版面。若要在拖动某个选项时切换到选项卡式文档组中的其它文档,可将选项拖到该文档的选项卡上并保持一段时间。

Flash游戏制作--涂鸦板
Windows操作系统自带的工具--画图程序,想必大家都很熟悉了,虽然与专业绘图软件相比,其功能很有限,但是画图程序经常在用户手中没有任何处理工具的关键时刻起到巨大的作用,所以虽然其简陋且简单,但是仍然有许多忠实的用户一直在使用画图程序,我也是这些用户中的一名,怀着对画图程序的强烈热爱之情,使用Flash模拟制作了一个功能和画图程序类似的小游戏,虽然功能比不上画图的强大,但是从中也可以看出画图程序的雏形,也希望通过此例,能系统的讲解Flash中对色彩对象的应用。(本例的.swf文件和.fla文件点击这里下载)此游戏的主界面如图1所示:图1操作方法:游戏界面主要分为两部分,左部为绘画控制部分,右边为绘画区。左边的控制区包含有调色板,画笔大小调节杆和三个绘画控制按钮,在绘画前,可以先从调色板中选取一种合适的绘画颜色,然后调节画笔大小调节杆调整画笔大小到合适位置,然后就可以通过鼠标控制画笔在右方的绘画区进行绘画了。如果在绘画中对某一笔不满意的话,可以点击控制按钮”回上一笔”,撤消上一步的操作,当绘制完成一幅作品后,可以点击控制按钮”打印作品”,将作品从打印机中打印出来,然后点击控制按钮”清除面板”将绘画区清除,然后就可以进行下一幅作品的绘制了。制作步骤:1.既然是画图游戏,当然少不了一只画笔了,不过这里的画笔是比较特殊的,就是当选取某种颜色后,笔杆也会相应的呈现出这种颜色,可以使绘画者对当前绘画颜色一目了然。所以画笔由两部分组成,笔杆和画笔显示颜色的部分。我们先制作画笔显示颜色的部分,新建一个MC,并命名为pencolor,,然后在编辑区绘制如图2所示的图形,图2其形状很象一个画笔,将作为画笔颜色的显示部分。接下来制作画笔的笔杆,新建一个mc,并命名为pen,笔杆由画笔的主体和显示颜色的部分组成,为了便于编辑,这里需要两个图层分别放置主体和显示颜色的部分,所以在编辑区中首先绘制如图3所示的画笔轮廓;图3在新建一个图层,将组件pencolor放到此层,并和图3画笔轮廓对齐,并在属性面板中设置对象pencolor的Instance name为pencolor,对齐后画笔整体效果如图4所示:图4这里需要注意的是:需要将画笔颜色组件所在层放置到画笔轮廓所在层的下方,不然画笔轮廓将被完全遮住。这样,一个简单的画笔就制作好了:)2.在绘画前可以使用鼠标调整画笔大小,所以这步来制作画笔大小调节杆,并制作成Button组件。新建一个Button组件,命名为tangButton,进入编辑区后,在Up桢绘制如图5所示的滑头:图5然后分别在Over和Down桢插入两个关键桢,并在Down桢将滑头的填充色改变,这样在拖动调整滑杆的时候可以看到滑杆颜色的变化,可以明确目前的操作,Down桢如图6所示:图6新建一个MC,命名为sizeP,将组件tangButton拖到编辑区中,然后在建一个mC,命名为switch,在编辑区中新建三个图层,有上到下分别放置组件sizeP,三角形的粗细模拟图形和提示文本,如图7所示:图7同时在属性面板中设置对象SizeP的Instance name为sizepointer.3.接下来制作三个功能按钮,三个按钮主体一样,只不过有不同的提示文本罢了,新建一个Button按钮,简单的绘制一个圆角矩形即可,如图8所示:图84.既然是绘画程序,画布当然是少不了的,因为游戏中绘画是由鼠标进行的,所以需要将画布制作成Button,新建一个Button组件,命名为Canvas,在编辑区中绘制一个大小适中的正方形即可。5.游戏中的调色板是动态生成的,由Action进行控制,我们只需要制作一个调色板中的一个色块作,然后使用Action对其进行复制等操作即可自动生成调色板结构。首先建一个Button组件,命名为boxbutton,在编辑区中Up桢绘制一个矩形,填充色可以随意设置,如图9所示:图9同时在Over和Down桢个插入一个关键桢。再新建一个MC,命名为dyebox,将组件从boxbutton从库中拖到编辑区即可。6.所有组件准备好后,接下来就布置主场景了。回到主场景中,将默认的图层layer1重命名为背景,然后绘制一个和舞台一样大小的矩形,并填充上蓝色。在背景层上面新建一个图层命名为画笔,将组件pen和dyebox分别拖到场景中,然后在舞台左上角输入游戏标题,如图10所示:图10同时在属性面板中设置组件pen的Instance name为pen,设置组件dyebox的Instance name为dye.再新建一层命名为按钮,将组件switch放到舞台的左下角,然后分三次将组件pButton放到滑块的下面,并分别输入按钮的标题,如图11所示:图11新建一个图层命名为画布,将组件Canvas放置到舞台的左方,如图12所示:图12然后将所有图层都延续到第3桢,因为此绘图程序具有打印的功能,而在Flash中如果要实现打印功能,需要给要打印的那一祯设置一个特殊的桢标签:#p,所以这里我们在随便一层的第三祯设置祯标签为#p即可。到此,主场景就布置完毕了7.最后的任务就是编写Action动作脚本了,这也是本游戏的主要部分,游戏的大部分功能需要借助于Action实现。在主场景中新增一个图层,命名为Action,早第1桢添加如下AS:i = 1;//定义并初始化变量ifor (r=0; r<=0xFF; r += 0x33) {//第一层循环,循环变量为rfor (g=0; g<=0xFF; g += 0x33) {//第二层循环,循环变量为gfor (b=0; b<=0xFF; b += 0x33) {//第三层循环,循环变量为b,此循环用来绘制调色板dye.duplicateMovieClip("d"+i, i);//复制影片剪辑dye,也就是调色板的最小单位cc = new Color(eval("d"+i));//定义新的Color对象,Color 对象能够设置影片剪辑的 RGB 颜色值和颜色转换,并可以在设置后获取这些值,必须使用构造函数 new Color() 创建 Color 对象的实例后,才可调用其方法。 eval("d"+i)._x = 25+int((i-1)/18)*11;eval("d"+i)._y = 60+((i-1)%18)*8;//设置复制出的色块的坐标,使其排列为一个矩阵cc.setRGB(r*256*256+g*256+b);i++;//最后设置色块的颜色,这里使用了setRgb函数,其参数为要设置的十六进制或 RGB 颜色,//对于 RR、GG 和 BB,每种代码由两个十六进制数字组成,这些数字指定每种颜色成分的//偏移量。0x 告知动作脚本编译器该数字是十六进制数值。 }}}Mouse.hide();//因为在绘图板中只出现画笔,所以这里将系统的鼠标隐藏pen.duplicateMovieClip("penP", 100000);//因为初始时画笔是在舞台之外的,所以这里需要复制一个画笔,然后应用到游戏中penP.startDrag(true);//使画笔成为可拖动的对象dye._visible = false;pen._visible = false;//设置原始的调色板色块和画笔均不可见dyecolor = new Color(_root.penP.pencolor);dyecolor.setRGB(0);//定义画笔上显示画笔颜色的部分为Color对象,然后设置其初始颜色为黑色n = 217;P = 0;X0 = 0;pensize = 10;//定义并初始化一系列变量,其中pensize为画笔尺寸在第2桢添加如下AS:if (P == 1) {if (X0 == 0) {X0 = _xmouse;Y0 = _ymouse;} //取得画笔的坐标else {X1 = _xmouse;Y1 = _ymouse;if ((X1-X0)*(X1-X0)>4 || (Y1-Y0)*(Y1-Y0)>4) {n = n+1;dx = X1-X0;dy = Y1-Y0;dd = Math.sqrt(dx*dx+dy*dy);ang = Math.atan2(dy, dx);//利用画笔前后两次的坐标值,使用数学函数求得两此画笔位置之间的直线距离_root.attachMovie("rect", "L"+n, n);with (eval("L"+n+"/hc1")) {_height = pensize;_width = pensize;}with (eval("L"+n+"/hc2")) {_height = pensize;_width = pensize;_x = dd;}with (eval("L"+n+"/lb")) {_height = pensize;_width = dd;}with (eval("L"+n)) {_x = X0;_y = Y0;_rotation = ang*180/Math.PI;}//根据复制出的L的不同对象,设置画笔的笔划尺寸为对象L的宽和高cc = new Color(eval("L"+n));cc.setRGB(_root.dyecolor.getRGB());X0 = X1;Y0 = Y1;}}//为笔划设置颜色,即画笔画出的线条的颜色}//在第3桢添加如下AS:gotoAndPlay(2);//返回到第2桢8.为了实现三个按钮的功能,还需要分别给按钮添加AS.清除面板按钮的AS为:on (release) {i = 218;while (i<=n) {removeMovieClip ("/L"+i);i++;}n = 217;}//清除所有复制出的MC对象回上一笔按钮的AS为:on (release) {if (n>217) {removeMovieClip ("/L"+n);n--;}}//使用removeMovieClip清除复制的MC对象打印作品按钮的AS为:on (release) {print("", "bframe");}//使用print函数打印祯内容,其用法为print (level, "Bounding box"),其中参数level 为要打印的级别,在“动作”面板的标准模式下,如果选择一个级别,则 print 动作将切换到 printNum 或 printAsBitmapNum;在专家模式下,必须指定 printNum 或 printAsBitmapNum。默认情况下,打印该级别中的所有帧。如果要打印该级别中的特定帧,可将 #p 帧标签分配给这些帧,所以我们在前面设置第三祯的标签为#p,目的就是可以打印此祯。 参数Bounding box 设置影片打印区域的修饰符,此参数是可选的,可以选择下列值之一: 1.bmovie 将影片中某特定帧的边框指定为该影片中所有可打印帧的打印区域。需要为要将其边框用作打印区域的帧分配一个 #b 帧标签。 2.bmax 将所有可打印帧的所有边框的合并区域指定为打印区域。当影片中可打印帧的大小各不相同时,可指定 bmax 参数。 3.bframe 指定将每个可打印帧的边框用作该帧的打印区域。这将为每个帧更改打印区域,并缩放对象以符合打印区域。如果在每个帧中有不同大小的对象,而您希望每个对象都充满打印页面,则可使用 bframe。到此,游戏就制作完成了,接下来您就可以在这个涂鸦板上一展身手了。试试看,是不是有点画图程序的感觉,虽然功能稍微弱了点,不过您完全可以在此基础上继续添加其它功能,使其成为真正的画图程序。
最新发布

PS制作水晶边框文字
这篇教程教飞特的朋友们用PS制作水晶边框文字,教程属于比较简单的文字效果教程。希望飞特的朋友们喜欢。先看看效果图: 具体的制作步骤如下:1. 建立一个新文件背景色用#333333.文件的大小请尽量设置的你方便于操作为好。2. 字体选用 Arial Black, 或者 similar font, 大小示你的文件大小而定, 字体颜色用 #EFF0E8 : 3. 加入描边图层样式:

PS CS5制作草地上的石雕文字
这篇教程教飞特的朋友们用PS CS5制作草地上的石雕文字,教程运用了CS5的3D功能。低版本没有这个工具。所以这篇教程适合使用CS5的学习者学习。我们先来看看效果图吧: 具体的制作步骤如下: 1、新建文档,输入文字。3D―凸纹―文本图层 2、深度不要太厚,0.4就够了。材质选择“无纹理”。用左侧的旋转工具变换3D字的角度 3、调出3D面板。首先选择前膨胀材质,载入石材纹理。

PS制作有凹槽的金属字
这是一篇我刚刚学习过的教程。教程教我们用PS制作漂亮的有凹槽的金属效果字。制作难度中等,转发过来和飞特的朋友们一起学习。先看看效果: 具体的制作步骤如下:1、创建一个800 × 600像素,没有任何背景色的新文件。下载“金属纹理”然后在Photoshop中打开它,打开之后去编辑>定义图案。

PS制作逼真金属字
这篇教程教飞特的朋友们用PS制作逼真金属字,教程主要通过图层样式来表现立体效果,通过调节曲线来实现金属效果。个人挺喜欢。转发过来和飞特的朋友们一起学习。先看看效果图:具体的制作步骤如下。1、先下载这个背景图,这让效果更好一点。【当然,我更希望飞特的朋友们能自己制作这个背景O(∩_∩)O哈哈~】2、我们开始创建一个文字层,输入文字G,并添加图层样式:

photoshop制作烟雾文字效果
这篇教程教飞特的朋友们用photoshop制作烟雾文字效果,教程制作的文字效果很漂亮,烟雾是七彩的。制作难度中等。转发过来和飞特的朋友一起学习。先来看看最终的效果图:具体的制作步骤如下: 1、首先创建一个新文档,尺寸为1440*900px,然后填充背景色为黑色,如图所示。 2、使用文字工具要图片中输入白色的文字,在本教程中我使用的是一款名为Harabara的字体。 3、在图层面板中右键单击文字图层,选择栅格化文字,把文字图层变为普通图层,如图所示。

photoshop制作质感文字效果
这篇教程教飞特的朋友们用photoshop制作质感文字效果,教程很简单。飞特上有一篇类似的文字效果教程,有兴趣的朋友可以自己查找一下。先来看这篇教程的最终效果 具体的制作步骤如下:1:创建一个新文件(Ctrl + N)大小为1920px * 1200px,72像素的分辨率。然后选择油漆桶工具(G),用#353430色填充这个新的背景层。2:创建一个新层,使用油漆桶工具(G)#959595色填充这层。设置不透明度为41%。3:先下载Spiderman pattern填充图案,下载后解压并双击s0nkite Spiderman pattern.pat载入到PS。点击图层面板底部的添加图层样式图标,然后选择图案Spiderman pattern叠加。

Photoshop制作溶化文字效果
这篇教程教飞特的朋友们用Photoshop制作溶化文字效果,教程制作的文字效果我很喜欢。制作难度也不大。转发到飞特和朋友们一起学习,一起研究。先来看看效果图:具体的制作步骤如下: 第1部-创建画布 这是非常重要的这个步骤,你设置的画布大小,将关系到你做出的图有多大,是电脑使用还是印刷出来。为了让你做出的图可以在2种地方都可以用到,所以我们在这建立一个2500 × 1500像素,文件的RGB,300分辨率,你学习的时候可以不需要那么大。 第2步-设置字体 选择字体工具,颜色设置为灰色或者是你喜欢的颜色,字体用比较粗的字体,字体间距为50,然后按CTRL+T或者“编辑>自由变换”,把文字拉宽(注意比例)。 第3步-准备工作

Photoshop制作倾斜浮雕文字效果
本例教飞特的朋友们用Photoshop制作倾斜浮雕文字效果,教程制作的文字效果很漂亮,制作的难度不大。我们先来看看效果吧:具体的制作步骤如下: 1、首先创建一个新文档,在这里我使用了500*300px的尺寸,填充颜色#74a103 2、创建一个新图层,椭圆选框工具创建一个圆形选区,填充颜色#b6e100,如图所示 3、按下Ctrl+D取消选择,选择“滤镜―模糊―高斯模糊”,如图所示。 效果如图所示。

PS制作沙滩上书写的文字效果
这篇教程教飞特的朋友们用PS制作沙滩上书写的文字效果,这是我刚刚学习过的一个教程,难度不大。主要使用的是图层样式等PS常用功能。转发过来和飞特的朋友们一起学习一下。先来看看最终的效果图: 具体的制作步骤如下: 1、新建一个文件,在工具栏中设置前景色的RGB分别为217、205、163,背景色的RGB分别为113、84、19。 2、按Alt+Delete键填充前景色,效果如图01所示。 图01 3、选择菜单栏中的“滤镜”“杂色”“添加杂色”命令,在弹出的添加杂色对话框中设置数量为25,其他设置如图02所示,单击好画面效果如图03所示。 图02

Photoshop制作晶格化文字效果
这篇教程教飞特的朋友们用Photoshop制作晶格化文字效果,教程制作的文字效果很漂亮。转发过来,希望飞特的朋友们从这篇教程中学到东西。先来看看最终的效果图:效果图1完成所示: 以效果图1的制作步骤如下: 一、新建一个宽高为8厘米和6厘米,分辨率为200PX的文档,使用黑色将 背景 填充,然后使用“横排文字工具”,输入文本(“DEVIL”),设置为白色 字体 方正超粗黑简体、字号60点。 如果字间距太窄,可以点击“窗口”/“段落”面板,设置字间距或者行间距。(参数的设置请依据具体情况而定啊)如图所示 二、选中“DEVIL”图层,右键单击,选择“栅格化文字”命令。执行“滤镜/模糊/高斯模糊”命令,设置参数为:5。如图1所示 三、执行“滤镜/像素化/马赛克”命令,参数为9。如图2所示