推荐阅读
Illustrator设计扁平化风格的职业角色图像
在本教程中，我们将制作一套平面风格的肖像，描绘不同职业的人。这样的头像可以被用来当作社交网络的头像，或者是你个人网站的设计素材(描绘不同的职业类型)。你还可以用这种方法制作自己的扁平化肖像，用作你自己的商业名片。现在让我们开始我们的教程吧。Adobe Illustrator的几何形状工具在制作矢量图形方面非常棒。我们通过接下来详细的教程发现新的使用技巧和窍门。(路径查找，裁剪和蒙板工具以及其他的一些AI功能)即使你是刚入门的新手，也可以很轻松的使用这个教程完成上面的肖像画。赶紧跟随教程制作起来吧。先看看效果图(一)制作一个建筑工人的扁平化肖像画第一步：我们将开始我们第一个任务的头像，我们使用矩形工具(括号内为快捷键，以下同。矩形快捷键为M)制作一个65*80像素浅粉色皮肤色调的矩形，保持矩形选中状态。去对象>路径 >添加锚点。你将会注意到每一个矩形的边上上出现了新的锚点。第二步继续使用对象>路径 >添加锚点。为矩形的每个边在增加更多的两个点。 我们不需要用上面的锚点，，所以我们删除它们。用直接选择工具(A)选中需要删除的左边和右边倒数第三个点(左右各一个)然后在顶部的控制面板里，点击删除已选中锚点工具按钮。
2018淘宝店铺装修教程之基础旺铺全屏无缝实现方法！
本站改版上线以来，淘宝店铺装修方面的文章一直没有着手写，虽然之前在笔者另外的两个网站上写了有小一千篇装修教程，但在本站却无从下手，想从另外一个角度出发，分享装修思路，以及能够给朋友们带来便利性的工具和代码。本篇讲解基础旺铺全屏海报的三种装修方法，选择一个自己适合或者喜欢的，更容易提供工作效率以及在枯燥的装修中找寻点滴快乐。 1、下图中是笔者总结的全屏代码，适合基础旺铺和专业版旺铺，代码并不复杂，即使没有html基础也没关系，只需要修改数值，替换产品链接和产品图片链接即可。 2、笔者把需要修改的地方改为中文，一是可以直观看明白意思，另外一个是可以方便替换，下面解读一下代码的意思：因为是全屏无缝代码，所以模块高度与海报图高度有20的差值。举例：【模块高度】580【海报图高度】600【产品链接】https://item.taobao.com/item.htm?spm=a1z10.1-c.w5003-18396994491.1.5ad574c730Kbum&id=44467511416&scene=taobao_shop【图片链接】http://gdp.alicdn.com/imgextra/i1/91049940/TB2tRmdveOSBuNjy0FdXXbDnVXa_!!91049940.jpg <div data-title="taoxuemei.com 基础全屏代码" style="height:模块高度px;"> <div class="most-footer footer-more-trigger" style="left:auto;right:auto;width:950px;height:模块高度px;top:auto;padding:0;border:none;z-index:1;background:none;"> <div class="most-footer footer-more-trigger" style="left:-485px;top:-20px;width:1920px;height:海报图高度px;border:none;padding:0;background:none;"><a href="产品链接"> <img src="图片链接" /> </a></div></div></div> 3、复制上面的代码，进入淘宝装修后台，添加自定义内容模块，然后进入编辑界面，弹出的编辑器界面上，点击第一个【源码】按钮，然后单击鼠标右键，弹出的下拉菜单中点击【粘贴为纯文本】，之后按照上面第二步里面介绍的方法，替换文字为数值或者链接，然后再次点击【源码】按钮，可以看到图片点击确定查看效果。 如果手动修改代码搞不定，那么可以选用在线全屏代码生成工具，此类网站较多不在这里推荐，可以百度搜索一下，相比代码修改，此类工具提供图形化界面，只要按照提示填充链接即可，有些还可以做成 全屏热点、全屏无缝的代码，获取代码之后，还是要回到淘宝装修后台，编辑自定义内容模块添加代码即可。 如果你对上面两种方式还是不满意，还是感觉麻烦，就是不想接触代码，那么可以使用基础全屏模板，不过需要购买之后才能用，图形化的操作，不用接触代码，设置完成后，用客户端自动按照到淘宝店铺即可。 注册网址：http://www.taoxuemei.com/tao/276.html 注册之后送一套模板，登录之后咨询客服购买以及使用问题。 根据自己的需求和实际情况，选择适合自己的方式方法，使用代码一些数值需要调试的，比如【style="left:-485px;】，这个485是需要根据实际来调整，可能是585，也可能是685。基础版旺铺的装修，其实是比较麻烦的了，因为很多数值需要调整（淘宝对于css的限制，导致很多类不能直接修改），后期维护太麻烦。 笔者建议使用4y4基础全屏模板，有个模板直接替换图片，不用接触代码，相对而言简单多了。如有疑问可以在文章下方留言，笔者会及时回复你的。
在Dreamweaver MX中应用“占位图形”
“占位图形”顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作Web页面――在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。 一、插入占位图形 将光标定在需要插入图形的地方；选择：插入>图像占位符即出现图像占位符对话框，如图： 设定好各项参数后点击“确定”即将占位图形插入到了页面中，如图： 上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。 二、替换占位图形 1.当页面设计好以后，我们就需要使用正确的图形来替换到占位图形。在用DreamweaverMX（简称Dreamweaver MX）中选中占位图形并打开属性面板，点击“创建”按钮。则Dreamweaver MX就会启动FireworksMX(简称Fireworks MX)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。
Photoshop教程：模拟变形金刚壁纸
PS打造变形金刚壁纸。先看一下最终效果： （1）自己动手制作变形金刚壁纸 （2）在photoshop视图中新建一800×800象素的图纸，选择渐变工具绘制黄色到蓝色的渐变效果，如图所示。 （3）选择菜单“滤镜>风格化>凸出”，弹出凸出对话框，设置类型为“块”，“大小100象素左右”，“深度100”，“随机”。 （4）选择菜单“滤镜>艺术效果>塑料包装”以默认设置确定。 （5）选择菜单“滤镜>扭曲>旋转扭曲”
最新发布
Fireworks 制作美式涂鸦文字
使用文本工具，输入以下文字，字体为Impact，大小为36，颜色#003300： 选定文字，Ctrl+Shift+P(文本->转换为路径)，全选，Ctrl+G组合,属性面板中：纹理使用 纤维 50％ 笔尖黑色，1象素柔化： 现在是最没技术含量却是最重要的一步，使用部分选定工具(就是那个白色的鼠标)修改路径(文本已经完全编程了路径)： 最后得到： 在用部分选定工具选定blueidea，将笔尖宽度改为2：
Fireworks 制作铁锈字
现在Photoshop做铁锈字的教程已经很多了, 这里放一个FW做铁锈字的方法, 我这个铁锈字的效果并不是十分到位，但主要说的方法~ 我担心有写朋友没有金属的滤镜所以我也没用，如果金属字的部分直接用滤镜来做整体的效果会更好！ 大家可以多多交流更好的方法~我也选择的笔触的方法,但效果不是很好. 制作铁锈字，重点除了金属外最重要的就是铁锈了，但由于使用FW没有办法得到PS中喷溅的效果，所有制作起来并没有Photoshop那么灵活，但通过这个教程可以提示大家灵活运用Fireworks的各个功能也可以实现很多效果！ 1、首先，建议一个400*150的空白文档，然后使用黑色作为背景；在上面写上几个字，并选择稍微酷点的字体，这里我使用的是Cloisterblack BT,字体大小170，字体颜色白色： 2、给文字增加内斜角效果，设置参数如下： 3、画一个350*200的矩形，并添加线形渐变，渐变色为#999999到#333333： 4、选择 工具栏->滤镜->杂点->新增杂点->，数量为40，得到下图的效果：
Fireworks 的文字效果总结
总结之一：模仿别人的效果 1. 找到其他站的一些不错的效果，把图保存下来（保存不了的截图也好）。 2. 打开FW，把图文放大数倍，看清文字到底有些什么效果。特别重要的是，把文字实现的效果层次搞清楚。 基本的一些层次由内到外是：字内光亮->字内阴影->文字主体->描边/发光->阴影（通常描边和阴影可以放在一个层里实现）->其他背景 3. 分清层次后就可以自己来做了。要完全仿照的话，要具备几个条件： 4. 如果是英文，韩文，日文等语言的文字效果，要做成中文，只能用相似效果的字体了。寻找相似的字体，注意几点： 总之，这些效果是多多收集，切勿滥用。 总结之二：几种常见特效
轻松制作显示输入朋友名字的贺卡网页
新的一年就要到来了，今天我们来制作一个很简单又非常有趣的动态贺卡页面送给自己的朋友们吧！我们首先用Fireworks来绘制一个可爱的新年场景，然后对绘制的图像进行切割，导出为HTML页面，再通过简单Javasript代码的调用，生成一个功能强大的贺卡页面：只要你输入好友姓名，就能够生成专门给好友的定制页面和链接。当朋友们收到你为他们送上的特殊祝福，一定会非常开心的。文章末尾提供原文件供大家下载参考。原文件下载 制作步骤： 一、静态场景绘制 场景描述：一场大雪之后，堆一个胖胖的雪人。蓝蓝的天空，白白的雪地上，一个憨厚可爱的雪人给寒冷的冬天带来了许多乐趣，就连顽皮的小狗狗都被吸引过来了，围着雪人好奇的看个不停。这个场景是不是也牵动了你们童年的思绪呢？ 1． 我们首先在Fireworks中新建一个大小为1024×768的图像，从而能够让这个图片可以作为桌面来使用。先在脑海中构想一下蓝色的天空、白色的雪地。首先使用矩形工具为图像绘制一个背景，这里填充使用线性填充，左边的颜色滑块设置为#013366，右边的颜色滑块设置为#FFFFFF，得到如图1所示的图像。 图1 绘制图像背景 2、接下来我们就开始绘制雪人了。首先是雪人圆圆的脑袋，先绘制一个椭圆，填充设置为用白色实心填充，笔触大小为4，颜色为#858786，采用柔化圆形的方式来得到一种朦胧的效果，如图2所示。
Fireworks 动画制作：蝴蝶翻飞巧写书法字
看到许多论坛上有一种漂亮的GIF动画写字效果：随着一只上下飞舞的小蝴蝶，漂亮的书法字就一笔一划地写出来了。于是自己研究了一下制作方法，这里特地把Fireworks的制作步骤写出来和大家共享。文章末尾提供原文件供大家下载参考。 完成效果如下，看上去特别清新素雅。 1.在Fireworks中新建一个宽100像素、高120像素、画布颜色为“自定义”（颜色值为#C6E0FF）的文档。 2.在左边“工具箱”中选择矩形工具 ，设置属性如下图所示（其中颜色值为#69ACFF），制作边框。 提示：如果这个矩形大小不合适，可利用“Ctrl+T”变形进行调整。
Fireworks简单方法打造网页“闪字”动画
最近网络上很流行一种超炫的闪彩文字及签名，在QQ空间里、论坛签名里、各类回贴和博客都有炫彩闪字的身影，一些具有个性的闪字还相当耀眼，那么这种炫彩字是如可制作出来的呢？其实制作炫彩字并不难，我们在Fireworks中用闪底素材+粘贴于内部的制作方法，可以省去相当大的工作量，是一种别出心裁的方法哟！ 下面我们来看看闪字的效果。闪字素材下载 制作步骤： 1.打开Fireworks软件，新建一个透明背景的文档。(文档大小可以先设置为390×68像素，如果不合适，后期再进行修改) 2.利用左边工具箱中的“文本工具”在画布中输入文字，然后在下方“属性面板”中调整文字的大小/字体，并在“消除锯齿级别”中设置为“强力消除锯齿”。 点击看大图
Fireworks 倒影文字特效
先看一个源文件：上方文字用蒙板制作，下方文字使用渐变矩形做遮盖制作。现在，我们介绍另一种方法，都有源文件提供。 PNG源文件： 另一种方法PNG源文件： 教程开始： 1、输入文字，设置合适颜色，克隆两次，将其一移动到下方并垂直镜象： 2、将上方文字（两层中的上层）选取，文本菜单——转换为路径，取消群组，修改菜单——组合路径——联合：
用Fireworks做数字连续翻滚动画
闲来无事，译了篇Fireworks（以下简称FW）的基础文章，效果如图： 这是一个大家可能都喜欢的简单动画技术，使用Fw中的“逐帧”制作出来的效果。大家可以用同样的方法做成倒计秒数的动画。 在Fireworks中打开一个新的画布，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式 打开帧面板，使用黑白选择工具，在面板是右上角点击，弹出下拉菜单，选择“重制帧...”。 在弹出的对话框中，如下图设置： 选择9个新帧，是因为动画包含0-9个数字（相当于10帧）。
Fireworks制作环绕圆形文字
圆形文字环绕实例 有时候可能需要做一些圆形文字的环绕，类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果，不过只简单的通过Attach to Path功能是无法实现这种效果的，仔细地观察一下：环绕路径的文字的上半部和下半部实际上方向相反，所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果，其中还需要一些小技巧。：） 请看制作方法： 。 步骤一：新建一个空白图片，用Ellipse工具，画一个圆，用knife工具，将需要环绕的圆形路径在横向的两个顶点处一分为二 步骤二：使用文字编辑器将需要环绕在路径上的文字平均分为两个文字对象，并将它们的对齐方式设置为分散对方。