凤假假 凤假假
关注数: 9 粉丝数: 30 发帖数: 2,150 关注贴吧数: 11
PS新手教程!创建第三次世界大战的裂纹文字效果 在这个教程中,我会向你展示,如何在ps中创建一个关于第三次世界大战的,文字裂纹效果,最近的一段时间,很多粉丝,喜欢这种战争字体效果,而且这种富有创造力的效果,很多通过游戏标题中获得灵感。 在此过程中,我将向你展示如何使用默认的笔刷 ,为你的设计工作,创造引人注目的效果。会用到一些技术,例如图层混合模式,遮罩,还有图像调整。让我们开始吧! 这个是最终的效果。另外的版本我们开始吧! 完成这个教程,你需要以下的素材 1.Grunge Brushset(破旧笔刷) 2.Font 3.Crack Brushset Step 1 创建一个新的文档,大小在1200px*800px,填充背景图层颜色为黑色,创建一个新层,名叫“banckground texture”,在背景图层上面,然后我们开始画一些纹理背景,用我们刚刚下载的笔刷“grunge brush” 首先,我们想加载笔刷到Photoshop中,按下键盘上面的“B”键,选择画笔工具,并且按照下面截图所示的步骤。 1. 点击旁边的向下箭头画笔形状/大小 2. 点击右边的“画笔”调板右上角的箭 3.点击“加载画笔”的按钮在此之后,你会看到一个弹出的窗口,这个窗口中将会显示你所加载的笔刷,如下图所示。(黄亮部分则是我们刚刚加载的) 现在我们有了一套破旧纹理的笔刷,去创建我们的背景质地。在 “background texture” 层,我么使用这些加载的笔刷,并且绘制一些不规则的图案在上面。 (提示:不要坚持一个笔刷,试试它们的组合和调整不同的笔刷设置,如流量和不透明度,也许你会得到不一样的效果) 这个就是我使用破旧纹理所画出的效果。Step 2 现在我们有了一个很凌乱蹩脚感觉的背景。键入一些文字上在上面,使用我们在本教程开始下载的字体,在这个文本层上中,请套用下列的图层混合选项: 阴影内阴影斜面和浮雕渐变叠加(提示:你可以调整渐变的位置,按住左键不放,便可拖动)现在你得到的效果如下复制这个文本层,使文字看起来更粗壮和浑厚:Step 3 按住ctrl键,选择文本图层的选区, (如果你不知道如何操作, 可以看看以前的教程) ,创建一个新层,叫做“crack texture”. 保持选区蚂蚁线的存在, 加载 “Crack brushset” 到 Photoshop ,在“crack texture” 层, 有选区的位置,笔刷一遍。 你会看到,因为我们选择一部分选区,裂纹纹理只出现在选择范围内:复制 “crack texture” 图层然后改变此图层的混合模式为正片叠底(加色模式,暗的更暗),裂纹的纹理将变暗。给裂纹创造一些更多的变化,我们可以添加一些更多的层,每个层,从画笔面板中使用不同的裂纹纹理,并设置图层混合模式为“叠加”。 您可以添加许多层如你所愿,在这里我增加两个层裂纹纹理之后的效果:Step 4 现在我们可以添加一些颜色在文字上面,选择文字的选区,创建一个新层在这些图层的最顶层,叫做“colour overlay”层 这里有点棘手,我想实现一些色彩的变换,所以我使用套索工具,并且设置10px的羽化,按住“alt”键,减去文字的上部。保持蚂蚁线,选择一个颜色,然后使用一个软笔刷,绘制颜色在选区里面。再次加载文本层,在以前的颜色叠加层之上创建一个新层,这时候选择较浅的颜色和柔软的刷子,画在上部的文字,Step 5 现在我们可以添加调整图层, 整体效果带来了一些色彩对比度和亮度的变换。我添加了以下两个调整图层(图层>新建调整图层> …) 色阶曲线这里是最后的文本效果:ok了本教程基本结束,!当然,您也可以添加一些自己的质感效果,并看看有什么样最终结果!请记住要始终保持你的自己的的创造力!希望你从这个教程中学到东西 进学习群( 178914717):更好的 学习方案+ 升级方案分享喔……
经验分享:使用AI绘制复杂光滑曲线 :曲线的绘制如同打铁,达到恰到好处是一门手艺。 以iOS 7电话图标为例,介绍一种用 Adobe Illustrator 绘制复杂光滑曲线的策略。 复杂光滑曲线不是指线条的宏观形状复杂,比如有很多凸起、凹陷、转折和突变之类,它从宏观上看就是一整条曲线,光滑指的是曲线过渡顺畅,无论是急速的还是柔和的过渡,都是光滑顺畅的。策略指的是一种制作的方法,它可能并不牵扯到基本原理层面,而曲线的原理层面就是数学,在这只是一种应用。 但也从一些制作的曲线基本概念开始。Adobe Illustrator 和其他平面矢量软件一样,使用的是贝塞尔曲线,而且是三次曲线,用四个控制点来描述和控制曲线,而在 Illustrator 中控制部分定为了锚点和手柄,所以一段曲线是由首尾两个锚点控制线条的始末位置,而首尾的手柄控制线条的形态。 在用钢笔工具来绘制曲线时,就是点击 A 拖动到 a 再点击 B 拖动到 c 也就是确定了 b 形成 AB 这条曲线,那么,在通常情况下使用钢笔来绘制曲线是通过拖动来实现的,而不像三维软件中的一些曲线绘制工具是通过放置 A a b B 来实现的,Illustrator 的这种绘制方法的好处就是感觉更易控制(感觉上是两个点来确定的),缺点最明显一点就是 c,也就是说当你要绘制 b 时,c 已经确定,也就是说这段曲线如果还要延续下去,那么 c 已经事先确定了,如果你在绘制 B 点时,对下一段的曲线没有概念的话,只为了达到 b 的要求放置了 c 而没有意识到下一段,将给绘制工作带来更多的后续工作,通过再调整手柄控制点。在一些介绍曲线绘制教程中,可以看到一个 1/3 规则,也就是从锚点到手柄控制点的距离 d 大概是 1/3 曲线长度,这当然是一种通常的经验,并不是要严格遵守的,需要看曲线的形态。 1/3 规则是为了避免类似右边出现的情况。其实这个规格很容易理解,我们追求的曲线在数学描述上应该越简单越好,简单不只是数量上最少,比如最少的控制点,还有一个重要点就是均匀,均匀就是每一个控制点的权重是均匀的,不一定每一个控制点的权重要一样,但是如果左右锚点间的曲线是对称的,那么控制点的权重就需要一样,不仅包括曲线拉伸的权重还包括曲线方向的权重。简单说就是不能过分拉伸以及松弛,而是以简单的方法保持紧绷。一段曲线,即两个锚点两个手柄形成的曲线是容易绘制和控制的,只需要耐心调整就可以了,因为任何变化都可以在容易控制的范围内。但是,复杂的曲线不是两个锚点形成的一段曲线,它至少得是三个锚点以上。 如果我们去绘制一段曲线,能使用两个锚点来形成当然是最好,如果此时在曲线中间再放置一个锚点是自添麻烦,一下子将军控制的复杂度翻倍,但是由于形状的需求,必须要放置更多的锚点,一段简单曲线能表达的形状是有限的。 多了一个锚点,去拟合一条曲线,所谓拟合就是比如先手绘好的形状然后扫描将图像输入软件然后是勾画轮廓,有时我们并没有这个步骤,比如对照着手绘直接绘制,而且单凭一个脑袋,有的甚至凭感觉,这时候,会出现一个情况,就是绘制一条看上去形状差不多的曲线,可以有很多绘制方法,锚点放这可以,放在那也可以,只不过把手柄拖长一点,那么该如何选择呢。 凭感觉,凭经验,因为这是手艺。不过,重要的是要记住”均匀”这个词,追求”最简单”。 一旦将锚点增加到 4 个呢,这将会变得非常非常复杂,即使有经验的人,依然需要通过后续不断的调整来取得满意结果。 绘制曲线的目标是确定,而不是看上去差不多就行了,也就是包含在”简单”之内,每一个点都能确定,就像一个圆形,它的几个控制点就是确定的。而我们绘制曲线的确定当然不是 100% 的确定,而且一种确切感,如果经验丰富,就能知道下一个控制点在什么位置了。 但是,如果一段曲线是对称的,那么我们就多了一种确定了, 在绘制锚点的时候就可以左边这一点与右边这一点同样高,依此类推,我们可以找到很多确定,或者去拟合这种确定,比如比例上的,这段是那段的一半等等。而是用网格辅助来作图,也可以视作是寻找确定。 即使我们使用了网格,确定了 4 个锚点的以及手柄拉伸的长度和方向,也需要很大的工作量,而在实际中我们使用的方法还是依赖于眼睛,达到大概需求后再去规整尺寸,锚固好这些”确定”,在规整过程中不断调整。 但这种方式是没有效率的,尤其是锚点数量达到和超过 4 个的复杂曲线的时候。类似 iOS 7 电话图标的形状,左右对称显而易见,但是很难用 3 个锚点来确定这个形状,尤其是还要求”均匀”,没有过分拉伸或者形状拟合程度高。 用 Illustrator 来绘制曲线的时候,很少是直接下手绘制的,正是因为我们上面说的曲线没有确定性,不像四边形和圆形以及这些基本形状的组合图像那样,确定是事先的。所以无论我们是不是输入手绘进行拟合,在绘制过程中总是处在一种拟合状态的。 而在这提出的一中绘制策略,就是在这些复杂光滑曲线的绘制过程中引入更多的确定性,就像意识到图形是对称一样,我们要找到一些内在逻辑,控制着线条以可控的方式组合成。这种策略就是曲线的拆解,将复杂光滑的曲线拆解中曲线绘制最基本的单位,就是两个锚点两个手柄的一段曲线,然后就拆解后的曲线连接,再作一些细微调整。 两个锚点的曲线是可控的,也就是说有很高的确定性,而且手柄长度是独立控制的,而不像通常绘制中(见开头说的我们是通过绘制 c 来取得 b 的)前后影响的巨大,而手柄方向在绘制和后续连接和调整过程中很容易控制。 那么曲线绘制的技艺就转变为曲线拆解的技艺了,而拆解的技艺仍然以”均匀”和”简单”为宗旨,也就是说如果有对称和类似对称,那就是最容易拆解的部分了,如果很难拆解,那么我们去分析曲线的曲率变化,结合我们对两个锚点的基本曲线的可供形状的意识,以”简单”为目标去寻找却开点。 这种拆解策略在三维中也是通用的,只不过操作手段不一样而已,在这,我们依赖的操作手段就是开头的曲线的基本控制单元。 注:图形只是示例,这种拆解并不唯一,而且我是通过自己的方式去拟合 Apple 的那个 120*120 px 的图标,误差肯定很大。这种方法是在三维和二维之间互导发现的,比如将一条高阶的光滑曲线导入三次贝塞尔曲线环境中,看软件是如何自动放置锚点的。 进学习群( 178914717):更好的 学习方案+ 升级方案分享喔……
平面排版时,教你突出中文美感的几种方法第二集(基础篇) 以下所有图片都是我为了答题而即时设计的,质量不高,重在体会我所表述的意思。(希望高手不要喷,因为主要是给字体设计苦手看的) 我的这个方法重在提供思路。我觉得平面排版时你的脑袋中有的应该是”框架”,而不是”具像” 我觉得,你在平面设计中文排版时,需要从三个方面考虑:形态,节奏,对比。 一:形态 何为形态?正如很多答案中提到的繁体与简体,那就是一种形态。 我在这里要为简体正一下名:很多答案里面都提到繁体比简体更有韵味,更好看,好像好的文案一定要繁体做出来才”够中国”。其实不然,繁体作为字体的一种形态,有其优势,但必然有其局限性,所以不要迷信繁体,就我个人而言,我更喜欢简体。 下面我列举几种典型形态: 1:画面型 这种中国风很强,线条很柔的画面,用手写体显然更好。 看完上面这句话,大家不要形成这样的印象:中国风+柔线条=手写体。 我们为什么用手写体?是因为我们不想让文字喧宾夺主。 拿上面这幅图为例,我想要大家看的不是锦绣河山这几个字,不然我何必还专门找这样的配图? 大家会发现,当你在看下面这幅图的时候,你的注意力很容易就被锦绣河山这几个字吸引了,因为这种字体线条很硬,字体很粗,与整体风格不太一致,人眼对动的东西和特殊的东西总是分配第一注意力,当大家的注意力被字所吸引时,分配给画面的注意力就会减少,那么这幅作品就是失败的,因为你没有引导好观众。 所以,思路一: 好的文字形态是与画面相互融合的。 2:意境型 有时候,文字本身是带有温度和情感的,根据文字表达的意向去选择,会更好的运用好文字。 所以,思路二: 好的文字形态是与意境相互贯通的。 3:具象型所以,思路三: 文字形态是可以借用物象的。 二:节奏 什么叫文字的节奏?我对它的理解就是:内部统一。这就叫有节奏这就叫没节奏 下面这种给人的感觉是凌乱的,为什么呢?正如我前面说的,人对变化的事物总是敏感的,而这么频繁的字体变化,会让观众的注意力集中在变化本身上面,而不是文字所表达的意思上面。 所以: 在平面设计中,不要使用过多的字体以免失去节奏。 再比如:这幅图用了文字重叠和颜色变化的方式但并不显得繁杂,原因就在于节奏的掌控:只使用两种色彩,每个字重叠的距离统一,每隔一个字变化颜色。 所以: 要让文字显得有节奏,统一参数是很有效的方式。 三:对比 1:色彩对比 正如前面所讲的,人对变化是很敏感的,你运用色彩的变化,形成一种对比,很容易抓住人的眼球,表达你的要点。 所以: 用色彩变化,对比凸出你的重点。 2:大小对比 所以: 用大小变化,对比凸出你的重点。 3:字体对比 所以: 用字体变化,对比凸出你的重点。 ————————————————————————分割线————————————————————————— 用形态,节奏,对比三者组合,你的创意永远不会枯竭,可以给你提供无限的创作源泉。 比如下面这幅图:形态:繁体简体结合,因是暗色调的背景,所以字体颜色比较亮,且字体比较粗。 节奏:用了三种字体,三种颜色,通过颜色的明暗和字体的重叠来营造层次。 对比:有字体对比,大小对比,色彩对比。 上面这幅图只是我无聊的时候随便从上面这个框架里面选几个元素进行组合之后得到的,我相信它们组合的威力是巨大的。 ————————————————————————分割线————————————————————————— 下面,我来讲一下如何运用我上面讲到的框架来进行字体设计: 比如:我们要给下面这幅画加上”没有乌云,挡得住阳光”这句话。首先,我们确定字体形态。 对于这种大气磅礴的话语和如此宏伟的画面,我们选择的字体的要点是:要够大气,够粗,够霸道,最好棱角分明! 字体要横着放还是竖着放呢?考虑到画面左边相对比较干净,可以选择竖着放,因为横着放会挡住画面中的丁达尔,下面的草地放横着的字有空间狭小之虞。 选什么颜色呢?因为画面左边是暗色调,为了让字体明显,我们选择亮色的字体。 输出结果是:好,下面我们考虑对比: 为了突出阳光,我们让阳光的颜色与众不同: 感觉阳光还不够凸出,我们再加上大小对比: 输出结果:这时候我们再考虑节奏: 我前面提到过重叠,这时候,我们的话是:”没有乌云,挡得住阳光”,所以,我们是否可以考虑将阳光放到乌云前面呢? OK,看起来效果还不错。 但我们还可以再修饰一下? 文字形态里面我们提到过具象,而阳光这两个字正好在地上,我们是否可以营造出一种阳光洒满大地的感觉呢? 输出结果:OK,其实你还可以继续想: 乌云两个字是否可以用暗色调呢? 光字的延伸部分上面还可以放些什么呢? 等等…… 最后,希望「形态,节奏,对比」这六个字可以给你的平面设计带来帮助。
经验分享:简化输入,让网页表单更亲切 大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买。精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢?页面的布局、逻辑组织、视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大,这样的输入框也显得更大气。2、 添加选取器 与其让人输入不如提供选择,选取内容只要点几下,就自动填充进输入框,不但可以减少输入障碍,还能预防出错。可以把任何希望的数据做成选取器,比如日期、颜色、地址或者历史记录等等。 举个例子:前面的“对方开户姓名”输入框,需要填写对方的姓名,如果对方名字里有汉字不认识该怎么办呢?于是我们可以加上一个生僻字的选取器,如图:打开字库,可以根据模糊读音选取汉字填入输入框。另外,姓名输入框有校验,选取完成后不要忘记对输入框内容进行再一次校验。3、 预置文字 采用预置文字来简化输入经常在手机上看到,现在在网页上也常使用。比如微博上发言的输入框,会保留你上一次未发出的内容,可以重新编辑。 在网上也会看到把“输入提示”与“预置文字”混用。当然,你怎样称呼他们都是可以的,但要明白这是两种交互方式。输入提示的目的是指导填写的,聚焦输入框后文本消失;而预置文字是属于待修改的正式内容,字体样式应与正式输入的样式相同,聚焦后文本是不会消失的。 当表单输入遇到选填与必填难以抉择时,考虑预置文字会是一个不错的折中方案。比如在一个申请付款的表单中,对用户来说主要需填写的是“对方账号”和“付款金额”,付款说明是一个选填项。但对系统来说,又必须采集付款说明,作为交易凭据之一,这个付款说明怎样处理呢?比较下面3个方式,显然复选框的方式不适合,因为用户若不填写我们就无法收集到数据,而输入提示的方式还是需要用户去填写,所以意义也不大。折中了业务和用户两方面,预置“转账”两字还是不错的,不想填写的人完全可以跳过它。4、 设备读取 摄像头读取、语音输入……最近,各种智能录入方式在手机上甚是流行,网页上也不甘心示弱,纷纷添加了这些功能~还有人脸识别,不知道不久后会不会流行起来呢? 5、 设置输入属性 现在比较靠谱的还是Html5提供的一些表单类型属性。除了限制输入类型之外还有一些有意思的设置。拖放属性,可以从桌面上直接拖进相应的输入框里。在邮箱中拖入附件,若主题为空还可自动填写主题。而range和number属性,可以直接替换掉输入框,对数值输入很有用,在chrome里显示如图:6、 额外输入渐进展开 当遇到需要增加高级或额外的选项时,可以采用即时添加删除的方式。不需要填写时,可以完全忽略,需要填写时点击一下就会显示。7、 利用输入反馈 除了校验填写是否正确,输入反馈也可以帮助简化用户填写,其中有不少窍门。 比如在手机充值表单里,需要重复输入一遍号码才能确认提交。再重复输入一次,好像认定你肯定会出错。增加了号码归属地的反馈(配合历史记录)可以避免这种让人有点烦躁的方式。下面这个例子将校验获得的推荐邮政编码填写到输入框中,让电脑变得更聪明一些。推荐的内容减少了思考和填写过程。在反馈的显示方式上,也值得挑剔一下。比如数值输入框里被输入了字母,格式错误。如果对最简单的提供错误提示不满意,可以试试让输入的字母先显示1秒,然后即被删除,这样比单纯的限制输入类型要更容易理解。另外,还可以自动修改显示格式:号码输入完成后,自动增加空格,可以方便阅读。在需要强调时这样使用还可以提示用户进行检查,但是在普通的输入框中就不需要那么复杂了。给金额自动补全小数,比如下面的例子服务费是有小数的,自动补全金额的小数,可以消减顾虑,而且挺有趣。讲到这里,您是否对看似普通的表单设计产生了兴趣呢?输入框是最基础的人机交互,每个人都有不同的理解,以上抛砖引玉,感谢您的阅读,期待更多的分享和探讨!
黑暗教程来袭!制作黑暗力量中的超现实场景 在本教程中,我将会教大家如何制作“黑暗力量”中的超现实场景,你将会用到合并、图片调整、选区工具以及各种滤镜。话不多说,赶紧收藏! Note注意:本教程使用软件为PS CS6,因此一些截图与此前版本略有不同,部分笔刷仅供CS6使用。 最终效果:素材(已打包): 创建一个新文件,大小为1400*704px,背景为黑色。打开city image(素材中的第二张),选择部分建筑,如下:将这部分复制粘贴到主文件,使用自由变换工具将它变歪,如下。用一个比较柔和的橡皮擦擦去楼房的某些部分:添加剪切蒙板,然后按如下设置调整图层: 黑&白在黑白调整图层中的图层蒙版色阶色阶调整图层的蒙版:曲线:曲线调整图层的蒙版:将这三个调整图层合并,复制粘贴合并图层,并将其放在合并图层下方,然后用自由变换工具调整其大小和方向:重复上述步骤,多做几个“鬼屋”,放置位置如下:Step 2 在这个步骤中,我们将加入男猪脚!这位演技可睥睨汤姆克鲁斯的兄弟,你准备好了吗?首先置入男猪脚(素材中的第一张),放置位置如下:使用橡皮擦工具给帅哥擦擦脸、身子什么的:添加剪切蒙版,调整图层设置如下: 黑&白色阶曲线效果:Step 3 在这一步,我们将添加一些其他的效果。首先新建一个图层,这个图层要在所有图层的上面,将其图层模式设置为“叠加”。然后置入crack笔刷(素材中的最后一个),选择下面这个:将笔刷的颜色设置为白色,在帅哥身上画几笔,如下:继续画,可以换种画笔:打开火焰这张图(素材中的第三张),用快速选择工具选出主体部分:复制火焰然后粘贴到主文件,用自由变换工具将其缩小,然后左右两边各放一个,位置如下:Step 4 这一步中我们将添加一些额外的火焰效果。复制上一步中的火焰,放到主文件,这一次不用缩小,用橡皮擦去掉遮挡帅哥的那部分:将图层模式设置为“叠加”,效果如下:添加滤镜中的云/烟效果:Step 5 继续添加火焰,充满整个图像。你可以使用液化滤镜对火焰进行调整:Step 6 最后一步咯~复制背景图层,使用液化滤镜拉扯图片的边缘,如下:在可选颜色调整面板中为图片添加一些颜色: 颜色调整图层的蒙版:效果:最后我调整了一下颜色,效果如下:完成!希望你会喜欢他~
AI把人物照片制作成黑白矢量图 图像描摹功能是在AICS5版本以上具有的一项新功能,它可以快捷地将点阵图像转化为可编辑的矢量图像。 在本教程中你将会了解到"图像描摹"功能是如何自动将相片转变为矢量图形的。 让我们开始教程吧!(本教程以AICS6为例)具体的制作步骤如下: 第一步:新建一个文档。选择文件〉新建。第二步:指定文档大小:宽为470px(像素),高为350px,然后保存文件。第三步:点击文件〉置入,将图像放入画板中。在这里,我用的是一个女孩形象。如果你需要调整图像大小,那么你可以使用"自由变换"工具调整。第四步:选择窗口〉图像描摹,打开图像描摹面板。图像描摹的预设下拉式菜单中有许多预设可供选择,我们可以从中选择我们想要的描摹方式。第五步:点击左上方的"图像描摹"图标,选择描摹方式后,在弹出的预设面板中可进一步调整预设参数。在"图像描摹选项"对话框中你可以进一步设置描摹参数,另外如果你展开高级选项,你还可以调整附加的参数。第六步:让我们将图像描摹应用于图像,在这里我用的图像描摹预设为"低保真相片"。它允许快速建立具有一定色阶限值的图像描摹:241,如下图所示(注:当然,如果有兴趣有很多预设可以尝试。下图是"艺术线条"预设的结果。)注:选择对象〉图像描摹〉释放,可以删除描点,将其返回到点阵式图像。 第七步:好了,继续,应用预设"速写艺术"。调整参数如下所示。第九步:注意,要理解阈值的概念,阈值就是临界值,实际上是基于图片亮度的一个黑白分界值,默认值是50%中性灰,即128。 阈值与颜色无关,可以理解为色阶的灰度。(数值为0时表示最暗,即黑色;数值为255时,表示最亮,即白色。0到255之间的数值表示不同层次的灰色。数值越大越亮,数值越小越暗。) 灰度其实就是亮度,亮度高于阈值时会变为纯白色,低于阈值时会变为纯黑色。 例如,当阈值为180时,那么180到255之间的亮度就会变为纯白色,所以阈值越大,白色面积越小,图像越暗。反之,阈值越小,白色面积越大,图像越亮。 可以这样简单理解:在阈值滑标处左侧的灰度会变成纯黑色,在滑标右侧的灰度会变为纯白色。 因此如果你设置的阈值过高那你可能得到是如下结果,黑成一片。在应用"速写艺术"后,我们还需要做一些调整。在这里我调整路径值为85%以尽可能地保留原相片的风貌。同时要确保杂点设置在较低的值。 第十步:勾选"填充"和"忽略白色"选框。第十一步:就这样我们得到了最终的描摹图像。第十二步:按一下扩展按钮即可以将图像转化为可编辑的矢量图像。大功造成了!最终效果图与原图的比较
推荐!网页设计配色剖析之绿色 每个人都有自己最喜欢的颜色,在工作以及生活中,当购买产品或进行艺术创作的时候,他们会选择自己喜欢的颜色。对于设计师来说也是同理。设计师偏好在设计中重复使用他们最喜欢的色系。虽然命题是无限的,但是他们还是喜欢遵循自己的审美感觉。推广成功、运营优秀的网站,往往让用户感觉到页面和谐感强、视觉效果符合本能审美、元素具有图像象征且与产品服务紧密联系,这归功于网页设计。 绿色的定义 绿,是一种颜色,绿色处于光谱中间,波长较短,大约为500~570nm。在减色法中,绿色不是主色,但是可以由黄色和蓝色、或者黄色和青色创造出来的。绿色是加法三原色之一。 Green网页设计中的绿色 绿色在网页设计中效果极佳,因而被广泛的应用。可能是因为绿色是自然中最多的颜色,绿色能够唤起一种人类对于自然的本能意识。高手能够行之有效的将绿色和其它颜色有机结合,奏出一曲色彩、色调、明暗完美互补的视觉三重奏,让人兴趣满满。 而材质的加入也能改变颜色的效果,比如,粗糙的材质表面让颜色看起来更深,平滑的表面让颜色看起来更浅。 正如色彩理论专家J.L.Morton说的那样: 成功的设计知道如何用色彩去传达意义。网页设计师应该像对待图形和布局一样认真对色彩其中蕴藏的象征意义。 绿色在心理学上具有冲击力,因此被应用于广告、机构标识和电子媒体中。想要在网络上创收的工业制造商通常会发现,官方主页上使用绿色效果很棒。 很多设计师认为,当按钮和选项采用绿色时,能够吸引更多的点击或操作,具有很强的行为召唤力 行为召唤 WedoXHTML用绿色突出了重要的信息,同时绿色的字体也易于阅读。 WedoxhtmlPagelime使用绿色,作为一种行为召唤的暗示 Pagelime为何选择绿色? 视觉感受器具有一些特性与限制,大多数人对于光的频谱中间部分最为敏感,比如绿色。 绿色是一种合成色,有多种用途,能够清晰的传达设计师的意图。绿色让食物看起来自然、清新、生态环保。在工业环境下,如果设备被涂上绿色,会让人感觉安全,同时也能促进生产。这种环保的感觉让人们感到洁净并不会危害到个人健康。 绿色令人放松。当一想到绿色,大多数人会想到户外和植物。因此具有平静心态的功效。 绿色能够最大化可读性,降低视觉疲劳发生的几率,这在网页设计中非常关键。还能够激发用户的视觉兴趣。 绿色的作用 绿色对人具有显著的心理冲击作用,在很多文化中非常流行。绿色使人宽心,经常在医疗设施上看到绿色。绿色降低血压,缓解神经紧张,放松大脑,启发创造,但也抑制胃口。绿色的视觉负担很小,以绿色为背景的图像看起来更有深度。 绿色虽然能够帮助人们走出焦虑和沮丧的情绪。但是如果使用过度,就让用户有种极度、仇恨、占有的负面情绪! 网页设计中不同种类的绿色 绿色对于绿色食品、保健、有机产品来说是很好的推广工具。但是要按需而定,要合理的使用。 DARK GREEN(深绿色) 通常与金钱和野心联系在一起。对于公司来说很不错。能够给用户一种强力、有名望、踏实的感觉。 HeinekenBRIGHT GREEN(亮绿色) 象征着自然中的生机与活力。 YodaaCELADON(青瓷绿) 在中国、朝鲜、日本经常使用的绿色,后来传播到其他国家,一种难以描述的优雅感。 QiladyYELLOW-GREEN/LIME GREEN(黄绿/柠檬绿) 因为会让人联想到反胃呕吐时的病态,要谨慎使用。对于与食物不相干的网站和保健品网站来说,是很理想的颜色。 PadoOLIVIA GREEN(橄榄绿) 非常的愉悦视觉,安宁大方,适合公众场合。但是也有一点军事色彩。 MocapokeBLUE GREENS(青绿色) 最容易让人接受的绿色,对男女都有吸引力。 Amitkhera绿色与其他颜色的搭配 绿色和其它互补色搭配效果良好。互补色的定义:凡两种颜色相结合产生白色或灰色,则称其中一种颜色为另一种颜色的互补色。三组基本互补色:红色与绿色互补,蓝色与橙色互补,紫色与黄色互补。 了解了这些,就能有效的组织网页中的色彩搭配,深色与浅色的搭配一般不会差。另外值得一提的是,要避免在网页中使用多种色彩。最好开始设计时做做实验,调调明暗度,可以用互补色开始实验。现在,我们来看看绿色的配色方案。 绿色与蓝色的搭配 自然的呼唤感,新鲜而又清澈。象征着新生事物的萌芽。 NarhirThe Forbidden Corner绿色与褐色,棕褐色或米黄色的搭配 这种组合,有机感强,让人感觉自然循环生生不息,也适合产品包装设计 MailchimpJuandiego Velasco绿色与黄色与黑色/白色的搭配 三种颜色的结合(绿黄黑、绿黑白)让页面具有户外运动感 EvacareBugworldexperience绿色与紫色/红色的搭配 对比强烈,生动并扣人心弦。 DesignheartsmeNaturestable绿色与橙色/黄色的搭配 柠檬绿与橙色/黄色的搭配,营造了一种如同水果的新鲜感,让人感觉非常的健康环保。 Web Banner Ad DesignBlymp网页设计中应用绿色的案例:机构篇 广泛应用,作用明显。 NutrifieldGbados Energy SolutionsCompograssBlossoms VillageAquaadriaRcleanersDaguiaGeo VisionGreen Globe IdeasEcoserviceGbbGreenanysiteHrastiE Schneider GartenRbcSleepydogBiofoolishCobahairShopifySprintbioLiptongreenmintOrganic SupermarketReallywildtravelOyproOutdooritaliaTerrasse Concept网页设计中应用绿色的案例:机构篇 Anna PawelczykQuadrifoliaTyler Web DesignSnailbirdAnandakmArtist in designInspirationbitLadysignPaulicio网页设计中绿色的应用案例:独立设计师篇 CgalvinPestovo GolfSageblueSomoslaperalimoneraStudio7designsVigetBlogfullblissZtradycja w nowoczesnoscGrowmedia进我们学习群吧(178914717),群主年底大放送,进群送千图VIP喔!机遇好的话还有终身呢。。
来点新鲜的!30套杀手级纹理下载 在本帖里,搜集了各色各样的新鲜免费纹理,你可以下载并使用它们在任何你喜欢的地方。看着这些有趣的纹理,它们形状各异,色彩缤纷,实在是轻易就激发了右键另存的欲望!而且会有很多创作构思在脑海里激活了。来好好瞧瞧吧:) Jean Patterns by NonuuHalloween Patterns by RadiantDay5 Tribal Patterns NiaKiut by NiakiutMotivos Photoshop by iBeHappyRawrChevron Patterns by ThearchetypesPATTERNS/BW by YeonsebNavidad Styles by PurpleShakeUgly Retro Pattern Set by BellaCieloTiny Patterns by cesstrelleRandom Anchors by Julieta7599Photoshop pattern v1 by cameliaRessourcesMotivos Wood by SakuranalukamiSimple Clarity #1 by Julieta75994 of july stars and stripes pattern kit by RussDepressPaper Seamless Patterns Vol. 2 by Webdesigner Lab3 Cath Kidston Inspired Patterns by EssieroseArrow Patterns by Zooll.comGirls Patterns by Coby17Vintage style pattern textures by rodiennesSand Patterns by Coby17Girls Patterns by Coby17Bamboo Patterns by Coby17Rollercoast photoshop patterns by ThearchetypesRandom patterns by naturaldiamondLight Glitters Patterns by Coby17SimplysticT Photoshop Styles by ThearchetypesPhotoshop Pattern 13 by Manel-8650 Drawing Patterns by CarlltonDestiny Patterns by JustOurFeelingsRetro Patterns by brenda by Coby17Summer Colors Patterns by MysticEmmaIndiehave patterns by Ihavethedreamersdise原文地址:splashnology (我又一次被网速打败了,喜欢 的同学们可以静等,有机会我会分包传上的。。)
设计师与“少即是多” 过去几个月当中,我一直在马德里的一家创业公司的设计团队当中任职。我的主要工作是为他们的一款主要应用产品进行重设计,这其中确实遇到了不少挑战。 我们每天都会问自己同样一个问题,那就是怎样在保证功能性与吸引力的同时尽可能的对产品进行简化。每轮迭代,我们都会解决掉一些矛盾,然后再回头看看以前的版本,就会觉得从前的体验真是噩梦,看上去也不怎么漂亮。 不错,我们是在进步。作为设计师,我们不断的寻找着能够简化产品的创新方式。我们希望自己的设计方案能使产品用起来更有效率,更具功能性,当然,也要更顺眼。毕竟,我们是设计师。扁平化设计的爆发将极简风格推到了设计领域的最前线。 让事物保持简洁自然是好的,我绝对是简洁风格的粉丝。清晰、符合直觉的界面总是可以赢得用户的青睐。为用户设计,而不是为你的身份然而有时,我们会沉迷于为自己的“设计师”身份进行设计,而用户却成为次要的了;我们倾向于让同行拍手称赞,却忽视了能否让用户竖起拇指称赞产品。 那些现实世界中的产品设计师们会告诉你,漂亮的外观并非你需要考虑的最首要的问题。除非你是个超级赶时髦的人,否则你肯定会使用一些看上去不那么好看的应用。为什么会这样?你不也是设计师吗?实际上,我们会使用这样的产品,正是因为它的功能可以体现出自身的价值。同样,我们自己的产品也应该能良好的表现出它的功能性,而不仅仅是漂亮的外观。我自己用的记账应用肯定不是同类产品中UI最漂亮的,它也不扁平,但确实非常好用,非常有用,帮我节省了大量的时间。观念:设计优先于功能我们在很多地方都可以看到这种设计理念的体现,尤其是在Dribbble上。那简直就是UI忍者们的技能秀。我并不觉得这里有什么不妥,但当这些美妙的颜料被涂抹在实际产品上的时候,就会产生一些问题。 你在Dribbble里看到的那些令人馋涎欲滴的界面有多少是真正可用的?现实当中有多少实际用户会像设计师所预料的那样对界面产生剧烈的反应?观念:功能优先于设计对于设计师来说,“功能优先于设计”的言论必定是失礼的。我们会对丑陋的字体大喊着“不!”,却可以为很多看上去很漂亮但有悖于诸多可用性原则的iPhone应用拍手叫好。很多新手设计师,从入行开始就一直身处扁平化的世界里。他们会认为扁平风格才是真正的设计,任何有悖于扁平原则的东西都是错的。实际上,从视觉角度来讲,扁平风格正是现实世界当中的物体概念在数码界面中的抽象体现方式;而如今的很多设计师似乎越发偏离了这一要领,错误的认为某种设计要么是对要么就是错,错误的认为我们的工作只是落实某种图像风格而已。然而实际上,我们的工作是创造服务与产品来帮助众人;我们的工作是把东西做的稍微好一些,用起来更有意思、更有效率一些。 实现这些目标的方法涉及到很多方面,虽然我不愿这样讲,但相比于坚实的整体用户体验及功能性而言,界面的漂亮程度确实是相对次要的。不然我们为什么还要提倡通过MVP来验证假设并进一步雕琢产品?相关书籍推荐:《精益设计:设计团队如何改善用户体验》 关于界面中的视觉引导如今人们都知道“内容优先”的重要性了,这没错。没了内容,我们的设计就只是一层空洞的外壳而已。我个人的顾虑在于,作为设计师,我们的一些工作也许会对内容优先的原则起到一定的破坏作用。那些力求极简的界面很容易让用户失掉重要的视觉线索。 一个比较常见的例子就是移动应用当中的“汉堡包菜单”(抽屉式的侧边菜单,其图标形式类似于三层汉堡),这种设计模式也慢慢的在桌面端的网页设计领域普及开了(例如Uber的网站)。一个曾经属于移动端的、用于在极其有限的屏幕规格下体现“内容优先”的解决方案,现在被越来越多的用在了它的作用域之外。(例如Uber的网站,无论浏览器窗口的尺寸怎样调整,导航元素都是被隐藏在汉堡包图标背后的,所以这并非是某种响应式设计策略的体现,我想这也是原作者提出质疑的主要原因 —— 译者注)在桌面端网页当中使用汉堡包菜单会显得很时尚吗?在如此广阔的可视界面当中刻意隐藏重要的导航元素,这种方式是经过验证的吗?这样的设计方案就是在强迫用户:必须到某个地方去寻找一些他知道本该在这里看到的东西(导航)。必须花时间绕路才能完成一个本该相当简单的任务。这样做无异于在不需要设置障碍的地方立起一道门(想想过去那些炫酷的Flash动画加载页面)。这种刻意隐藏重要界面元素以突出“更重要的内容”的方式,所破坏的却是“用户优先”的原则。内容再重要,界面再漂亮,如果没人愿意再来使用和浏览,那么又有什么意义呢? 当我们努力想要移除界面中的一些元素以降低复杂度时,最好认真的想一想自己的理由究竟是什么。我们真的是为了增强用户体验吗?或者只是为了迎合潮流,削尖脑袋希望能够成为“扁平化”、“极简化”大潮当中的一分子?
首页 1 2 下一页