推荐阅读

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。到此,游戏就制作完成了,接下来您就可以在这个涂鸦板上一展身手了。试试看,是不是有点画图程序的感觉,虽然功能稍微弱了点,不过您完全可以在此基础上继续添加其它功能,使其成为真正的画图程序。
最新发布

Photoshop将多张图片转换为PDF文件教程
很多同学在准备作品集的时候都想把多张图片格式转换为PDF文件,网上有很多pdf虚拟打印机或其他PDF转换的工具,但作为一名合格的设计同学,不要舍近求远,photoshop完全具有将图片转换为PDF文件的功能。那么就一起来看一下吧。 1. 支持版本 首先你电脑上要安装有Photoshop CS3及以上版本,版本过于陈旧的同学请更新你的Photoshop。 2. PDF演示文稿 打开Photoshop,点击文件菜单>自动>PDF批处理。 3. 点击”浏览”按钮选择要创建的图片文件 4. 选择图片并排序 你可以在这里拖动图片名称来进行排序,这将会影响到PDF输出后的页面顺序。

Photoshop裁切工具使用方法图文教程
photoshop的裁切工具就如同我们用的裁纸刀,可以对我们的图像进行裁切,使图像文件的尺寸发生变化。这个工具的快捷键是字母C。 photoshop的裁切工具 裁切工具的工具属性栏 宽度、高度:可输入固定的数值,直接完成图像的裁切。 分辨率:输入数值确定裁切后图像的分辨率,后面可选择分辨率的单位。 前面的图像:点击可调出前面图像的裁切尺寸。 清除:清除现有的裁切尺寸,以便重新输入。 photoshop的裁切工具的工具属性栏

Photoshop制作可爱的端午节粽子艺术字
本教程主要使用photoshop制作端午节可爱的粽子艺术字,端午节就要到了,想必大家都吃了粽子吧,但对一个设计师而言,怎么能仅仅光想着吃呢,所以桂桂一边吃着粽子一边创作了这件作品,本例教程非常适合初学PS的新手哦,喜欢的朋友可以跟着教程一起来学习吧。先看看效果图一、搭建背景首先把“台子”搭建好,Ctrl+N快捷键新建一个1920×1080的白色画布,然后将“木质背景”拖入到背景中去。二,绘制盘子下面来做盘子,盘子的制作其实很简单,使用椭圆工具按住Shift画一个正圆,然后双击打开图层样式添加阴影;上面的空心圆是用两个圆形路径,然后减去顶层形状而成;而盘子上的花纹则是下载的素材,桂桂在这里建议找一些与端午节相关的图案,我在这里提供的仅仅是一种思路而已。三、制作字效

PS制作金色质感肤色的室内头像照片处理教程
质感肤色处理不是简单的调色,而是难度较大的综合美化处理。不仅要把肤色对比拉大,更需要把金属质感的光泽感也调出来。处理的 时候需要非常细致。最终效果原图一、调整照片直方图,使照片得到准确的曝光。二、曲线调整高光与阴影部位。使人物更加立体。三、进入色调的调整通道调色,打开可选颜色工具,选择红色通道,加青+12、加洋红+1、加黄+35、加黑+9。这一步主要是调整人 物的肤色与头饰的颜色。使整体融和,接近油画的风格特点。

PS美化给人像照片添加梦幻的蓝色散景背景教程
最终效果原图1、打开原图素材大图,按Ctrl + J 把背景图层复制一层,混合模式改为“正片叠底”,效果如下图。这一步把图片压暗。2、按Ctrl + J 把当前图层复制一层,用椭圆选框工具拉出下图所示的选区,羽化60个像素后按Delete删除,取消选区后效果如下图。这一步给图片增加暗角。3、按Ctrl + J 把当前图层复制一层,效果如下图。

Photoshop制作圣诞节糖果艺术字特效教程
最终效果1、新建一个1200 * 750像素,分辨率为72的画布,背景填充黑色。然后点这里打开文字素材图片,在图片上右键选择“图片另存为”保存到本机。2、用PS打开刚才保存的文字素材,用移动工具拖进来,并调整好位置,如下图。2、双击图层面板,文字缩略图调出图层样式设置面板设置参数。内阴影:混合模式“强光”,颜色为蓝紫色:#741aba,其它设置如下图。外发光:混合模式“线性减淡”,不透明度为:100%,颜色为蓝色:#487fcf,其它设置如下图。

使用Photoshop给外景美女照片添加夕阳光线效果
最终效果原图1、打开原图素材大图,按Ctrl + J 把背景图层复制一层,混合模式改为“正片叠底”,不透明度改为:30%,效果如下图。2、新建一个图层,用透明度为10%左右的黑色画笔把中间区域涂暗一点,如下图。3、创建色彩平衡调整图层,对阴影,中间调进行调整,参数设置如图3,4,确定后把蒙版填充黑色,然后用柔边白色画笔把图5所示的区域涂出来,确定后把图层不透明度改为:50%。

PS给草丛人像照片添加唯美的落日美景美化教程
最终效果原图1、打开原图素材大图,创建可选颜色调整图层,对黄、绿、白进行调整,参数设置如图1 - 3,效果如图4。这一步快速把草地颜色转为黄褐色。2、按Ctrl + Alt + 2 调出高光选区,按Ctrl + Shift + I 反选得到暗部选区,然后创建曲线调整图层,对RGB、红、蓝通道进行调整,参数及效果如下图。这一步把图片暗部压暗,并增加冷色。

Photoshop给普通的海边照片添加时尚大片效果
效果图:原图:首先,我们用bridge打开这张图片。然后再bridge中打开camear RAW插件,先给这张照片校准白平衡。(并不是所有的照片,都需要校准白平衡。)然后按照我图片的参数来操作,这个地方需要降低饱和度,因为模特是站着夕阳下,夕阳的余晖印在模特脸上,过于暖色的颜色不适合我们想要的冷艳的风格。(需要强调的,我们调色需要在你开始操作前,就已经在脑海中要预期就已经有你要的色调。) 这里增加自然饱和度在于,当你增加自然饱和度,画面的颜色并不会很强烈的变化,而是对一些画面本身有的颜色,只是不明显。自然饱和度可以让这些颜色,重新出现在画面中。因为夕阳的光线过于暖,导致画面并不是我预期想要的冷色调,所以我降低对比度,让画面变灰,方便我后面来调色。因为是夕阳下的情况下,光线必定不充足,导致画面阴影处很多噪点。我这一步是用来消除画面的噪点,手动的降噪要比(单反)机器本身降噪更好。这点大家回去设置相机的时候,记得把机身降噪关掉,用后期软件来降噪。 降噪之前,我需要锐化一下人物和山体的边缘。

Photoshop设计制作逼真的不锈钢金属环
今天教大家如何绘制一个iPad应用程序的不锈钢金属环,效果很逼真,光影控制得非常好,步骤也不多,很容易学会。童鞋们抽空学一下吧。1.使用矩形工具与椭圆工具创建圆环的形体。2.现在到了神奇的一步,应用图层样式,如下图所示。我们得到这样的效果: