推荐阅读

Photoshop抠出红色纯色背景的新娘照片
在拍摄婚纱照片时,往往很难找到一些特定的场景实拍,这就需要在影棚中用单色拍摄。然后再做后期抠图处理。这次PS教程将介绍如何使用颜色通道将透明婚纱从纯色背景中抠出。下面看看最终效果图。图001、打开文件,这样单色背景的婚纱照,拍摄之后可以按照客户的要求,把整个背景替换成大红花朵图片背景。图012、在通道中创建选区。打开通道面板,挑选一个人物和婚纱都比较容易分辨的通道。这里选择了绿色通道,将这个通道复制为绿色副本通道,按Ctrl+I键将这个通道做做反相。这样处理的目的主要是为了将背景变为浅颜色,以便得后面选择背景更加方便。图02

photoshop利用外挂滤镜把少女打造漫画风效果照片
原图效果图2、执行滤镜-TOPAZ 滤镜 参数设置如下图4、图层样式设置为“滤色”不透明度设置为80%6、图层样式设置为“柔光”不透明度设置为50%7、盖印图层,执行滤镜-模糊-高斯模糊 图层样式设置为“柔光”参数设置如下图

大师之路GIF动画教程专题<03:设定帧过渡>
在开始之前讲解一下上节课的思考题,问题的关键就是很难保证前后帧的轨迹统一,其实我们换一个角度想,就会觉得问题变简单了。总共不是有6个帧吗?我们就先将除了第一帧以外其余5帧中的方块移动到相同的位置,然后再将除了前两帧以外的其余4帧移动到下一个位置,以此类推。落实到操作上,其实就是先选择帧2到帧6,移动到相应位置,然后按住CTRL减去选择帧2,将帧3到帧6移动到下一位置,再减去选择帧3……如此类推直到完成帧6的位置指定。这是一个操作中很实用的技巧。具体的操作我们就不再叙述了,有问题的话可以参看本课的视频教程。目前我们制作动画的方法还属于全手动类型的,就是逐帧进行制作。比如一个物体的移动,我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性,但同时也使得制作变得非常繁琐,尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画,它的基本原理是,设定好某段运动的起始帧和结束帧,然后在这两帧种产生平均的过渡。如果是物体的移动,则就是先设定好移动起点帧和终点帧。新建一个图像,大约150×150,新建图层并画上方块,将其移动到左上角。接着复制1帧,在新帧中将方块移动到右下角,并将图层部透明度设为10%,大致如下左图所示。然后按下红色箭头处的按钮,将出现如下中图所示的对话框,红色箭头处的过渡方式是指过渡相对哪一帧,由于之前我们选择的是第2帧,并且总共也只有2帧,所以既可以选择默认的“上一帧”,也可以选择“第一帧”。要添加的帧数就是指过渡过程所将占用的帧数,这里设为3,那么加上原来2帧,这个动画总共就是5帧。由于只有一个图层(背景层未有变化)在参与动画,所以现在图层选项中任何一个都是可以的。但不选择背景层的话会形成成透明背景,有关动画背景透明的问题我们会在以后学习到。注意绿色箭头处的参数,其中有“位置”和“不透明度”这两项。所谓参数就是指进行动画过渡的图层属性,我们之前说过图层的位置和不透明度的变化可以做成动画,在这里就反映出来了。确定后将会在动画调板中看到的效果大致如下右图所示,可以很清楚地看到方块的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了“位置”或“不透明度”参数,显然就没有现在的效果了。这种利用过渡方式制作动画的方法较为简便,我们只需要考虑某段动画的开始和结束的样子就可以了,中间的过程会自动完成。在这种情况下,开始和结束的那两帧被称之为关键帧(KeyFrame),因为它们决定了过渡的形态。以后我们也会接触到有多个关键帧的动画。当今许多动画片的制作也采用这种方式,虽然动画片的画面复杂的多,但基本的原理是相同的。不过由于过渡均匀的特点,有时也会使得画面不够生动,缺乏表现力。这是Photoshop功能上的局限。现在我们面临一个新课题,那就是如何让动画可以完美地循环播放,也就是从A到B再回到A,这样才能形成完整循环,称为往复式动画。就我们目前的这个动画来说,可以通过复制并移动帧来完成“回去”的过程。首先复制帧4,复制后帧4帧5都是相同的内容,而原先的帧5则变为了帧6。然后手动将帧5移动到帧6后方,这样就交换了两者的前后顺序。过程如下图所示。从这个操作可以看出,复制出来的帧并非都出现在最后,而是出现在原有帧的后面,这个特点要注意。
最新发布

如何快速制作高逼格的电商BANNER海报
工作后经常有人对我们说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有些Banner设计即使不抠图,也可以做得很好看,谁说做设计一定要抠图?因为我在之前的文章里已经非常详细地讲解了平面构成和色彩构成的知识点了,所以在后面的文章里我不会再过多的在这些方面做文章,最多只是会提一下,毕竟每篇文章的篇幅有限,所以有些内容我不会重复写了,当然如果大家想继续了解这方面的知识可以点可以回头去看我写的这两篇文章:五大步骤细说Banner图设计之平面构成的奥秘/六个步骤细说电商banner图设计之色彩的奥秘。接下来进入我们今天的话题:不用抠图不用合成,教你分分钟搞定一张高格调的Banner设计。1/我为什么要做这样一个主题的干货分享呢?记得以前上大学的时候听一位老师说做设计千万不要用渐变色,因为非常low,于是我就当教条一样一直记在心里了:“嗯,千万不要用渐变色”,但后来工作了几年才发现,渐变色也可以很好看,也可以很高端,只是要看如何去用而已;再到后来在工作过程中,有人对我说做设计一定不要直接用图片,一定要抠图,不要偷懒,不抠图是做不好设计的,可是到后来我发现有时候我们不用抠图,也可以做出好看的设计或好的设计,我就有个疑问:为什么做设计一定要抠图才行呢?所以这次我们可以试着捋一下在不抠图的情况下可以怎么玩设计,看能不能带来一些启发,这次我也依然会以Banner设计来举例说明。2/摄影与Banner设计之间的联系是什么?一般来说,如果摄影师和设计师能配合沟通一起去做设计是最好的,尤其当涉及到很多产品或模特拍摄的时候,无论是在电商行业还是在广告行业,前期都需要沟通好策划方向以及构图色调等,因为摄影部分的工作做得越到位,设计部分的工作量就越小,项目也越顺畅,如果摄影部分的工作不到位,到设计那一步就麻烦大了,有可能需要返工重拍或者花费大量时间精力去修改和调整,这样子就得不偿失了。编者注:没时间没条件摄影?这些免费图库可以帮你!《帮你找好图!99%的互联网从业者都要学会的图片搜寻方法》首先,商业摄影涉及到的工作内容和知识点有哪些呢?

设计师应该如何快速的学会图片搜寻方法
收藏了十几个图库,依然搜不到好图片?那就别错过今天这个教程!这个「图片搜索」系列,不仅教你学会如何榨干一个优秀的图库,而且还附上了那些无法另存的图片的下载方法,本文是第一二部分,站点推荐和下载技巧篇。图片力量教程分为三个部分:站点推荐篇下载技巧篇搜索技巧篇曾经有同学问我关于搜索图片的问题,把他的网站收藏夹截图发给我,一打开我就懵逼了,小小的收藏夹里面居然有数百个网站。这位同学反应了一个问题,收藏本身的作用,是在全球海量的网站中挑出自己最喜欢的那个,而大多数同学都是见到一个就收藏一个,好不好用,适不适合自己用都没有整明白。收藏夹数量少的时候还好,可能会用,但是有一天数量大到一定程度,本身就失去了收藏的意义了。其实,真正想提高自己的对于图片的搜索技巧,与不停换着网站去搜索相比,不如努力尝试用一个网站搜索出自己想要的结果。毕竟每个网站都有着自己的特色功能与内容倾向,与收藏更多的网站相比这些才是我们应该明白的。能够拿来长期使用的图片网站有哪些?

设计师如何打造丰富的网页设计布局
优秀的排版是构图、图片、配色、字体等各方协调的共同结果,设计其实是没有规则可循,审美从来都不在约束内发生。要想让整个版式内容丰富又充满呼吸的空间,需要我们整个的思考方式都流动起来。我们人类千人千面,但怎么长都不会偏离骨骼。因此,保持了内在的坚固恒久性,外表就一出戏,相对自由式的进行视觉想象编结。布局排版说来很容易,无非就是整理好网页的元素清单,然后一一放上版面即可。其实就因为自由搭配的方式千差万别,我们总为最好解决方案心悬一线,其实最后的结果又马马虎虎。没有边界一段文字和一张图片,甚至一个图标……在你进行布局的时候,由于你的素材并不是立刻手到擒来,你的布局总是喜欢用一个个矩形来代表一段文字或一张图片,这本没有错,但这个做法也会让你陷入“框架陷阱”。就像这样一个布局,只是画出了一个大致的框架图,也许你只是想说这只是框架,因为设计规划前期很多素材还并不完善。然而,很有可能你就会因此而将页面设计成这样当然,你会说这样其实并没有什么不好,因为几乎我们所有看到的扁平化网页都是这个样式,但可以肯定的是,这个网页并没有多少呼吸的空间,整个网页都被信息所填满,如果稍微改变一下布局的元素大小和位置,其实就会展示出不一样的版面效果(下图),而很显而易见后者的排版是更为灵活的。

2019年3月超实用设计圈快速便捷的工具合集
好的设计工具总能让设计师工作更加便捷,这一点毋庸置疑。这个月的设计圈干货当中,汇集了许多能够让设计更加快速便捷的工具,有的能够帮你快速完善配色,有的工具能帮你完善流程,更好用的代码片段,以及帮你丰富设计的字体。春天来了,生活和工作理当更加放松,看看今天的新工具,不要错过任何一款对你有用的好东西哟~QuickChart.ioQuickChart.io 是一款免费的工具,帮你快速构建高度可用的图表素材。它的开发者旨在提供一款足以替代 Google Image Charts API 的便捷工具,因为 Google 的这款 API 即将对外关闭。QuickChart.io 的工作原理不复杂,它使用 URL 来定义图片图表。每个 URL 都包含一个 JSON对象,而这个 JSON对象中则容纳了所有的数据和显示选项。这些数据图表将会遵循流行的开源图形库chart.js 来定制,并且其中一切都是可定制的。This Person Does Not Exist这是一个帮你生成随机头像的工具,更重要的地方在于,这些随机头像都是电脑自动生成的,并非真人。你可以将这些面孔运用到实际的项目中去,它会让一切看起来非常真实。IVIDIVID 是一款适合现代浏览器的交互式视频播放器,易于设置同样易于使用。这款播放器的便捷之处在于它几乎是即插即用的!完整的 VanillaJS Web 组件播放器内允许自动播放下一个视频,使用继承自 HTML5 的视频属性,并且具有可自定义的屏幕控件,键盘控件以及更为简单的设置。

UI设计师&插画设计师必须要收藏的PS笔刷大全
看插画视频教程学习时发现很多求笔刷的弹幕,也有同学在网上高价求购笔刷,并且手绘已经成为了UI设计师的必备技能之一。但是网上笔刷种类很多,不利于选择,所以收集了一些非常好用的笔刷分享给各位UI设计师&插画师,希望这篇文章可以解决这些同学的问题。(由于版权问题,本文不提供打包下载,需要的同学请百度/购买/到原作者微博下载)关于笔刷很多优秀的插画师会说笔刷不重要,传说中的「19号画笔」就可以画出自己想要的效果,有的插画师也会选择自己制作笔刷,但是对于大部分的UI设计师或者插画爱好者来说,使用一些已经制作好的各类风格笔刷有助于提高绘画效率,快速出图。关于软件使用 photoshop 画图的同学推荐使用CC 2018及以后的版本,Adobe 在2018版本加入了笔刷分组和画笔平滑(SAI 的防抖)功能,可以更好进行笔刷整理,以及适合手抖的同学。另外,在2019版本还内置了色轮功能。笔刷推荐下面推荐三组笔刷,基本上涵盖了大家看到的大部分手绘风格的笔刷,可以根据自己的需要去下载使用。1. Kyle T. Webster笔刷在油管上的插画教程里,你会发现很多插画师都是用的Kyle开头的笔刷,没错,就是 Kyle T. Webster 笔刷。其实国外大一部分插画师都是使用 Kyle T. Webster 笔刷,因为这套笔刷真的非常好用。以前这套笔刷需要付费购买,现在被 Adobe 公司收购了,免费提供给 Adobe Photoshop CC 订阅用户使用。

13个提升工作效率的实用Sketch插件
这些是我常用的Sketch插件,个个轻量级,超级好用,分享给大家。希望大家可以喜欢。Split ShspeSketch IsometricMagic Mirror

详解字体设计中笔画的加法减法和乘法三种基本方法
字体笔画设计的基本法则的介绍~字体笔画设计的基本法则的介绍~笔画设计共有加法,减法,乘法三种基本方法前言:在字体设计中,对笔画进行处理是最基础的设计方法。如同数学有基本的四则运算一样,笔画的设计方法也有基础的运算法则,掌握这些常用的笔划设计法则,能帮助我们更好地进行字体的设计。文章中的案例和图片均来源自网络,只用于设计方法的说明展示,不做其他用途。根据字体笔画设计的属性进行分类,笔划的设计法则一共有3种:加法、减法和乘法这三种法则的技法层面为:

设计配色知识,详解设计师必须要了解的配色知识
配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。配色一直是设计圈子里恒久不变的热门话题,是我们作为设计师必须要掌握的一门重要技能之一,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义,比如:红色、橙色、黄色等暖色系列的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系列颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效的相互结合,往往能做到1+1>2的视觉效果。在设计中,色彩可以分为两大类,即有彩色和无彩色,无彩色大多指我们常说的黑、白、灰。有彩色则是除无彩色之外的颜色。下面说下有彩色的三大特征,即色相、饱和度、明度:色相:色彩的首要特征,也就是色彩可呈现出来的质地面貌,比如我们常说的:红色、蓝色、绿色……饱和度:色彩的鲜艳程度,也就是色彩的纯度,饱和度取决于该色中含色成分和消色成分(灰色)的比例,直观看就是我们常说的:天蓝色、淡蓝色、灰蓝色等等,就是对饱和度不同程度的体现:(饱和度由高→低的变化)