推荐阅读
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。到此，游戏就制作完成了，接下来您就可以在这个涂鸦板上一展身手了。试试看，是不是有点画图程序的感觉，虽然功能稍微弱了点，不过您完全可以在此基础上继续添加其它功能，使其成为真正的画图程序。
最新发布
CSS切图学习之认识PHOTOSHOP(PS)
CSS切图软件之ps截图Adobe PHOTOSHOP平时咱们又被喻为PS。少数人关于PHOTOSHOP的了解仅限于“一个很好的图象编纂软件”，其实不晓得它的诸多应用方面，实践上，PHOTOSHOP的运用领域很广泛的，在图象、图形、翰墨、视频、出书各方面都有触及。请看上面介绍：立体打点平面解决是PHOTOSHOP运用最为广泛的领域，不管是我们正在阅读的图书封面，照样大街上看到的招帖、海报，这些具备丰盛图像的立体印刷品，基本上都需要PHOTOSHOP软件对图像发展处理。修复照片PHOTOSHOP具备壮大的图象润色依顺。利用这些效用，可以神速修复一张销毁的老照片，也能够修复人脸上的黑点等误差。推广照相
学习绘制不锈钢金属环图片的PS教程
今天教大家如何绘制一个iPad应用程序的不锈钢金属环，效果很逼真，光影控制得非常好，步骤也不多，很容易学会。童鞋们抽空学一下吧。1.使用矩形工具与椭圆工具创建圆环的形体。2.现在到了神奇的一步，应用图层样式，如下图所示。我们得到这样的效果：
案例学习PS怎么在图层样式内添加阴影
内阴影图层样式可以在紧靠图层内容的边缘处添加阴影，使图片产生凹陷或者凸起的效果。下面我们通过案例学习PS怎么在图层样式内添加阴影吧！准备一张需要添加内阴影样式的素材：素材1。在“图层”面板中双击需要添加图层样式的图层，即素材1图层，在弹出的“图层样式”对话框中勾选“内阴影”复选框并进行参数设置。我们把参数设置为下列值。混合模式：正片叠底不透明度：75%角度：30度距离：11像素阻塞：0%
绘制磨砂噪点插画图片的Photoshop教程
今天就让我这个自学的小菜鸡，来教大家如何画一副小插画吧，主要就是给插画添加复古的噪点喜欢，希望大家可以喜欢。先来看一下成品预览图：步骤 01打开你的Photoshop步骤 02新建一个文档，在预设模板里选择A4，并调成横向步骤 03建一个颜色为#e2e9ed的背景
学习鼠绘矢量风格小货车图标的PS教程
本教程主要使用Photoshop绘制蓝色立体效果的小货车图标，整体的效果主要先使用钢笔工具勾画出轮廓，然后在使用图层样式来完成效果图，喜欢的朋友让我们学习吧。先看看效果图第一步使用钢笔工具画出小货车的大的形状，值得注意的是一些形状中的细节，不要忽略，这是让图标最后看起来生动的基础。第二步继续添加例如方向盘、座椅、前后车灯、轮毂等一些形状细节，并开始使用渐变、凹凸线等方法给油箱、轮毂、车身添加质感。第三步
鼠绘古代武侠秘籍封面图片的PS教程
在那个快意恩仇的江湖世界里，往往有一条线索是围绕一本武林秘籍展开的。在专题里我们将内容呈现在秘籍里，增加页面的代入感。本期和大家分享武侠秘籍封面的绘制的过程。使用的工具有混合叠加效果、多种纹理材质、调整图层以及自定义笔刷。最终效果：参考图素绘制步骤首先绘制书的轮廓，建立书的基本样式。【色值314f7c】添加投影、内阴影、渐变叠加效果营造立体感。添加书签样式，叠加纹理，制作纸质破损感觉。
合成性感妩媚守护天使照片的PS教程
本教程过程比较简单，基本上都是溶图和调色，其中重点是人物部分的处理，需要简单给人物加上发丝及翅膀，并要调整好周围光感。教程中很多素材都是已经处理好的PNG图片，只需要微调一下颜色即可。 最终效果 一、新建1000 ×1200像素的画布。打开围栏及天空素材拖进来，适当调整好大小和位置，围栏图片的天空及空隙部分需要去掉，天空部分可以适当高斯模糊。 二、分别创建三个调整图层。第一个创建色相/饱和度调整图层，把饱和度设置为：-65，第二个曲线调整层压暗画面，最后用像使纯色填充层的颜色#21507f，混合模式为“柔光”。
合成沉入海底水果特效照片的PS教程
本教程利用多张素材组合成创意的海报效果。制作的时候基本上是用滤镜，笔刷等工具来制作。教程的颜色及光感渲染的非常不错，深色的底色，加上鲜艳的水果，画面层次分明，主体突出。效果非常有特色。最终效果 一、打开Photoshop软件，新建一个透明背景的PS文档：我用的是600*800，因为我只是试下效果，如果要整成壁纸的话，自己要建立大文档喔原教程是1280x1024像素300分辨率的，好了，建立好文档后,首先用径向渐变拉出如下图效果的背景(我这里用的色值分别是:#97c9ca #0a4d56 #061e1e)。 二、新建一个图层，先把前景色和背景色分别设置为：#0a4d56 和黑色，然后选择滤镜——渲染——云彩。 三、把这一图层的图层模式设置为：颜色减淡。
合成宇宙星空中漂亮天使照片的PS教程
作者合成的时候非常有创意，根据人物的简单动作，加入了很多形象的东西，如魔法棒、翅膀，烟云等。通过细致的处理，感觉非常真实，非常漂亮。最终效果 一、首先在photoshop中打开人物图像。 选择菜单：图像>图像大小。 二、图像的大小设置为下。
Photoshop合成环境保护震撼宣传海报
本教程的画面变现非常生动。巧妙地把球比喻成一个极度愤怒的人，用他的强有力拳头表示出对生态遭到破坏的*。不管是选材及画面创意表现，都是非常经典与完美的。最终效果 一、打开土地素材，首先用“快速选择工具”选中天空。 二、选择“调整边缘”选项，将“平滑”参数设为27。