推荐阅读

Photoshop:Lab色彩模式的特点
Lab色彩模式非常有趣。它也由三个数据通道组成,第一个是Lightness通道,存储图像的明暗调子变化,实际上可以理解为是“洗去颜色的彩色照片”,之所以这么说,是因为另外两个通道几乎不包括图像的“形象内容”,而仅仅是色彩信息。请看我在三个通道里作了什么?Lightness通道完全没有内容,白的,而另外两个则分别是从黑到白的过渡填充,并彼此垂直。结果你看到了一块调色板。如果在屏幕上看,会鲜艳得多。四色印刷减少了颜色数。 A通道包括的色彩从深绿(低亮度值)到灰(中亮度值)再到鲜粉红色(高亮度值),b通道包括的色彩从天蓝色(低亮度值)到灰(中亮度值)再到深黄色(高亮度值)。它们混合在一起产生更明亮鲜艳的色彩。就好像它们共同给Lightness通道染色一样。这一特征很有意思,你可以不管Lightness通道,而只对ab通道打主意,也就是说,不管“形象部分”而只管色彩变换。你还可以反过来,仅仅调整Lightness通道,而忽略其色彩部分。虽然这样解释似乎有些不恰当,不过,这对图像的编辑的确有所帮助。与其严格地对Lab模式加以定义,不如用一种更有效的理解来换取无拘束的灵感迸发,对吗?我从小喜欢玩儿弹球儿,现在看到这些花花绿绿的玻璃珠,也总想拿几个放在口袋里。我先将一幅RGB图像转换成灰度的,马上魅力全失。不打紧,再将它转到Lab模式,在a和b通道中作过度黑白填充,也是互相垂直的。要是你在屏幕上看见,那真是漂亮。当然显卡得支持32位色才行。a、b通道作了过渡填充灰度格式Lab格式为了进一步说明问题,我选择了这幅彩线集合的图例。a和b通道的明暗效果导致了各个线圈的不同颜色,而所谓具体的形象,其实是在L通道中,有时,L通道的图像比从RGB直接转换的灰度图还要清爽可爱。所以有人在Lab模式中得到灰度图。我作过这样的实验,的确如此。

Photoshop特效之流蜜的蜂窝文字
本文是photoshoplab.net上一个文字制作实例,主要应用了Photoshop的图层样式和“彩色玻璃”滤镜完成文字特效的制作。下面是完成的效果: 以下此特效文字的制作流程: 1、首先输入所要文本。 2、双击图层打开图层样式窗口。应用如下设置。 3、复制文本图层并移除图层样式。按Q键启用快速蒙板。从“滤镜”菜单中选择纹理>>染色玻璃。应用如下设置。 4、按Q键禁用快速蒙板。从“选择”菜单中点击“保存选区”。并命名该选区。 5、选择复制的文本图层并按删除键。

Flash AS 实例进阶-循环按钮
这篇教程为“Flash AS 实例进阶教程”的一部分。查看全套教程>>>>。 源文件下载 >>>>>点击查看动画效果<<<<< 实例2-1循环按钮 ①按钮触发事件发生后有可执行的两个以上的命令。 ②由条件判断语句来执行不同的命令。 ③按钮的外观要有相应的切换(如果需要)。 此外还有不同的思路,将若干个按钮放在一个 MC 不同的关键帧上,执行一次按钮动作后跳转帧,效果虽然相同,但制作麻烦,不符合我们使用 AS 的理念,不作为本节学习的内容。 (见源文件 21.2 ) %(模)的应用, n%m 的意思是 n 除以 m 的余数,例如 10%3 的返回值是 1 , 3%10 的返回值是 3 ,一个递增变量对一个常数求模可以得到一组有规律的循环变量,其用途是很广的。 ①场景上是一个有补间动作且在第 1 帧停止的 MC 。

PS简单制作立体文字效果
这篇教程教飞特的朋友们用PS简单制作立体文字效果,教程制作的文字效果光感和质感都很强。制作比较简单。转发过来和飞特的朋友们一起学习交流,希望大家喜欢这篇教程。先来看看最终的效果图:具体的制作步骤如下: 新建文档224x206像素,背景白色,输入黑色文字。 添加图层样式。 复制一层,右侧挪动一段距离,修改图层样式,将渐变中心挪到右上角。
最新发布

2017年流行的平面设计字体排版趋势
技术和设计趋势一样,随着时间的推移总在不停地变化。对于网页设计师和前端而言,字体和排版所涉及到的技术和设计尤其是如此。不过纵观这几年,网页字体和排版在大方向上并没有明显变化,结合当前主流产品和设计,并不难确定2017年内,我们需要关注的这些字体和排版趋势。定制:品牌化的字体Bookerly, San Francisco, Product Sans 这些带着明显品牌烙印的英文字体,想必设计师们并不陌生,而新晋中文字体苹方,和最近火爆无比的思源系列新字体,思源宋体,无一例外,都在向我们传递一个明确的信息:品牌化字体的大时代来临了。Bookerly 字体是亚马逊官方联合 Dalton Magg 为Kindle 系列产品所专门定制的字体。设计巨头苹果就更不必说,San Francisco 为苹果产品专用英文字体,覆盖了macOS、iOS、watchOS 和 tvOS 四个核心平台,官方还未中文用户专门定制了苹方字体,从文字层面上彻底完成了品牌化。当然,定制化的字体不仅仅是大企业的专利,在前不久美国总统竞选中落选的希拉里克林顿,还有专门的字体用来对抗大选期间流行的川普专用手写字体……通过 Prototypo 和 FontArk 这样的工具,自定义英文字体绝对是一件便捷又快速的事情。自定义字体和创意字体本质上是一致的:它们都旨在强化品牌的识别度。响应:完美适配所有设备如今每天都有新的产品,新的数字设备诞生,我们对于可以适应各种屏幕显示的字体,依然有着极大的需求。在桌面端上显示的超大字体能够带来视觉冲击力和戏剧性的效果,但是直接沿用到移动端,可能效果并不理想,会让信息的流动性变差,无法流畅地浏览。而这也是响应式设计所要解决的主要问题,字体应该能够根据各种不同的设备的使用场景进行适配。在响应式排版当中,字体尺寸、间距和整个布局都会遵循一整套排版规则,进行自适应。虽然目前设计师们依然在不断遭遇新的问题,但是响应式排版的整体方案已经比较成熟。

详细解析瓶颈期的设计师该如何走出迷茫
每个设计师都会遇到工作的瓶颈或者迷茫期,或早或晚。写这篇文章的原因,也是因为自己遇到工作以来第一次最迷茫的阶段,持续了几个月的时间。可以用挣扎、痛苦、焦虑来形容。不过还好,最近渐渐的走出迷雾,人生又美好了起来。所以想记录下来,作为一个总结,也可以说是一个具有仪式感的翻篇儿。正好分享给大家,希望能帮助到正经历这个阶段的你,或者鼓励到正在奋斗的设计师。什么原因会导致迷茫?这里说的迷茫,不是针对执行力差,经常打嘴炮,天天说自己迷茫其实还不都是因为懒的人。而是足够努力,但不确定方向是否正确;不满足于呆在舒适区,然而短时间没有明确的目标;一步步完成了目标,突然发现不知道自己到底想要什么样的生活;等等…其实总的来说一般有几个原因导致:1. 对现状的不满 2. 对未来事情的未知 3. 对长期目标的不明确。我经历过的两个迷茫阶段1. 毕业前将要步入社会时,是个迷茫的坎儿。要么找工作遇到困难,要么不知道自己适合做什么,要么专业不对口,要么刚刚脱离集体生活很蒙逼…

网页设计色彩搭配之清淡柔和的蜡笔色
最近,你可能已经注意到,一些新的网站设计变得更加柔和轻盈。在所有五颜六色的色彩之间,似乎有些设计师正在采用更微妙的方式,通过使用更轻或者更平淡的颜色来创造不一样的设计。虽然它们仍然使用相同的基本概念以及方法——例如彩色的遮罩层或渐变层,新色调正在为这些主题创造一种更精致和低调的变化做出贡献。今天我们将深入研究这一趋势,并探索各种设计实例和方法。1.蜡烛色的使用遍布网络柔和的颜色是完美的解决方案,如果你的品牌要求一些令人感觉柔软以及一些复杂层次的元素,但你仍然希望能够利用你收集已久的调色板的话。同时,当把它们用在分层设计上时,柔和的色彩看起来也很好,这使得它们成为一种非常灵活的配色方案,可以在各种各样的网站设计风格中使用。· 扁平以及大胆虽然你经常看到扁平风格的网站设计趋势一般是以最鲜亮的颜色进行的,但在某些情况下,这种方法可能会变得粗暴,甚至有点令人厌恶。看看上面SimpliSafe的网页设计,如果页面中的大字段是以原色执行的,那么这个站点看起来有点太简单和平淡了,选择柔和色调有助于使平面设计元素更加刻意和吸引用户的注意力。· 卡通风一些柔和的蜡笔色组合可能会使你的网页设计整体脱颖而出,这使得它们成为图表设计的一个很好的元素选择,就像上面的案例一样,略带俏皮的矢量插图。这个例子有一个非常复杂的调色板,但是所有的色调在一起仍然能够协同工作,因为它们都采用了相同“迟钝”的颜色搭配,而且插图风格很简单。

如何创造一个富含空间感的设计作品
当你思考有关空间的问题时,作为一名设计师,你可能想到的第一件事就是“留白”或者说“空白”。不过,我们今天可能不会提供这些,因为今天我们要思考的是真正的外层空间,以及如何在你的网页设计中运用这些外层空间的元素。设计“空间”的技巧其实并不是很难的,你需要做的就是避免一些常见的陷阱以及那些陈词滥调、已经被滥用到你一看到它就“退避三舍”的元素。通过使用大篇幅的黑暗和繁星,可以在你的网站设计项目中创建一个有趣的视觉表现方式。所以,加入我们,让我们来看几个例子,以及了解这种类型的设计如何正常发挥作用的技巧。1.有关空间的点子其实,在我看来,空间是一个非常时尚的设计元素,我想,有一部分可能需要归功于“星球大战”系列电影的影响。当然,主要原因我想还在于,你无时无刻不处于空间之中。设计也是如此。这些相似或相同的元素正以它们自己独特的方式进入大量的设计项目,一些可能以设计师预期的方式发挥作用,而另一些则可能在整体视觉上发挥重大的突破和变革,在诸如美国航空航天局和星球大战的官网你可以看到这种标志性网站设计,不过,还是有很多意想不到的方式可以创造出不一样的空间感。基于空间的设计是往往是有趣的,而且不能仅仅是它本身有趣,它同时能唤起用户的兴趣点。空间设计在网站设计中通常包括深色的配色和白色或明亮的排版。内容是主要的影响因素对于你如何最好地使用基于空间的主题。尽可能远离公共空间,除非你有与之相关内容,否则,你需要尽量使它们分开一点,并且使用一些没有黑暗的天空,星星和宇宙飞船的空间元素。2.尝试使用星座图

设计师如何通过借鉴优秀的作品成为高手
抄袭对设计师来说是一个很敏感的词汇。无论是灵感撞车也好,还是借鉴也罢,评说的都不是自己,所以为了避免出现雷同的现象,我们如何抄,才能抄的巧妙,才能从抄袭变为逆袭,而不是一味的拿来主义呢?这就是本文所要阐述的。

12款透明背景使用技巧提高设计水平
PS.当你看完这篇文章觉得急不可耐的想来练练手了不妨参加【每日/海报】练习成长活动,结合每日主题设计创作,参与方式及每日主题在主页扫码添加公众号回复每日即可加入练习平面设计的背景在某种程度上有点像墙上的油漆或壁纸...做对了,你将会得到一个非常棒的背景,充分融合并发掘有吸引力的空间;弄错了,就是一场视觉灾难,它会把注意力分散在房间精心挑选的家具和艺术品上。虽然网站、传单或社交媒体图片的背景看起来是相对较小的细节,但您不希望它像出错的油漆或胡乱的选择的壁纸,让受众无法聚焦。那我们就来看一些灵感创意,并学一些能充分利用到设计背景中的技巧。基本的白色或纯色没有任何问题,但本文专门研究如何为背景增加透明度,这将是一个行之有效、用途多样的工具01. 简化杂乱的背景图示或图案背景能让设计更具个性化,但也可能让设计更复杂或遮住文案。如何解决?在图层顶层覆盖一个次要的半透明背景。这张活动海报的背景是一张美丽的复古风插图,但是如果没有顶层的白色透明图层,背景就会抢了其他部分的风头,文字将很难读取(特别是小号字体)。请注意白色部分不是全透明的,这样可以柔和插图的细节,但它的透明度又足以让纹理显现出来。大多数设计软件可以通过不透明度设置调整透明度级别,通常范围在0%(完全清除)和100%(完全不透明)之间。

详细解析Photoshop HSL面板的使用技巧教程
HSL是一种非常直观的色彩表示方法。ACR以及Lightroom中的HSL调整面板,更是我们后期调色的神器。本文将从HSL面板的角度,带领大家学习和认识颜色。1. 什么是HSL很多朋友都听说过RGB颜色模型,即任何一种颜色,都是由红(Red)、绿(Green)、蓝(Blue)三原色以不同的比例相加而成的。但是RGB模型对人类而言并不直观,比如我说一种颜色是由60%红,30%绿和90%蓝组成的,你应该很难想象出来,这到底是哪种颜色?因此人们设计出了HSL色彩空间,来更加直观的表达颜色。HSL是色相(Hue)、饱和度(Saturation)和亮度(Lightness)这三个颜色属性的简称。色相(Hue)是色彩的基本属性,就是人们平常所说的颜色名称,如紫色、青色、品红等等。我们可以在一个圆环上表示出所有的色相。色环上的0度、120度、240度位置,分别对应了RGB模型的红、绿、蓝三原色。原色两两混合形成了二次色。比如黄色(60度)就是由红色和绿色混合而成;蓝色和绿色则相加形成青色(180度);品红(300度)则由红蓝两色组成。原色和二次色之间,还有各种丰富的色相过渡,比如270度的紫色介于品红和蓝色之间。30度的橙色则是由红色黄色混合而成。

设计师解读如何跟着芒果台学设计
作为曾经唯一一家能与央视相抗衡的地方电视台,芒果台虽然已失去以前统治级的地位,但是在节目形象设计这一方面,芒果台依然是众多卫视当中的翘楚,有些卫视可能偶尔有一两档节目做得不错,然而芒果台几乎把每一档节目的设计都做得可圈可点,实属不易。可以这么说,芒果台在做节目的同时,也给我们好好地上了一堂设计课,下面我们来看能从它们的海报里能学到些什么。歌手(我是歌手)会做高大上的设计吗?《歌手》教你一个简单粗暴的方法,用略带仰视的角度拍摄产品或设计字体,修得精致一点,然后把它们放在大气层(云层)上,最后加一点光就大功告成了。2017年《我是歌手》更名《歌手》,宣传海报风格也与以往有所不同,上面的那组中国风系列海报,分别请了国内有名的插画师、书法家、摄影师一起合作完成,此组海报把七位歌手与中国风的插画相结合来,每位歌手的海报都以一只神兽作为主要元素,用以表现他们不同的音乐风格,唯美中不失大气。这组海报则是把歌手与丝绸结合,紫红色的丝绸在珍珠白的背景上显得十分耀眼,几位歌手的动作也很骚,画面具有很强的视觉冲击,只不过也有一种德芙巧克力的广告的即视感。(真的有那么丝滑吗?)爸爸去哪儿?

详解保险类产品主图的通用设计方法总结
商品的产品图,就是出现在各电商网站上的产品照片或者图像。在淘宝的店铺设计中,一般可分为常规的产品主图和直通车两种。本文主要介绍在保险这个垂直领域,电商产品主图的通用设计方法。搜索结果下方排列的产品,由产品主图和产品文字信息组成,按销量或其他条件排列的搜索结果没有竞价排名。产品主图也在店铺首页和产品页面出现,作为产品的流量入口,对引流有着关键作用。众所周知,淘宝商城的实物类商品所占比最高,这类型的商品通过真实的产品照片给买家带来最直观的感受。例如:△ 生鲜类牛排是新鲜的、好吃的;配色让人感觉是高级的。△ 3C类

3招搞定数字元素在Banner设计中的运用
做电商设计的人都知道,我们的文案里时常会出现类似“满200减100”/“5折”/“30%OFF”/“39元起”“4月1号预售”之类的带有数字利益点的文案,而数字比文字也显得更加直观更加吸引眼球,所以对于该如何合理利用这些数字做设计也是很值得研究的一个话题,接下来我就带大家看看咯!1. 我们常见的会用到数字元素的设计有哪些呢?比如我们的很多电商Banner或专题页面里,经常会出现活动日期/抢购时间/商品价格/位数排名/剩余或已售个数/步骤序号/完成进度等跟数字有关的元素,而这些数字他所要传递的信息重要性和作用都是不一样的,所以在设计上也会有所差异。(1)在头部banner部分的数字像活动日期/价格折扣信息/抢购时间/件数等等常出现于头部Banner部分,一般来说这个数字信息如果很重要,那么都会做得特别大特别突出,如果不是那么重要的信息,那么就会在大小或色彩等上面对其进行弱化处理。举些例子:还有优惠券的一些设计,基本都是将数额显示的大大的: