推荐阅读
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还原风景照片的真实色彩
本教程介绍风景照片的调色，大致思路：照片调色完全是按照个人的喜好调整，即使是同一张照片，也不可能大家都是调成同一个效果，调色可以按先局部后整体调法，照片哪个部分不好就调哪个，然后再整体协调就可以了！原图最终效果1.打开原图，使用套索工具选择上部分，天空部分2.然后添加调整层，选择照片滤镜，设置如下3.然后按CTRL单击照片滤镜层中的蒙板，载入选区，然后反选，我们修饰下部分4.同样再建立一个照片滤镜调整层，设置如下
Photoshop和ImageReady制作闪心动画边框
本文中我们介绍用Photoshop和ImageReady 制作一个可爱的闪烁的心形图案每组成的动画边框。 下面是制作步骤： 1.Photoshop中新建一个150*200的文档，创新1个新图层，选择自定义画笔在图层1上绘制一个心型图案的框框。 2.按CTRL+J复制图层1，将四个角的心单独选出来，可以用钢笔工具或多边形套索工具建立路径，然后按CTRL+ENTER将路径转换过选区，按CTRL+U调出色相饱和度选项框，把色相调整到-155，其它选项不变。
PhotoShop制作亮晶晶的人物闪图GIF动画
打开要处理的图片。并复制一层然后选择（图层1）用魔棒工具点出想要处理的地方选择添加杂色（设置如图现在选择（图层1副本）也进入杂色（设置如图
打造发散彩色光芒的宝石盒动画
本文由中国教程网清风掠影 翻译整理，转载请保留此信息！为照顾新朋友，教程写的比较详细，其实制作过程很简单～～在一个外国站上看到的一个效果，感觉蛮好的，顺手做了个，顺便整理翻译下发上来大家一块练习吧` 很适合初学者练习喔~ 现在图像可以用了，按Ctrl+J复制图层，出现图层1现在，要把中间的宝石盒单独抠出来，这是一张全黑背景的，所以非常好抠，直接用魔术棒就可以了。选择魔术棒工具，在黑色背景上点一下，就把黑色背景全选起来了~
GIF牧阕銎鹣盗薪坛挞-移赢幅
PS：之前教程中的基本操作在本次教程中不再述，如有不懂之可翻之前教程。第三v教程v解的效果是：移赢幅(由于百度上飨拗疲所以我把尺寸略微s小了。)（@是原D）本次教程是对PS强大滤镜库的初探，滤镜库很方便、只需通^档脑O置就可以D片化橐庀氩坏降男Ч。有d趣的可以自己S便cc各VR看看有什N效果。以下教程_始：首先d入D片，绦Ctrl+J}制一D印⒀}制的D绦小VR”-“其它”-“位移”。等D所示。 由于本教程D度200象素，所以绦VRD釉俅问褂Ctrl+J}制，同r绦Ctrl+F.(Ctrl+F是绦星耙淮VR效果，且挡蛔。）直至最後一D樱即回原D又前那D印＿@樱加上原背景D樱共得到20D印之後D入IR，{整每一帧所的D印＿x袢部帧，⒀舆tO置0.05秒。（延trg^L造成面不B。）{整GIF担最後绦小拔募”-“化Y果存椤奔赐瓿伞
晶体效果字
在本例中，我们将制作一个具有圆柱状晶体效果的字体，所运用到的主要命令有：Gaussian Blur；find edge；Britness/contrast; apply image; hue/saturation 命令步骤：1. 创建一个200*80 pixels 的新文件；填充背景色为淡蓝色。2. 创建新通道Alpha 1,输入文字，并拖放到适当的位置，取消选取范围。3. 复制Alpha 1 通道成为Alpha 2 通道，载入Alpha 1 通道。4. 执行Filter>Blur>Gaussian Blur命令，设定Radius: 2.0 pixels。5. 执行Select > Inverse 命令
Photoshop制作漂亮鲜花文字
最终效果 素材 1.新建一个文档，用文字工具分别输入3个字母，形成3个单独的文字层。分别自由变换缩放，并移动到合适的位置。（图P-1.1，图P-1.2所示）
