推荐阅读
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滤镜轻松制作炫彩背景
新建图像800*800 背景为黑色，执行 Filter > Render > Lens Flare 连续N次的移动和添加光晕。效果如下 按CTRL+U执行 Hue/Saturation menu 设Saturation to -100如下 执行 Filter > Pixalate > Mezzotint 类型 = Medium Strokes. 再执行 Filter > Blur > Radial Blur Amount = 100 Type = Zoom Quality = Best 按 Ctrl + F, 7次左右 按 Ctrl + U调色 按 Ctrl + J复制新层 图层的叠加模式为 "Lighten" 在新层上进行如下操作 Fliter > Distort > Twirl amount of 50 再按Ctrl + J将这一层复制一个执行Go to filter > Distort > Twirl amount = -100
用Photoshop置换滤镜绘制斑驳边缘艺术相框
细心点的朋友能看出，用喷溅的效果出来边缘比较规则，这里我介绍我自己想的另一个办法（用PSD替换的方法），抛砖引玉~~~~方法很多，我的不一定是最好的办法，大家可以多尝试。 1. 新建一个文件，填充背景为白色。 2. 接着，滤镜－渲染－云彩。 3. CTRL+M 调整一下曲线。 4. 完成好后的效果再接着 滤镜－扭曲－玻璃 5. 做好以后保存为PSD 文件。 6. 新建一个文件，背景为黑色，另外另建一层，为白色矩形 。 7. 在矩形所在的层上，选择菜单“滤镜－扭曲－置换”，选择默认的选项，再选择你刚才保存的PSD文件，进行置换即可！（有现成的纹理效果应该更好，这样就省去做纹理的步骤了） 效果如下：
图解Photoshop内置滤镜12：风格化
Stylize(风格化) 滤镜主要作用于图像的像素,可以强化图像的色彩边界,所以图像的对比度对此类滤镜的影响较大,风格化滤镜最终营造出的是一种印象派的图像效果。 1、Find Edges(查找边缘滤镜) 作用:用相对于白色背景的深色线条来勾画图像的边缘,得到图像的大致轮廓。如果我们先加大图像的对比度,然后再应用此滤镜,可以得到更多更细致的边缘 调节参数:无 图解效果:原图像 查找边缘 原图像增加对比度后 查找边缘 2、Trace Contour(等高线滤镜) 作用: 类似于查找边缘滤镜的效果,但允许指定过渡区域的色调水平,主要作用是勾画图像的色阶范围。
图解Photoshop内置滤镜13：其它
1、 High Pass(高反差保留滤镜) 作用:按指定的半径保留图像边缘的细节。 调节参数: 半径:控制过渡边界的大小。 图解效果:原图像 高反差保留效果 2、Offset(位移滤镜)
图解Photoshop内置滤镜14：抽出
作用:Extract(抽出) 可以将对象与其背景分离，无论对象的边缘是多么细微和复杂，使用抽出命令都能够得到满意的效果。主要步骤为先标记出对象的边缘并对要保留的部分进行填充，可以进行预览，然后对抽出的效果进行修饰。 调节参数: A―边缘高光器工具:此工具用来绘制要保留区域的边缘。 B―填充工具:填充要保留的区域。 C―橡皮擦工具:可擦除边缘的高光。 D―吸管工具:当强制前景被勾选时可用此工具吸取要保留的颜色。 E―清除工具:使蒙版变为透明的，如果按住Alt键则效果正相反。 F―边缘修饰工具:修饰边缘的效果，如果按住Shift键使用可以移动边缘像素。 G―缩放工具:可以放大或缩小图像。 H―抓手工具:当图像无法完整显示时，可以使用此工具对其进行移动操作。 画笔大小:指定边缘高光器，橡皮擦，清除和边缘修饰工具的宽度。 高光:可以选择一种或自定一种高光颜色。 填充:可以选择一种或自定一种填充颜色。 智能高光显示:根据边缘特点自动调整画笔的大小绘制高光，在对象和背景有相似的颜色或纹理时勾选此项可以大大改进抽出的质量。 平滑:平滑对象的边缘。 通道:使高光基于存储在Alpha通道中的选区。 强制前景:在高光显示区域内抽出与强制前景色颜色相似的区域。 颜色:指定强制前景色。 显示:可从右侧的列表框中选择预览时显示原稿还是显示抽出后的效果。 显示:可从右侧的列表框中选择抽出后背景的显示方式。 显示高光:勾选此项，可以显示出绘制的边缘高光。 显示填充:勾选此项，可以显示出对象内部的填充色。 图解效果:原图像 标记边缘并填充保留区域 抽出后的效果
图解Photoshop内置滤镜15：液化
作用:使用它Liquify(液化) 滤镜所提供的工具，我们可以对图像任意扭曲，还可以定义扭曲的范围和强度。还可以将我们调整好的变形效果存储起来或载入以前存储的变形效果，总之，液化命令为我们在Photoshop中变形图像和创建特殊效果提供了强大的功能。 调节参数: A―变形工具:可以在图像上拖拽像素产生变形效果。 B―湍流工具:可平滑的移动像素,产生各种特殊效果。 C―顺时针旋转扭曲工具:当你按住鼠标按钮或来回拖拽时顺时针旋转像素。 D―逆时针旋转扭曲工具:当你按住鼠标按钮或来回拖拽时逆时针旋转像素。 E―褶皱工具:当你按住鼠标按钮或来回拖拽时像素靠近画笔区域的中心。 F―膨胀工具:当你按住鼠标按钮或来回拖拽时像素远离画笔区域的中心。 G―移动像素工具:移动与鼠标拖动方向垂直的像素。 H―对称工具:将范围内的像素进行对称拷贝。 I―重建工具:对变形的图像进行完全或部分的恢复。 J―冻结工具:可以使用此工具绘制不会被扭曲的区域。 K―解冻工具:使用此工具可以使冻结的区域解冻。 L―缩放工具:可以放大或缩小图像。 M―抓手工具:当图像无法完整显示时,可以使用此工具对其进行移动操作。 载入网格:单击此钮,然后从弹出的窗口中选择要载入的网格。 存储网格:单击此钮可以存储当前的变形网格。 画笔大小:指定变形工具的影响范围。 画笔压力:指定变形工具的作用强度。 湍流抖动:调节湍流的紊乱度。 光笔压力:是否使用从光笔绘图板读出的压力。 模式:可以选择重建的模式,共有恢复,刚硬的,僵硬的,平滑的,疏松的,置换,膨胀的和相关的八种模式。 重建:单击此钮,可以依照选定的模式重建图像。 恢复:单击此钮,可以将图像恢复至变形前的状态。 通道:可以选择要冻结的通道。 反相:将绘制的冻结区域与未绘制的区域进行转换。 全部解冻:将所有的冻结区域清除。 冻结区域:勾选此项,在预览区中将显示冻结区域。 网格:勾选此项,在预览区中将显示网格。 图像:勾选此项,在预览区中将显示要变形的图像。 网格大小:选择网格的尺寸。 网格颜色:指定网格的颜色。 冻结颜色:指定冻结区域的颜色。 背景幕布:勾选此项,可以在右侧的列表框中选择作为背景的其它层或所有层都显示。 不透明度:调节背景幕布的不透明度。 图解效果: 原图像 变形工具效果
图解Photoshop内置滤镜16：图案生成器
作用:Pattern Maker(图案生成器)滤镜根据选取图像的部分或剪贴板中的图像来生成各种图案，其特殊的混合算法避免了在应用图像时的简单重复,实现了拼贴块与拼贴块之间的无缝连接。因为图案是基于样本中的像素，所以生成的图案与样本具有相同的视觉效果。 调节参数: 使用剪贴板作为样本：勾选此项将使用剪贴板中的内容作为图案的样本。 使用图像大小：单击此钮将用图像的尺寸作为拼贴的尺寸。 宽度：设置拼贴的宽度。 高度：设置拼贴的高度。 位移：设置拼贴的移动方向（无，水平或垂直）。 数量：设置拼贴的移动距离百分比。 平滑度：控制拼贴的平滑程度。 样本细节：控制样本的细节，若值大于5会大大的延长生成图案的时间。 显示：选择显示原稿还是显示生成的图案效果。 拼贴边界：勾选此项可以显示出拼贴边界。 更新图案预览：勾选此项将自动更新图案的预览效果。 图解效果： 定义样本区 生成图案后效果
图解Photoshop内置滤镜17：Digimarc
Digimarc滤镜的功能主要是让用户添加或查看图像中的版权信息。 1．Read Watermark (读取水印滤镜) 作用:可以查看并阅读该图像的版权信息。 2．Embed Watermark(嵌入水印滤镜) 作用:在图像中产生水印。用户可以选择图像是受保护的还是完全免费的。水印是作为杂色添加到图像中的数字代码，它可以以数字和打印的形式长期保存，且图像经过普通的编辑和格式转换后水印依然存在。水印的耐用程度设置的越高，则越经的起多次的复制。如果要用数字水印注册图像，可单击个人注册按钮，用户可以访问Digimarc的Web站点获取一个注册号。 结束语: 本系列文章中，我们只是内置的滤镜单独对图像的作用进行了简单的介绍，如果对图像多次应用不同的滤镜则可以得到无数的效果。本文只对滤镜的效果配合图像进行必要的说明，若想精通滤镜的使用，还需要大家不断的积累和大胆的创新。
PHOTOSHOP中利用壁画滤镜制作图像边缘
第一步：打开图像后按Ctrl+A进行全选，然后选取选择窗口中修改的扩边命令，在弹出的菜单下设置边界宽度为64像素，按确定键后我们就得到了一个宽度为32的环绕图像边缘的矩形区域。扩边命令创建的选区是在已有选区的基础上向外、向内各扩展宽度的一半所形成的，而原选区框正好在图像的边缘上，因此只能有一半的宽度。 第二步：选取选择菜单下修改的扩展命令，在弹出的窗口中设置扩展量为16个像素按确定键。这样，选区的宽度将扩大到48。 注：执行上述两个步骤时应注意根据自已图像的大小来定扩边或扩展量的大小。 第三步：选择滤镜菜单下艺术效果的壁画命令，在弹出的窗口中设置画笔大小为8、画笔细节为5、纹理为3，确定后就得到了边缘效果图。 第四步：选择滤镜菜单下的退去壁画命令，不透明度为100%，模式为正常按确定键就得到了最终效果。 注：退去命令是为了使边缘效果与图像更好地融合在一起，但这个命令必须在使用了滤镜效果后马上使用。
PHOTOSHOP中利用填加杂色滤镜制作图像边缘
第一步：打开图像后按Ctrl+A进行全选，然后选取选择菜单下修改的扩边命令，在弹出的窗口中设置边界宽度为64像素，按确定键后我们就得到了一个宽度为32的环绕图像边缘的矩形区域。扩边命令创建的选区是在已有选区的基础上向外、向内各扩展宽度的一半所形成的，而原选区框正好在图像的边缘上，因此只能有一半的宽度。 第二步：选取选择菜单下修改的扩展命令，在弹出的窗口中设置扩展量为16个像素按确定键。这样，选区的宽度将扩大到48。 注：执行上述两个步骤时应注意根据自已图像的大小来定扩边或扩展量的大小。 第三步：选择滤镜菜单下杂色的填加杂色命令，在弹出的窗口中设置数量为100、分布为高斯分布、选中单色，确定后就得到了初步效果。 第四步：选择滤镜菜单下的退去填加杂色命令，不透明度为100%，模式为正常按确定键就得到了最终效果。 注：退去命令是为了使边缘效果与图像更好地融合在一起，但这个命令必须在使用了滤镜效果后马上使用。