推荐阅读
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）选择菜单“滤镜>扭曲>旋转扭曲”
最新发布
Photoshop 打造毛茸茸的皮毛字特效
新建立一个白色背景的文档，设置字体为Arial Black，大字号36，输入字符:F，设置前景色#4E5500背景色为#E9EBCE，新建立一个图层，设置笔刷如下，创建一些图形： 然后旋转90度调整到如下图所示位置： 复制上面的图层，接着调整如下图： 再次复制图层继续调整，水平翻转： 重复上面操作，方法很简单，在这里不详细说调整方法了，注意删除一些多余的： 最终效果：
豹纹字效
豹纹字效是使文字表现出豹子皮毛的质感效果，如图6-2所示。豹子皮毛不仅具有好看的斑点纹理，而且其表面光滑，毛质细腻，呈现出一种自然美，深得人们的喜爱。图6-2 完成效果应用“染色玻璃”滤镜可初步创建豹子皮毛的纹理形状，然后综合应用“喷溅”滤镜、“云彩”滤镜、“添加杂色”滤镜、“USM锐化”滤镜和“动感模糊”滤镜，进一步丰富纹理效果，制作出光滑细腻的皮毛质感。图6-3出示了该例的制作流程图。图6-3 制作概览（1）运行Photoshop，执行“文件”\“新建”命令，打开“新建”对话框。参照图6-4所示设置对话框，创建一个名为“豹纹字效”的新文档。图6-4 设置“新建”对话框（2）在“图层”调板中，新建“图层1”，然后将其填充为白色。接着执行“滤镜”\“渲染”\“光照效果”命令，打开“光照效果”对话框。参照图6-5所示设置对话框。
沙砾字效
沙砾字是用沙子和碎石子堆砌的文字效果。沙砾材质适合用于体现与沙石、沙漠、沙滩、古道等概念有关的文字，如图6-27所示。图6-27 完成效果本实例沙砾质感的制作，主要应用了“纹理化”滤镜、“添加杂色”滤镜、“云彩”滤镜、“喷溅”滤镜和“高斯模糊”滤镜等滤镜效果。文字立体效果的制作，是通过设置图层样式创建的。图6-28出示了该例的制作流程图。图6-28 制作概览（1）启动Photoshop，执行“文件”\“新建”命令，打开“新建”对话框。如图6-29所示设置对话框，创建一个名为“沙砾文字”的文档。图6-29 设置“新建“对话框（2）在工具箱中设置前景色为沙黄色（R：199、G：178、B：153），按下〈Alt+Delete〉键使用前景色填充“背景”图层。接着执行菜单栏中的“滤镜”\“纹理”\“纹理化”命令，打开“纹理化”对话框。参照图6-30所示设置对话框，设置完毕后单击“好”按钮关闭对话框。
玻璃效果字
玻璃具有光滑透明的质感特点，本例制作的玻璃字光洁晶莹，透过玻璃表面可以看到底层的渐变颜色，适合用于各类简洁高雅的设计作品。图6-94出示了该例完成效果。图6-94 完成效果文字的玻璃质感是通过添加图层样式效果创建的，使用的图层样式有“投影”、“内阴影”、“斜面和浮雕”、“颜色叠加”、“渐变叠加”等。图6-95出示了该例制作流程图。图6-95 制作概览（1）首先启动Photoshop，选择菜单栏中“文件”\“新建”命令，打开“新建”对话框，如图6-96所示设置对话框，创建名为“玻璃字”的新文档。图6-96 设置“新建”对话框（2）使用工具箱中的“渐变”工具，单击工具选项栏中的“渐变条”，弹出“渐变编辑器”对话框，设置颜色为深蓝色（R：2、G：21、B：73）到蓝色（R：11、G：2、B：170）的渐变，设置完成后关闭对话框。在“背景”层中从上至下的拉动渐变色，效果如图6-97所示。
琥珀字
琥珀是一种半透明的树脂化石，微黄到微褐的颜色，主要用于制作装饰品，具有坚硬光滑的质感特点。因此琥珀字适合用在装饰性的设计作品中。图6-69出示了该字效完成效果图6-69 完成效果琥珀字的制作综合使用了多种技术操作，包括设置图层样式，编辑通道图像，添加各种颜色的填充效果，更改图层混合模式和不透明度等。另外在琥珀字图像中还设置了其他装饰性的图案，使画面的效果更为丰富。图6-70出示了该例的制作流程图。图6-70 制作概览（1）首先启动Photoshop，选择菜单栏中“文件”\“新建”命令，打开“新建”对话框，如图6-71所示设置对话框，创建名为“琥珀字”的新文档。图6-71 设置“新建”对话框（2）打开本书附带光盘\Chapter-06\“背景.jpg”文件。使用工具箱中的“移动”工具，将图像拖入到新建文档中，创建“图层 1”，如图6-72所示。
锈蚀金属字
该例制作的是锈迹斑斑的金属文字，如图6-132所示。生锈的金属材质可以表现出一种废旧、粗笨的图像效果，因此凡是符合这种设计意境的作品，都可以使用此方法制作锈蚀金属字。图6-132 完成效果锈蚀金属字的制作应用了较多的滤镜命令，用以创建锈蚀金属材质的特殊图像效果。这些滤镜命令主要包括：“云彩”滤镜、“添加杂色”滤镜、“动感模糊”滤镜、“USM锐化”滤镜、“分层云彩”滤镜和“光照效果”滤镜。图6-133出示了该例的制作流程图。图6-133 制作概览（1）启动Photoshop，选择菜单栏中的“文件”\“新建”命令，打开“新建”对话框，如图6-134所示设置对话框，创建一个名为“锈蚀金属字”的新文档。图6-134 设置新建对话框（2）设置前景色为灰色（R：126、G：126、B：126）。使用工具箱中的“横排文字”工具，输入文字，如图6-135所示。
砖块字效
砖块字制作的效果类似于用砖堆砌的文字，文字上面还有破损的缺口，表现出一种仿古怀旧的特点，容易给人留下久经沧桑的视觉印象。图6-154出示了该例完成效果。图6-154 完成效果该实例的砖块效果是由一张砖块材质图像编辑合成的，合成图像时主要应用了图层样式、色彩调整命令、“云彩”滤镜和“添加杂色”滤镜等技术操作。图6-155出示了该例的制作流程图。图6-155 制作概览（1）启动Photoshop，选择菜单栏中的“文件”\“新建”命令，打开“新建”对话框，参照图6-156所示设置对话框，创建一个名为“砖块字效”的空白文档。图6-156 设置“新建”对话框（2）选择菜单栏中的“文件”\“打开”命令，打开本书附带光盘\Chapter-06文件夹中的“背景1.jpg”文件，使用工具箱中的“移动”工具，将背景图像拖到“砖块字效”文档中，按下<Ctrl+E>键，将“图层 1”合并到“背景”图层中，如图6-157所示。
碧玉字效
碧玉字的制作要表现出玉质的圆润和翠绿的光泽效果，本实例将应用图层样式来创建碧玉字的这些质感特征。图6-200出示了该例制作完成效果。图6-200 完成效果制作碧玉字所使用的图层样式有：“斜面和浮雕”、“纹理”、“等高线”、“外发光”、“投影”、“光泽”和“内阴影”。其中“斜面和浮雕”样式可直接创建文字的立体效果，“等高线”和“光泽”样式的设置可创建出玉的光泽质感。图6-201出示了本例的制作流程图。图6-201 制作概览（1）启动Photoshop，执行“文件”\“新建”命令，打开“新建”对话框，如图6-202所示设置对话框，创建一个名为“碧玉字效”的新文档。图6-202 设置新建文档（2）设置前景色为暗黄色（R：185、G：179、B：142）。创建“图层 1”，使用前景色填充“图层 1”。然后执行菜单栏中的“滤镜”\“杂色”\“添加杂色”命令，参照图6-203所示设置对话框，设置完毕单击“好”按钮关闭对话框。
PS打造魔幻火焰文字
本教程向FEVTE的朋友介绍利用PS打造魔幻火焰文字。教程的火焰字制作并没有用到火焰素材，火焰部分基本上是用涂抹工具涂出来。在之前也有类似的教程。涂抹的时候可能比较费时，还需要控制好手感。最终效果 下面是制作步骤：一、新建一个800 * 600 像素的文件，背景填充颜色：#130b01。二、使用径向渐变从中上往下拉出一条渐变颜色。颜色设置为：#593105，#130b01。 三、新建图层，设置前景色为黑色，并执行：滤镜 > 渲染 > 云彩，复制两个云彩图层，设置图层混合模式改为“强光”。四、使用橡皮工具擦出大部分云彩，然后适当调整背景图层亮度，效果如下图。
PS制作可爱蕾丝花边文字
本教程向飞特的朋友们介绍利用PS制作可爱蕾丝花边文字，制作好的效果很可爱，女孩子应该很喜欢，话不多说，我们先来看下最终效果： 下面是制作步骤：第一步： 打开花纹素材，让设置前景色为#a9834f。 然后我们按CTRL+U，调整“色相/饱和度”。设置如下： 然后到编辑>定义图案。自己设置个名字。