推荐阅读
Illustrator打造超漂亮镂空艺术字教程
本教程主要使用Illustrator打造超漂亮镂空艺术字教程,教程是我在网络上学习的时候看到的,感谢风风语者的原创分享。喜欢的朋友让我们一起来学习吧。先来看看最终的效果图吧:具体的制作步骤如下:
PS制作巧克力文字效果
这篇教程教飞特的朋友们用PS制作巧克力文字效果,教程难度中等偏上,制作出来的文字效果挺漂亮的,值得一提的是大家在制作时必须注意巧克力块的大小和文字大小的匹配。转发过来和飞特的朋友们一起分享学习了,先来看看效果图吧::具体的制作步骤如下:第1步:设置远景色为#fece01,和背景颜色#e8661b,使用径向渐变,从中间往角落拉。第二步:将我们提供的牛皮纸加入到画布中,然后设置不透明度为:50%。点击图层面板下面的新建调整层,选择色相/饱和度。
在网页中显示可拖动月历
r使用本文提供的JavaScript脚本,配合Dreamweaver的层和行为的运用,可以在页面中显示可拖动的精美月历。具*作步骤如下:1、启动Dreamweaver MX,新建一个HTML文档,切换到代码视图,编写JavaScript脚本。(1)在HTML文档的< head>...< /head>插入下面的JavaScript脚本:< SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> //定义月历函数 function calendar() { var today = new Date(); //创建日期对象 year = today.getYear(); //读取年份 thisDay = today.getDate(); //读取当前日//创建每月天数数组 var monthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); //如果是闰年,2月份的天数为29天 if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29; daysOfCurrentMonth = monthDays[today.getMonth()]; //从每月天数数组中读取当月的天数 firstDay = today;//复制日期对象 firstDay.setDate(1); //设置日期对象firstDay的日为1号 startDay = firstDay.getDay(); //确定当月第一天是星期几//定义周日和月份中文名数组 var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"); //创建日期对象 var newDate = new Date();//创建表格document.write("< TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' ALIGN='CENTER' BGCOLOR='#0080FF'>") document.write("< TR>< TD>< table border='0' cellspacing='1' cellpadding='2' bgcolor='#88FF99'>"); document.write("< TR>< th colspan='7' bgcolor='#C8E3FF'>");//显示当前日期和周日 document.writeln("< FONT STYLE='font-size:9pt;Color:#FF0000'>" + newDate.getYear() + "年" + monthNames[newDate.getMonth()] + " " + newDate.getDate() + "日 " + dayNames[newDate.getDay()] + "< /FONT>");//显示月历表头document.writeln("< /TH>< /TR>< TR>< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>日< /FONT>< /TH>");document.writeln("< th bgcolor='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>一< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>二< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>三< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>四< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>五< /FONT>< /TH>");document.writeln("< TH BGCOLOR='#0080FF'>< FONT STYLE='font-size:9pt;Color:White'>六< /FONT>< /TH>");document.writeln("< /TR>< TR>");
CDR如何修改椭圆与圆形的大小
第一步:用椭圆工具绘制一个椭圆,在属性栏上面可以看到椭圆的宽度与高度。第二步:选中椭圆对象,就可以在宽度与高度里面改成自已要的参数。在这里改成了30宽度与20高度。第三步:点击椭圆工具,按住Ctrl键不放,拖动工具绘制正圆。第四步:选中正圆,改正圆时要把锁定比率给选上,这样修改宽度与高度任何一个参数,都会一起变成一样的参数。在这里设置30MM 这里的30MM不是半径。
最新发布
Fireworks制作昆虫
说“半原创”,是因为这只昆虫随处可见,我只不过是以自己的思路把步骤写出来而已。我是个Fireworks生手,也是第一次写教程,难免有疏漏和不足之处。虽然是个简单的教程,但也终于体会到写教程的不易了。完成图:步骤:1.画布:200×200,点椭圆工具,按住shift画一个正圆,在属性面板中将圆的宽和高均设为96,边缘消除锯齿,颜色为#870d94,如图1;图12.选中正圆,在原位复制一个(ctrl+c,ctrl+v),颜色改为#333333,用矩形工具画一个长度大于此圆的矩形,如图2位置摆放。按住shift,选中圆形和矩形,“修改”-“组合路径”-“打孔”,效果见图3;图2图33.再次选中第一次画的正圆,在效果面板中选择“内侧发光”,参数如图4,再选择“投影”,参数如图5,效果见图6;图4图5图64.为了突出层次感,在半圆的底部画两条直线,一条白色,一条黑色,再用直线工具在背部中间画一条直线(笔触2,柔化线段,透明度50),见图7(为了看得更清楚,特放大至200%预览);图75.大致的轮廓出来了,接下来用椭圆工具画昆虫身上的斑点,适当调整方向和位置,效果见图8;图86.下面做头部的高光部分。画一个椭圆,选择线性渐变,调整渐变方向,见图9,渐变参数见图10;图9图107.别忘了,昆虫的背部也是发光的哦,同样,画一个椭圆,用白箭头工具将椭圆调整至如图形状,颜色#ff00ff,边缘羽化,羽化度25,效果如图11。很明显,高光部分把斑点和背部的中线遮盖了,所以在层面板中把中线和斑点移至高光的后面,效果如图12;图11图128.触角的制作不细说了,熟悉钢笔工具的朋友可以直接用钢笔画路径,我是用很笨的方法画出来的……PNG源文件:
Fireworks 制作 NOKIA8250 手机
因为作品比较复杂,所以不可能一步一步的写出来,这里只提供一个思路,具体的参数可以参考我所提供的源文件。 首先,考虑到手机的结构流线型比较复杂,可能有些钢笔工具用的不算太熟的朋友不能一下子用钢笔把手机的外框勾勒出来,我们可以这么做。 先画出下半部分,我们这里把手机的外观分成四部分来做,这个是右下角的部分,因为手机是对称的嘛,所以,做出来右下角,我们可以执行shift+ctrl+d克隆一个一样的,然后执行变形―>水平翻转,再把两个拼起来,执行修改->组合路径->联合,效果如图: 同样的道理,可以做出上半部分: 可能有的朋友说怎么能做到和NOKIA的外型一样呢?你可以网上去搜一张手机的照片,然后照着手机的外型描边。可以画圆角矩形,然后再用打孔(这里可能反复用到打孔、联合之类的方法,如果你是用钢笔高手可能这里的麻烦就省掉了,可惜偶不是,只好用笨办法啊)呵呵。手机的外型大概就可以出来。 然后再边框选无色,填充线性渐变: 到这一步就可以做一点实质性的东西了。选择eye candy 4000滤镜,选择倾斜效果。 做出来效果如图 我的思路大概就是这个样子,之后的按钮用的是两个圆,然后执行组合路径里的交集,然后再用同样的滤镜处理,具体数值可以参看我提供的源文件,也许你可以自己调出比我更好的效果,我做的效果如图: 还有一些我觉得需要注意的地方我都勾勒出来了,光照方向,我一开始没有注意,以至于一开始阴影方向不对,后来我一位学艺术设计的朋友帮我指出来了: 具体我要说的也就这么多。具体的颜色啊、滤镜的参数大家可以看源文件或者自己调节。 最后还要说一句的是,这是我第一次写教程,也算是处女作吧,写的可能并不算好,也许很多问题没有讲明白,如果大家有什么问题可以问我,我觉得做这个小练习最大的收获可能是对于打孔、联合 还有倾斜效果滤镜的练习,还有就是耐心,做这个东西的确需要很大的耐心。(啊!谁扔我西红柿啊!!!) 希望我们有问题能够共同探讨、共同学习、共同进步。(旁人:还不下来 你说的有完没完)
Fireworks 教程-文字蒙盖图像
文本蒙版是一种矢量蒙版,只需将文本用作蒙版对象即可。要取得成功的效果,文字的颜色需要改成白色,并且选择的字体尽量粗,实例中使用的是“汉仪超粗黑繁”。 1.新建一个文件,打开一个图或是导入一张图2.使用“汉仪超粗黑繁”字体输入文字。3.把文字的颜色改成白色,如果增加效果,产生的效果也要改成白色,实例中给文字增加白色投影。4.同时选中文字和图片,使用菜单命令中的“修改”/“蒙版”/“组合为蒙版”命令。最后效果......
四分之一圆的制作
文 / donger四分之一圆的制作一、 在工具面板中,选择 工具,按住shift键,画一个正圆。在info面板中设置圆大小为200*200。填充色为桔黄色。二、 在工具面板中,选择矩形工具,按住shift键,画一个正方形,在info面板中设置正方形的长宽为100*100三、用黑色箭头选择工具,从上往下拉一个选择框,把这个正方形和圆全部选进去。四、菜单modify中选择align命令,分二次执行left和top命令,使二个选中的物体上对齐和左对齐。看下图五、此时二个物体还是处于被选中状态,再使用modify菜单combine中的insersect命令或者使用crop命令,使这二个物体进行切割,圆就只剩下四分之一。 六,至此,一个四分之一圆就完全出来了。至于combine中的几个命令,也可以称为布尔运算,将会在一篇单独的教程中作详细的介绍。
对文字进行渐变填充
对文字进行渐变填充 一、新建文件,选择工具栏中的文字工具,并在text editor窗口进行如下设置,键入DONGER这几个大写的英文字母。点击确定 二、菜单text->convert to paths,使文字变成路径。 三、此时文字仍处于被选择状态。选择fill面板,填充类型设为linear,点击edit按钮,进行渐变色的编辑,左边设为黑色,右边为红色,这样每个字母就自动填充上了由黑到红的渐变色。 四、最后结果 上面所说的是对每个文字进行渐变填充,但如果想对一行文字进行由深到浅的渐变又该如何呢?
两种羽化方法
用Fireworks对位图边缘进行羽化 下面我们介绍一种简单的位图羽化方法,这是Fireworks的基本功能之一方法一 一、在文件中导入一张需要被羽化的位图(菜单 > file > import) 二、在工具栏中选择椭圆形选择工具或是矩形选择工具,在位图需要羽化的部位进行选择。 三、菜单 > modify > marquee > feather命令。 四、在feather selection对话框中设置羽化的半径,这里我选了20个象素,点击OK 五、用黑色箭头工具,把这个选择框拉到一边,相应的图片也跟着移到旁边。 六、我们可以把不需要的图片删除,也可以把这个已经羽化完了的图片复制到别的文件中去。
选择性的JPG压缩
文 / donger选择性的JPG压缩五、这时我们选择optimize面板。在下拉菜单中选择文件类型为jpeg。对图片其他模糊的压缩率设为30(quality:30),被粉红色蒙板遮照的地方默认为90%,这是一个非常高质量的压缩率了,不过如果想修改的话,我们可以点击selective quality旁边的 按钮进行编辑。六、 照刚才这样的设置,我们点击preview标签就可以预览该输出的结果。怎么样,狗熊周围是不是有了马塞克效果,呵呵,那是因为图像精度不够,压缩率太低所照成的的结果。这个效果不是轻松就做出来了吗?七、 发现没有,modify->selective jpeg下有好些选项呢。我们只使用了第一个,其他几个分别是派什么用处的呢。下面就来简单的介绍一下。save selection as jpeg mask,这个选项我们刚才已经说过了,那这儿就不多说了。Restore jpeg mask as selective,这个选项是用来重新定位选择框的。我们选了这个选项,选择框就能重新被定位,看下图,我们把选择框向左上角拖动一些距离,但这时粉红色的遮照并不跟着移动。如果我确定下来该选择框该放在哪儿,就可以再重新使用save selection as jpeg mask,做了这步操作,粉红色的遮照框才会跟着移动到所需的地方。settings选项,和刚才的按钮 起同样的作用,对遮照区的图像进行设置你钩选enable selective quality,就能设置这块区域的压缩率。Overlay color是选择遮照块的颜色,系统默认的为粉红色,当然你可以改变其为你自己喜欢的颜色。下面的二项分别是为了保证文字和按钮质量的,如果你的图片中有文字和按钮的话。只需在其前面打个钩就可以了。是不是很方便?呵呵最后一个选项remove jpeg mask,我想不用我说大家也知道了吧,就是取消上面的一些设置。图片恢复原样。好啦,这个Fireworks4的新功能就全部介绍完了,还有什么地方不懂的吗?
按钮制作
文 / donger按钮三看下图,这象是苹果机上的图片吧,用Fireworks也很容易能够做出来,关键是对渐变色的掌握程度,想知道制作方法吗?跟我做一遍!一、 新建文件,背景为白色。用矩形工具画一矩形,在info面板中设置这个矩形的W为173,H为54,键入回车表示确定。在object设定roundness为45,这是用来设置矩形的圆角尺寸。二、选择这个圆角矩形,打开fill面板,填充类型选为linear,打开edit按钮编辑渐变色带,如下图所示,色带有白和黑组成。三、设置完渐变色后,打开effect效果面板,类型为inner bevel,在其下拉菜单中选择smooth,深度选为7,其他的按默认的设置,这样基本的框框就做好了,看下图所示。 四、再用矩形工具做二个矩形,其中一个矩形需要在其object面板中设置其roundness为30。颜色此时随自己喜欢,为了看得清楚,为了圆角矩形我用黑色填充,直角矩形为灰色填充。五、全选二个矩形,使用菜单modify->combine->punch命令,执行命令后,形状如下:六、打开fill面板选用linear类型进行填充,编辑效果及渐变方向如下图所示。七、把这二个形状按如下位置放置。八、用工具面板中的文字工具输入文字。你可以输入自己需要的文字。九、把文字放在按钮的上面。这个按钮就全部完成了。
同一色系的图片
文 / donger把一张全彩的位图变成同一色系的图片如下图所示结果,这个效果在Fireworks中非常容易实现。下面我来介绍一下制作过程。一、 在文件中导入需要改变颜色的位图(file->import)二、 单击图片,查看INFO面板中的信息(W&H)三、 选用矩形工具(rectangle tool)画一个矩形,填充除了白色以外的任何颜色,storke为none,并在INFO面板中键入位图的W和H的数值,这样矩形就和位图一样大了。四、 同时选中这二个图形,用菜单中的命令或是工具栏上的命令(modify->align->center horizontal)和(modify->align->center vertical)使它们上下重叠。 五、 在层面板中把位图层拖到矩形层的上方。六、 选中二个图形,用菜单命令(modify->mask->group as mask)对二个图形进行遮照。确定object面板选项为:七、 好啦,同一色系的图片就做好了八、 这个色系的颜色具有可编辑性,我们可以随意改变这个矩形的颜色,使色系的颜色不同。看下面二张图点击层面板中的上的用红笔圈住的地方,然后在工具栏中改变填充的颜色,相应的效果也就出来了,简单吧,自己动手试试吧