推荐阅读
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、使用缩放区域(缩放区域在Photoshop窗口的左下角或是导航器浮动面板中)可准确输入想要缩放的程度。小贴士:在输入值之后按下Shift+Enter键能够让这个区域保持活动。2、在默认情况下,状态栏上会显示文档大小,要改变状态栏上显示的信息,可以点击状态栏上的“显示”选项按钮,并在弹出菜单中选择相应选项。你也可以点击状态栏,来显示当前文档的打印大小。按下Alt点击能够看到图像的尺寸和分辨率,按下Ctrl点击则能够查看标题信息。小贴士:在状态栏菜单中选择“文档配置文件”,你就能够看到Photoshop中所有打开的文档的色彩情况。3、双击Photoshop的背景空白处(灰色显示区域)即相当于“打开”命令[Ctrl+O](文件>打开)。文档窗口4、要改变画布边缘色,你可以按下Shift,点击颜料桶工具,用前景色(灰)来填充画布边缘。注意:要替换默认的颜色,可以把前景色设置成25%灰度(R192,G192, B192),再次按下Shift点击画布边缘。5、使用“F”键可以使显示方式在三种不同的全屏模式间转换,或者使用工具条底部的全屏模式按钮。小贴士:按下Shift+F也可以在全屏模式下触发这个菜单。按住Shift点击工具栏上的屏幕模式按钮,也能够将所有打开的文档以选中模式显示。
关于PS抠图的初步认识介绍
1 抠图的本质 所谓抠图,就是将要与不要的图形区分开,也可以说:抠图的本质是更换背景。其具体表现有下述三种情况:1、更换为透明背景。这是名副其实的抠图。它实际上只能是:将不要的部分透明化(并不是真的换了一个透明背景)。如;创建选区,再拷贝-粘贴。2、更换为纯色背景。为上述真正意义上的抠图奠定基础。如:利用KnockOut软件或在PS中利用快照。3、更换为实用背景。它不拘泥于“抠”,而着眼于抠图的应用目的。如:在PS中利用快照。2 抠图的要点和关键要与不要的图形区域的边界(简称“抠图边界”)是抠图的关键部位,需要特别细心和认真对待。3 抠图的方法和工具方法和工具总是联系在一起的。抠图的方法大致可划分为下述三大类:1、创建选区。创建选区的目的在于将要与不要的图形区分开(至于选区边界的羽化,通常总是需要的,以下不再提及),以便通过拷贝-粘贴或删除等工具,将不要的图形区域透明化。
关于PS中文字的25条应用技巧
5、想要对几个文字图层的属性同时进行修改,例如字体、颜色、大小等等,只要将想要修改的图层通过按住Shift键关联到一起,再进行属性修改即可。 注意:这个特性的应用可以在“选项”浮动面板以及“字符”或“段落”浮动面板中进行操作。 6、尽管在文字图层中的编辑>填充命令和颜料桶工具都不能使用,但Alt+空格键(使用前景颜色填充)和Ctrl+空格键(使用背景颜色填充)仍然是可用的! 7、合理利用文字工具,在图像窗口中右键点击文字图层来显示一个相关菜单,里面具有很多有用的格式安排选项。 注意:在ImageReady中右键菜单的实用选项要比在Photoshop中所出现的更多。 8、有些字体可能不支持粗体或者斜体,那么你可以试着对它们使用字符浮动面板菜单中的仿粗体或是仿斜体。 提示:你也可以通过右键点击文字图层来选择仿粗体和仿斜体。 9、在你需要同时改变文字或段落图层中的大小和行距时,按下Shift和Ctrl键。 10、当你处在输入/编辑模式下时,使用“视图”菜单有什么作用呢?“显示额外内容”命令能够将文本选定隐藏。 11、为了限定Adobe的应用程序使用的某些字体,请将它们放进C:\Program Files\Common Files\Adobe\Fonts\。 12、使用以下的点击或是拖动方法来启用一些高级的文字选择特性:
关于PS中动作/批处理的15条技巧介绍
注意:要改变一个特定命令步骤的参数,只需要双击这个步骤,显示出相关的对话框:任何输入的新的值都会自动被记录下来。 2、要想从某个指定的步骤返回播放,只需要选中需要开始播放的步骤,接着点击“动作”浮动面板下方的“播放选定的动作”按钮即可。 3、如果你正在记录下的一个动作可能会被用于不同的画布大小,那么请将你的标尺单位转变为百分比。这样就可以确保所有的命令和画笔描边能够按相关的画布大小记录――而不是基于特定的像素坐标。 小贴士:要很快地改变标尺单位,只需要右键点击“标尺”[Ctrl+R](视图>标尺),接着选择你需要的测量单位。你也可以通过双击标尺来访问标尺的设置,或是通过“编辑>首选项>单位与标尺”菜单[Ctrl+K, Ctrl+5]。 4、当你在记录或编辑一个动作时,你可以插入一个菜单命令,只需要在“动作”浮动面板中选择“插入菜单项目”即可。 小贴士:对于将步骤类属记录到动作中,这是一个很好的方法,例如,菜单命令则能通过预设的参数而不被记录下来。 5、按下“Ctrl+Alt”并在“动作”浮动面板中选择“存储 动作”就能够将所有的动作保存为一个文本文件。这在你审查或打印一个动作内容时就非常有用。 注意:这个文本文件是不能重新载入到Photoshop中的。 6、关于动作,它有一个确实很强大的功能就是它能够播放其它的动作,甚至是在不动的动作设置中。对于包含那些能够分割到动作的“子程序”中重复的命令部分,这个特性是很理想的,因为这样能够让动作更容易编辑与维护。当你在记录一个动作的时候,选择其它的动作并点击“播放”按钮,这个播放命令就会被作为一个动作步骤记录到当前的动作中。 7、使用“文件>自动>创建快捷批处理”命令能将一个动作保存为一个快捷批处理。一个快捷批处理是一个很小的可执行文件,打开它能够自动打开Photoshop并将设计好的动作应用到任何你拖动到其之上的图像。
关于配置中的15条技巧
2、Photoshop要求一个暂存磁盘,它的大小至少要是你打算处理的最大图像大小的三到五倍――不管你的内存 究竟有多大。 例如,如果你打算对一个5MB大小的图像进行处理,你至少需要有15MB到25MB可用的硬盘 空间和内存大小。 3、如果你没有分派足够的暂存磁盘空间,Photoshop的性能则会受到影响。Photoshop所占用的聂存受到可用暂存磁盘空间的限制。因此,如果你有1GB大小的内存,并指示Photoshop能够使用其中的75%,但仅有200MB能够用作设计时的暂存磁盘,那么大多数情况下,Photoshop就会使用200MB。 注意:要获得Photoshop的最佳性能,将你的物理内存占用的最大数量值设置在50%――75%之间。[Ctrl+K, Ctrl+8](编辑>首选 项>内存与图像高速缓存)。 你不应将Photoshop的暂存磁盘[Ctrl+K, Ctrl+7](编辑>首选项>增效工具与暂存盘)与你的操作系统设置在同一个分区,因为这样做会使Photoshop与你的操作系统在争夺可用的资源,这样就会导致整体性能的下降。 4、在打开Photoshop时按下Ctrl和Alt键,这样你就能在Photoshop载入之前改变它的暂存磁盘。 5、要将所有的首选项还原为默认值,就在打开Photoshop或ImageReady之后立即按下Ctrl+Alt+Shift。此时就会出现一个对话框,询问你是否确认需要重置。 6、通常,到你选择一个历史记录接着对图像进行更改时,所有活动记录下的记录都会被删除,或者更准确地来说,是被当前的记录所替代。然而,如果你启用了“历史记录”浮动面板中的“允许非线形历史”选项,你就可以选择一个记录,对图像做出更改,接着所做的更改就会被附加到“历史纪录”浮动面板的底部,而不是将所有活动记录下的记录都进行替换。你甚至还可以在不失去任何在其下方的记录的情况下删除一个记录。 注意:在历史纪录之间的水平线颜色指示了它们的线性关系。用白色进行分割表示线形历史纪录,而黑色则表示非线形历史记录。 一个非线形历史不仅非常占用内存,它也十分地令人难以理解。
关于photoshop图层的42条技巧
图层的基本操作技巧 1、如果你只想要显示某个图层,只需要按下Alt键点击该图层的指示图层可视性图标即可将其它图层隐藏,再次按下则显示所有图层。 2、按下Alt键点击当前层前的画笔图标就可以将所有的图层与其取消链接关系。 3、要改变当前活动工具或图层的不透明度可以使用小键盘 上的数字键。按下“1”则代表10%的不透明度,“5”则代表50%。而“0”则是代表100%的不透明度。而连续地按下数字,例如“45”,则会得出一个不透明度为45%的结果。 注意:上述的方法也会影响到当前活动的画笔工具,因此,如果你想要改变活动图层的不透明度,请在改变前先切换到移动工具或是 其它的选择工具。 4、按下Alt键点击“图层”调板底部的“删除图层”图标,则能够在不弹出任何确认提示的情况下删除图层,而这个操作在通道和路径中同样适用。 小贴士:这条技巧同样也能够用在图层蒙板和剪切路径中,现在适当的缩略图上点击一下,接着按下Alt键后点击“删除”图标,这 样就能够在不出现任何确认提示的情况下将蒙板或路径删除。 5、按下Ctrl后点击“图层”调板底部的“删除图层”图标,就能够同时将所有相关的图层都同时删除。 注意:如果所有的图层都是相关联的,这个技巧则不能使用,因为你不可能将一个图像中的每个图层都删去,因为一个图像中至少需 要有一个图层。 6、当你当前在使用“移动”工具,或是按下Ctrl键时,在画布的任意之处右键点击都能够在鼠标 指针之下得到一个图层的列表,按照从最上面的图层到最下面的图层这样按顺序排列,在列表中选择一个图层的名称则能够让这个图层处在活动状态。
Photoshop CS3 扩展版新功能介绍
“快速选择”和“调整边缘”工具 快速进行选择。松散地在某个图像区域上绘图, “快速选择”工具会自动为您完成选择。然后使用“调整边缘”工具微调您的选择。 智能滤镜 从图像添加、调整和删除滤镜, 不必重新保存图像或重新开始以保持质量。使用非破损智能滤镜可以可视化更改而不必更改原始像素数据。 高级复合 通过自动对齐基于相似内容的多个 Photoshop 图层或图像, 创建更加准确的复合图像。自动对齐图层命令快速分析详细信息并移动、旋转或变形图层以完美地对齐它们, 而自动混合图层命令混合颜色和阴影来创建平滑的、可编辑的结果。 简化的界面和调板管理 最大化用于编辑的屏幕空间, 同时保持必备工具可以访问。调板现在以方便的、自动调节的停靠方式进行排列, 可以扩大到原来的大小或缩小为图标, 或者甚至缩小为监视器边缘的一个小巧的、自动展现的带区。 更好的原始图像处理 使用 Adobe Photoshop Camera Raw 插件以更快的速度和出色的转换质量处理原始图像, 该插件现在增加了对 JPEG 和 TIFF 格式的支持; 新工具包括 Fill Light 和 Dust Busting; 与 Adobe Photoshop Lightroom? 软件兼容; 及支持超过 150 种相机型号。 使用 Adobe Bridge CS3 的更快的、更加灵活的资源管理 使用 Adobe Bridge CS3 软件, 更加有效地组织和管理图像, 该软件现在提供增强的性能、一个更易于搜索的“滤镜”面板、在单一缩略图下组合多个图像的能力、放大镜工具、脱机图像浏览等等。 增强的消失点 使用增强的消失点将基于透视的编辑提高到一个新的水平, 这使您可以在一个图像内创建多个平面, 以任何角度连接它们, 然后围绕它们绕排图形、文本和图像来创建打包模仿等等。 增强的 32 位高动态范围 (HDR) 支持 创建和编辑 32 位图像并将多个曝光组合为保留场景的完全范围 (从最深的阴影到最亮的高光) 的单一 32 位图像。新的图像处理和对齐算法提供出色的结果。 黑白转换 可以轻松地将彩色图像转换为丰富的黑白图像, 并使用新工具调整色调值和浓淡。使用包含的黑白预设进行试验, 或者创建和保存您自己的自定义预设来达到最佳结果。 性能峰值 体验在基于 Intel 和 PowerPC 的 Macintosh 计算机上和在 Microsoft Windows XP 和 Windows Vista 系统上的本机性能。
Photoshop路径钢笔基础使用方法动画图解
Photoshop处理的是点阵图,而钢笔工具是Photoshop里面唯一矢量工具。刚接触这个工具可能会让你感到有点吃力,但是当你理解其运作原理后,你就会逐渐感受到其妙处。希望这一点技巧对你使用这个工具会有一点帮助。 首先,用鼠标按住这个钢笔工具的按钮。你将看见另一个工具栏的弹出,它们都属于钢笔工具。现在逐一介绍它们的用法。转换点工具:可以将一条光滑的曲线变成直线,反之亦然。
教你玩转Photoshop的“自由变形”工具
大家都知道在PS中编辑(Edit)菜单下有一个变换菜单,它的子菜单包含缩放、旋转等等,初学者在对这些菜单的理解上往往会以强记的方式,其实这样学习效果并不好。 这里我根我自己的一些经验和体会,对“自由变换”作了一个小结,以此献给初学者。 自由变换的快捷键:Ctrl+T 辅助功能键:Ctrl、Shift、Alt。 其中Ctrl键控制自由变化;Shift控制方向、角度和等比例放大缩小;Alt键控制中心对称。 一、三键均不按下,用鼠标拖动 1.鼠标左键按住变形框角点=>对角不变的自由矩形(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>对边不变的等高或等宽的自由矩形; 3.鼠标左键在变形框外拖动=>自由旋转角度,精确至0.1度。(5.0版本通过“info”信息面板“F8”;6.0以上版本可直接在选项栏中定义) 二、按下Ctrl,用鼠标拖动 1.鼠标左键按住变形框角点=>对角为直角的自由四边形; 2.鼠标左键按住变形框边点=>对边不变的自由平行四边形; 3.Ctrl对角度无影响。 4.特例(如图),当某角点拖动至侧对边外时(不好意思,具体位置和角度未计算)会出现如图扭曲。 1.鼠标左键按住变形框角点=>等比例放大或缩小(可反向拖动,形成翻转图形); 2.鼠标左键按住变形框边点=>(同一,即无影响); 3.鼠标左键在变形框外拖动=>15°增量旋转角度,可作90°、180°顺逆旋转。 四、按下Alt,用鼠标拖动
Photoshop通道在图像处理中的应用详解
如果问“什么是 photoshop 中最重要、最不可缺少的功能?”相信很多人的回答是“图层”。其实,在 photoshop3.0 之前,根本没有图层的功能。在图像处理中,最重要的功能是选区范围。只有正确地运用选区范围,才能够进行精确的合成。如果无法选区,也就无法作出相应的操作或处理。 为了记录选区范围,可以通过黑与白的形式将其保存为单独的图像,进而制作各种效果。人们将这种独立并依附于原图的、用以保存选择区域的黑白图像称为“通道”( channel )。换言之,通道才是图像处理中最重要的部分。 然而,真正懂得Photoshop通道的人并不多。对基本概念的一知半解,造成了技术上的断层,以致某些难点无法突破,这是由学习上的本末倒置所造成的。本文试图通过常用的图像处理方法,来探讨Photoshop通道的本质、运算及其特殊形式,帮助读者从中获得启发,理解本质,掌握应用。 一、通道起源――传统照相合成技术及其数字化 1 .遮板的应用 我们知道,照相排版行业的全面数字化不过是最近几年的事情。在此之前,图像合成工作者的工作量之大,内容之枯燥令人难以想象。他们必须将自己关在暗房里,在放大机下面作遮板,以便在底片曝光时有所选择。这种遮板其实就是有选择地在一张透明底片的不同部位涂上黑色染料,让光线不能透过。在曝光时,使遮板与底片重叠放置,这样,遮板上黑色区域下面的底片图像就因为被不透明的黑色遮住而不能被曝光,而只剩下透明部分对应的图像,也就是说完成了对照片的选择曝光。在进行了反复几次相同牟僮髦后,就能运用不同的遮板完成高难度的照片合成了? 通道的概念,便是由遮板演变而来的。在通道中,以白色代替透明表示要处理的部分(选择区域);以黑色表示不需处理的部分(非选择区域)。因此,通道也与遮板一样,没有其独立的意义,而只有在依附于其他图像(或模型)存在时,才能体现其功用。而通道与遮板的最大区别,也是通道最大的优越之处,在于通道可以完全由计算机来进行处理,也就是说,它是完全数字化的。 2 .通道――传统技术的数字化 计算机可以不知疲倦的 24 小时工作,而且效率极高。因此,人们不遗余力地将一切可能的信息交由计算机处理,数字化的浪潮席卷全球,图像处理行业也不例外。 如何将一张鲜活的照片变成我们硬盘上的“ 0 ”与“ 1 ”呢?在此之前,让我们来看看数字化信息的特点。首先,顾名思义,数字化信息最大的特点就是任何形式的信息都可以用数字完整、准确的表达出来,无论它是一条记录、一通电话、还是一段录影。数字化的这个特点是很容易理解的,我们称之为“解析”。