教程 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Fri, 24 Feb 2023 06:09:21 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 5个保姆级PS抠图教程,解决抠图烦恼! //www.laura-marie.com/60088.html //www.laura-marie.com/60088.html#respond Fri, 24 Feb 2023 06:04:35 +0000 今天带给大家的又是一个绝对重要的知识,那就是“抠图”!

在我们的设计中,抠图可以说是最常见的运用啦,简单的PS抠图我们都会,但是最令我们头痛的人物或者动物的毛发的抠图了,很多人都抠不好,我也是经常在很多设计作品中看到没有扣干净的人物图片,看的真的是一脸的尴尬。

作为设计师的我们,抠图是我们的基本功,但是也不是最简单的基本,接下来我会一一介绍不同图片用什么方法抠图最好最快!

5个保姆级PS抠图教程

第一种:魔棒工具抠图

魔棒工具抠图对于图片的要求是很高的,需要纯色背景并且主题图片轮廓清晰

案例展示:

我们对于下面这种类型的图我们就可以选择简单快速的魔棒工具抠图,满足背景是纯白色(纯色)+产品图轮廓清晰

5个保姆级PS抠图教程,解决抠图烦恼!

抠图步骤:

第一步:ps打开图片文件,解锁

5个保姆级PS抠图教程,解决抠图烦恼!

第二步:选择魔棒工具,直接点击图片空白区域(即选中背景)

5个保姆级PS抠图教程,解决抠图烦恼!

第三部:按键盘上“Delete”键,一键删除就大功告成啦!

5个保姆级PS抠图教程,解决抠图烦恼!

这里我就只列举这一个例子,对于同类的图片我们都可以运用这个方法,这个抠图的方法是最简单的啦,就算是对于设计小白来说也是学来毫不费功夫的,大家灵活运用就可以啦!

第二种:钢笔工具抠图

钢笔工具抠图也是需要针对图片的产品图轮廓比较清晰的,背景可以是纯色也可以是其它带有杂色或者背景图的背景,都可以哈!

案例展示:

我们就选择一种非纯色背景的图作为案例举例吧!因为前面纯色背景的已经有更快更好的方法可以达到啦!

我们选择这样一张图片,目标就是把图中的耳机抠出来,大家看到这张图就可以在大脑里想一想,应该运用什么样的方法,肯定我们知道不能用魔棒工具吧!所以先用钢笔工具抠图看看!

5个保姆级PS抠图教程,解决抠图烦恼!

抠图步骤:

第一步:ps打开图片文件,解锁

5个保姆级PS抠图教程,解决抠图烦恼!

第二步:选择钢笔工具,沿着耳机边缘轮廓一笔一画的勾勒出来(需要的是大家的耐心)

钢笔工具抠图前提不要忘记路径的选择

5个保姆级PS抠图教程,解决抠图烦恼!

用钢笔勾勒出外围的边缘后的图,选择路径面板

5个保姆级PS抠图教程,解决抠图烦恼!

5个保姆级PS抠图教程,解决抠图烦恼!

 

第三步:按住“Alt+鼠标点击路径面板突出前面的小图标,将钢勾勒出的部分载入选区,

5个保姆级PS抠图教程,解决抠图烦恼!

第四步:返回到图层面板,“ctrl+J”复制选区

5个保姆级PS抠图教程,解决抠图烦恼!

我们关闭原有的图,我们会发现抠出耳机中间还有背景,同意的使用钢笔工具

5个保姆级PS抠图教程,解决抠图烦恼!

钢笔工具在中间描出的轮廓是我们要去掉的背景,所以我们载入选区后直接删除就可以啦!

是不是很简单

5个保姆级PS抠图教程,解决抠图烦恼!

第三种:磁性套索工具抠图

磁性套索工具其实和钢笔有点类似,也是需要轮廓清晰的图,套索工具就像一个有吸附功能的磁铁,会沿着产品轮廓边缘直接吸附,然后载入选区就可以完成抠图啦!

我个人觉得这一个抠图的方法并不是特别的好,没有钢笔工具抠的更干净利索,所以我很少用这一个方法抠图!

这里我就不做案例啦!偷偷懒啦请原谅我这个“懒小鱼”

第四种:通道抠图

前方高能大家请注意啦

通道抠图可是很重要也很实用的毛发抠图啦,所以对于不知道怎么抠毛发的小伙伴可以打起精神啦!通道抠图还有一个常用的方法就是扣透明物体,例如婚纱和透明的玻璃杯!

下面我会一一介绍怎么用通道抠毛发以及透明物体!

案例展示

01:毛发抠图——以美女为案例,抠出完整的人物就是我们的目标!

5个保姆级PS抠图教程,解决抠图烦恼!

操作步骤:

第一步:同样ps打开图片,解锁

5个保姆级PS抠图教程,解决抠图烦恼!

第二步:选择通道面板,查看红、绿、蓝三个通道黑白对比最强烈的一个进行复制,我这里选择的是比较明显的“蓝”通道,

5个保姆级PS抠图教程,解决抠图烦恼!

第三步:“ctrl+L”调出色阶,调整色阶位置,让头发区域和背景区域有明显的差距,最好能保留发丝,调整好以后点击确定即可

5个保姆级PS抠图教程,解决抠图烦恼!

第四步:按住”ctrl+鼠标点击图层小图标载入选区,然后“ctrl+shift+i”反选,然后回到图层面板,“ctrl+j”复制选区

这样我们就基本得到了我们的头发部分

5个保姆级PS抠图教程,解决抠图烦恼!

第五步:我们同样的会用到我们的钢笔工具,勾勒出人物的轮廓+载入选区+复制

最后我们的模特人物就完美的抠出来啦!

5个保姆级PS抠图教程,解决抠图烦恼!

02、透明物体抠图

这里我们就选择漂亮的婚纱为例子,因为这个也是很多设计师会用到的,毕竟现在每一个拍婚纱照的人都希望自己的婚纱照能够美美哒

记得自己拍婚纱照的时候就是深有感受,本来实际拍照的地方确实是不美丽,就一些湖,但是湖看起来并不清澈透明,天也不蓝,花也不多不艳,但是婚纱室的工作人员就是通过P图和抠图把我们照片,拍的像是在另外一个仙境拍出的“照骗”

额!!!我又多嘴啦,还是直接进入我们的正题吧!

案例展示:

5个保姆级PS抠图教程,解决抠图烦恼!

操作步骤:

第一步:同样的打开文件,解锁,就不再重复啦!

第二步:使用我们的“快速选择工具”选择我们的人物区域,然后“ctrl+J”复制一层

5个保姆级PS抠图教程,解决抠图烦恼!

5个保姆级PS抠图教程,解决抠图烦恼!

我们可以看到复制出来的人物图层很明显婚纱不是透明的,所以接下来就算重点的教程来啦,

第三步:“ctrl+J”再复制一层我们刚刚抠图的人物,然后选择通道,在通道里面,我们分别观察“红,绿,蓝”三个通道人物明暗对比的变化,这里我们的目的是要扣除透明的婚纱,所以在选择明暗对比度的时候要注意看图层透明处明暗的对比最强烈,不一样的图明暗对比的通道图层是不一样的,所以大家要根据自己图片的实际情况而选择通道,我这里选择的绿色通道,

5个保姆级PS抠图教程,解决抠图烦恼!

第四步:选择好通道后,复制一层选择的通道,

5个保姆级PS抠图教程,解决抠图烦恼!

第五步:“ctrl+L”我们调出色阶,通过调整色阶参数得到明暗更加强烈的图层,便于我们抠出透明的图层,调整好后点击确定即可

5个保姆级PS抠图教程,解决抠图烦恼!

第六步:ctrl+鼠标点击复制的通道的图层小图标得到我们的透明图层的选区

5个保姆级PS抠图教程,解决抠图烦恼!

第七步:回到我们的图层面板,给我们的图层添加“图层蒙版”,这样我们就得到了透明图层

5个保姆级PS抠图教程,解决抠图烦恼!

5个保姆级PS抠图教程,解决抠图烦恼!

第八步:我们前面到的只是透明的图层,所以人物并不是完整的,我们需要单独抠出人物型体,所以我们又需要用到我们的钢笔工具啦!我们只需要用钢笔工具抠出人物的轮廓,对于婚纱的透明处我们可以不用在意

5个保姆级PS抠图教程,解决抠图烦恼!

人物轮廓抠出后和我们刚刚抠出的透明图层合并的效果,便于大家观看效果图,所以我添加了一个背景层,可以看到我们以及得到了基本的图,但是还是有很多不足,因为婚纱的透明处看起来太单薄,

5个保姆级PS抠图教程,解决抠图烦恼!

第九步:我们需要再复制1-2层刚刚抠出的透明婚纱层,复制两层后会明显的看到婚纱透明出的高光处变得更显眼啦,但是还是不够!怎么办呢?

5个保姆级PS抠图教程,解决抠图烦恼!

第十步:我们选择刚刚复制的快速选择后得到的人物的图层再一次进行通道对婚纱高光图层的抠图,记得我们这次利用通道的目的是抠出婚纱高光的区域,所以在调整色阶参数的时候需要有所区别,后面就是和前面同样的方法复制+图层蒙版,这里就不再重复啦!

5个保姆级PS抠图教程,解决抠图烦恼!

最终我们就得到了我们的透明婚纱人物图啦!

5个保姆级PS抠图教程,解决抠图烦恼!

最后:如果发现抠出的透明图层不是很明显,可以多复制几层哦,这样得到的效果图就会更加明显立体

第五种:选择并遮罩抠图

这个方法和第四种一样适用于抠毛发的图

这里我们选择一个可爱的猫咪做案例展示吧!

案例展示:

5个保姆级PS抠图教程,解决抠图烦恼!

操作步骤:

第一步:同样的打开文件,解锁,就不再重复啦!

第二步:用套索工具选择猫的大概的区域,不需要精确,画一个大概的区域即可

5个保姆级PS抠图教程,解决抠图烦恼!

第三步:点击“选择并遮罩”进入属性面板,在视图的位置选择图片和背景区别较大的图,然后用画笔工具直接沿着猫的周围涂即可

5个保姆级PS抠图教程,解决抠图烦恼!

5个保姆级PS抠图教程,解决抠图烦恼!

第四步:将猫的周围全都涂成上面这样的,然后选择输出到“新建图层或者新建带有图层蒙版的图层”,建议输出选择第二种,便于下一次修改哈!

5个保姆级PS抠图教程,解决抠图烦恼!

5个保姆级PS抠图教程,解决抠图烦恼!

第五步:完善一些小的细节就可以啦,这样我们的猫咪就抠出来啦!

5个保姆级PS抠图教程,解决抠图烦恼!

今天就先介绍5个PS抠图的方法吧,够我们完成抠图啦!其实还有很多抠图的方法,下一次我再总结一起告诉大家吧!包括我以前发过一种蒙版抠图的方法!以后再总结归纳吧!

 

作者:设计小余

来源:设计小余(ID:sjxy_007)

]]>
//www.laura-marie.com/60088.html/feed 0
无需手绘! AI矢量扁平几何风基础插画设计 //www.laura-marie.com/60082.html //www.laura-marie.com/60082.html#respond Thu, 23 Feb 2023 12:16:52 +0000 前言:画画,既可以用手绘的方式自由挥洒,也可以运用严谨的几何形来组合造型,这两种表达方式都是美术,都可以成就美,在传统的画画的领域也许前者是最常见的表达,但后者的魅力也开始慢慢呈现出来。

这篇文章我们将运用严谨的几何形来塑造水果的形象,通过巧妙的形色组合、形状本身透明度的叠合,表现具有简约、大方、时尚感的鲜果派对插画海报。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

工具

工具:AI(Adobe illustrator)

适合:零基础入门

扁平风的基础思维准备:几何形组合造型

几何形一直被视作是抽象造型的基础元素,通过几何形有意识的相互叠加组合,就可以使得这个造型呈现出可识别的对象,比如我们在这个教程里所表现的那样:用几何形画水果。

比起细腻丰富的传统画法,极简的几何平涂造型所创作的水果,看起来有着别样的生动的特质,摆脱了对水果表面质感的依赖,转向对形色的探索,是扁平插画的基础思维。

常用的几何形是:圆、方、三角,在这个教程里,我们就运用矢量软件AI(Adobe illustrator)进行创作,接下就开始来打造我们的《鲜果派对》海报吧。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

用方形塑造苹果基础形

常见苹果的画法可以是圆形起步,也可以是从方形开始。

STEP 01

打开AI,新建一个文档,运用粉色画出一个正方形,这就是苹果的起始形。起始形非常重要,它决定了接下这个苹果的形状走向。

然后,我们把这个正方形改变为梯形,改变的方法有很多种,这里我们利用变形工具,进入【效果>变形>弧形】,在变形工具的面板里,将垂直这个滑块调整为-15%。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 02

在选中上一步所变形成为的梯形的基础上,进入到【对象>扩展外观】对它做一次扩展外观。

扩展外观就是让这个形状真正变为矢量梯形的路径,如果没有做这一步,这个形状看似是梯形,其实还是原来正方形的矢量路径。分辨真假梯形也很简单,只要选择这个形状,看到路径的走向仍然是正方形,那就是假性梯形,这就需要为它做一次扩展外观。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 03

然后再选中这个梯形的基础上,单击左边的工具栏里的【直接选择工具】,就会看到四个角内分别带有四个很小的圆点(仔细看是一个同心圆),拖动它,你会发现它会控制这个角,将它从锐利的角变为圆弧。

根据圆弧离形状中心的距离多少,弧度也会相应发生变化。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

好了,苹果的基础形就完成啦~

细节的魔力

我们开始为苹果增加叶片,叶片的画法首先也是要从基础几何形开始慢慢演变而成。我们在叶片这个部分提供的基础几何形同样是正方形。

STEP 04

用蓝紫色画出一个正方形,然后再复制一个正方形,将这个复制的正方形旋转45°,变为菱形。再复制第一个正方形。于是我们得到了两个正方形和一个菱形,将它们像下图所示拼起来。

然后再选中这个组合造型,进入到【窗口>路径查找器】,在路径查找器的面板中运用【联集】将它们拼合成一个独立的封闭的路径。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 05

然后再利用控制形状角度的小圆点,就像STEP 03那样分别选中下方以及左右两边的圆点,将角转为弧形。一片叶子就这样制作而成。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

问:感觉似乎这样的方式比较麻烦,为什么不直接用钢笔工具画呢?

这也是我在这一风格的画法中想要重点强调的:尽量避免使用钢笔工具,而用几何形进行转化,是保持扁平风格中几何感和抽象感的诀窍。

因为手动画出的路径毕竟不会特别严谨,这时就难免让扁平风格失去了它本身的风格特点,而这时如果没有较强的结构感,整个画面就会看起来”平淡“甚至”无趣“。

其实叶片的造型也可以探索出其他的几何方式进行组合构造,本文只表现一种方法。其他的方法,可以留给你下去尝试。

STEP 06

这时,把这个叶片的形状的混合模式改为“正片叠底”,利用叠加的视觉效果增加画面的几何感和时尚感,这是在我们过去写过的文章《超级可爱!插画萌新必学的PS极简马克笔简笔画:盆栽篇》以及相关系列文章也都运用过类似的技法。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 07

最后,用线条增加最后的细节。这里所用的线条是较细的3px的黑色线条。这里的线条粗细要根据形状本身的尺寸大小比例来确定。总之,对细节的描绘可以克制一些,不要太过复杂。

利用线形的组合以及形状叠加的视觉效果,扁平风的简约苹果元素就画好了。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

准备好元素,完成海报

STEP 08

蓝莓的画法从矩形起步,对矩形的组合以及成形的演变方法,是我们重点要训练的对象。中间的步骤我们已在文章前面详细叙述过了,这里就不再重复。可以继续用这个方法演练下去。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 09

画草莓的时候,运用了两个梯形进行组合。利用叶片造型进行叠加,也能增加图形的魅力。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

STEP 10

我们把其他的水果元素也画好,我这里准备了一些比较可爱的樱桃、西瓜之类,你也可以画点菠萝、芒果之类,注意要把握每一个水果的基础形特点,然后在细节的部分加以强调。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

把每个水果元素放到海报的设计中时,要考虑的还有对水果元素之间的间隙的疏密均匀程度,元素可以较大,有些元素甚至可以渗出到海报之外,这样会让视觉效果更为延伸。

AI矢量扁平几何风基础插画,无需手绘创建《鲜果派对》海报

本文的不用手绘就能设计出扁平几何风基础插画就介绍到这里,如果经过路边有家鲜果店,挂上这样一张海报,应该效果是不错的吧~ 先自我陶醉一波~

作者:飞屋睿
来源:飞屋睿(ID:ifeiwu81)

]]>
//www.laura-marie.com/60082.html/feed 0
illustrator版式教程: 神奇的Ai变形工具 //www.laura-marie.com/60023.html //www.laura-marie.com/60023.html#respond Tue, 14 Feb 2023 02:13:32 +0000 又到了Adobe illustrator版式教程的时间了,今天给大家带来的是5个Ai小技法,简单又实用,看完记得去操作练习一下,多的不说,咱就直接开始整活了。

● 内容呈现

NO.1 神奇的Ai变形工具

NO.2 玩转Ai像素功能

NO.3 扭曲和变换新玩法

NO.4 Ai混合工具新玩法

NO.5 Ai渐变半调效果

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

神奇的Ai变形工具

本次教程就到这里了,希望对你有所启发,看完记得动手操作一下哦!

作者:阿贵 | 来源:胡晓波工作室 (id:ziyou-design)

]]>
//www.laura-marie.com/60023.html/feed 0
合同和试卷模糊,PS如何让文字变清晰? //www.laura-marie.com/60021.html //www.laura-marie.com/60021.html#respond Tue, 14 Feb 2023 01:52:48 +0000 拍照出来的试卷或是合同文件,效果是灰蒙蒙,打印出来一定很难看,利用Photoshop简单几步就可以把模糊试卷图变清晰,方便阅读和打印出来使用。

合同和试卷模糊,PS如何让文字变清晰?

教程/步骤

1、去色(CTRL+SHIFT+U)

合同和试卷模糊,PS如何让文字变清晰?

2、调出色阶(CTRL+L ),点击白色吸管,在灰度的地方点击一下,可以点击多次,比如这些水印,也去点击一下,具体看效果。

合同和试卷模糊,PS如何让文字变清晰?

3、让文字清晰:复制一层(ctrl+J) → 滤镜 → 其它 → 高反差保留 → 半径:3.0 像素

合同和试卷模糊,PS如何让文字变清晰?

4、设置图层混合模式为:线性光

合同和试卷模糊,PS如何让文字变清晰?

5、如果文字有点模糊,那就合并图层,然后调出曲线(Ctrl+M),往下压一下,加深文字的颜色。还可以用自由变形工具操作扭曲和斜切等操作歪歪扭扭的试卷。(可选步骤)

合同和试卷模糊,PS如何让文字变清晰?

最终效果图:

合同和试卷模糊,PS如何让文字变清晰?

最后

方法很简单,但不是万能,如果试卷的文字真的过度模糊,那么怎么调整也是不可以的了。

 

来源:设计达人

]]>
//www.laura-marie.com/60021.html/feed 0
没灵感? 用illustrator做这几种效果排版很不错! //www.laura-marie.com/60020.html //www.laura-marie.com/60020.html#respond Tue, 14 Feb 2023 01:41:59 +0000 今天的illustrator的教程对于做海报没有灵感的小伙伴特别有用,而且也不复杂,大家可以一起来学习。01:伪立体字;02:文字路径偏移;03:半调网屏;04:色块拼接/分割。

先看看这几个使用illustrator做的效果图设计,设计感还是不错的呢,对吗?推荐大家收藏学习起来!

图片

我们开始今天的教程吧

图片

今天我们来学习一下日常设计中及其常见的海报形式之一:伪立体字海报。先来看看网上类似的案例。

图片

这是很早之前做的一个字体用到的,也是伪立体字的视觉呈现。

图片

可以看到伪立体充当视觉主体非常的出效果,接下来详细介绍下用到的工具和操作。

图片

这个案例用到的是 AI 的 3D 工具,我们先看下海报的一个雏形。

图片

图片

我们先简单的给伪立体字简单的上个色。

图片

重点部分:伪立体字体效果步骤解析。

这是一个二维的平面效果,我们选出合适的英文字体转曲 (Ctrl+Shift+O),由于其他英文的制作方法一样,

这里就单独举例 2022。

图片

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

最后再到 PS 调色,以及杂色的添加,丰富画面。具体步骤:菜单栏-图像-调整-色相/饱和度

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

到此这个伪立体字海报就完成了,是不是灰常的简单!

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看大致的一个海报编排效果。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

上面的缩略图可能看的不是很清楚,我们放大看一下并为其添加黑色背景。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

我们看看给它们换换色是什么样的感觉?

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

可以看到我们不管是换填充色还是换描边的颜色给人的感觉都是不一样的,亦或者是增加描边的粗细程度。

下图是我把描边增加到 4pt 可以明显的看到缺失的细节比较严重,所以此处不建议大家把描边的粗细增大。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

我们换个宋体和楷体试试。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

不同气质的字体做出来的感觉各不相同,最终还是建议用黑体比较好,更加的干净简洁。

好了这样的尝试还有很多种,后面大家多去尝试吧,动动手操作起来。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

还是先看看大致的一个海报编排效果。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

简单的看看这种效果的呈现方式,就是密集的波点有种类似像素化的赶脚,这里我拿人物做了个简单的示范。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

拿之前做的举个栗子,再看看图形加上这种效果是不是别有一番风趣,形式感足足。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

这是未做半调效果处理的,我感觉一般,于是我打开了 PS。

用illustrator做这几种效果排版很不错!没灵感时特好用

对图片进行后期处理。

● 半调效果步骤示范

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

用illustrator做这几种效果排版很不错!没灵感时特好用

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

看到这里你学会了吗?

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看大致的一个海报编排效果~

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先看看几组网上的案例,是不是还不错,大多数是色块紧凑的相连或者相互叠压,以下我总结了几点做这类的思路。

TIPS:

● 配色一定要好看,看起来不能脏(冷暖对比居多)

● 好看的文字编排

● 与色块相结合要构成某一种构图

用illustrator做这几种效果排版很不错!没灵感时特好用

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

先从配色开始吧!首先是版面色彩的设定。

● 3 种颜色自由组合(根据个人喜好看整体的配色感觉)

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

接着是构图部分,这个案例我们大致可以看做色块分割或者紧密的拼接形成的分栏式构图即下图的 #01。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

然后就是文字编排部分与装饰图形以及线条的置入,版面文字组组合与字体搭配。

● 中文思源黑体、英文 Acid Grotesk

● 文字组断行左对齐(常规)到简单的移位处理(灵活)

● 文字的粗细关系(主标题的中英文搭配,视觉上粗细一致即可)

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

● 文字组自由组合

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

● 随意装饰的线条、点元素、装饰图形

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

色块分割版面

● 拼接分割的同时也相对应的产生构图

● 置入处理过的文字组

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

到这我们的海报就编排完成了。

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

illustrator教程干货:伪立体字/文字路径偏移/半调网屏/色块拼接与分割

作者:NDS丨阿贵
链接:https://www.zcool.com.cn/article/ZMTQ4NzEyOA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

]]>
//www.laura-marie.com/60020.html/feed 0
C4D玻璃教程:透明荷花 //www.laura-marie.com/59890.html //www.laura-marie.com/59890.html#respond Sun, 18 Dec 2022 12:24:50 +0000 花西子的国风设计非常出众,近期发了一个非常漂亮的玻璃莲花,这样的效果非常的美。于是87老师做了这么一个C4D玻璃教程出来,咱就不废话,直接开干!

 

我们先来查看玻璃莲花的效果图:

C4D玻璃教程之:透明荷花

刚好也用这个案例举例说明,模型渲染的几个要素:

  1. 模型
  2. 环境
  3. 颜色

像我们做的视觉类作品,都是以结果为导向的。很多同学说,真实的玻璃是啥啥啥参数,所以我们应该按真实的来,但其实三维是模拟真实,是有偏差的,它不是真实的。

就像充气娃娃模拟的真人,她就不是真人,就不可能有…

额… 好像偏题了。好,既然要做荷花,那我们就先来看看它,从真实荷花中寻找灵感与细节。

C4D玻璃教程之:透明荷花

教程/步骤

1.1

【创建平面】开局得体面,先创建一个平面。

C4D玻璃教程之:透明荷花

1.2

【增加布线】按快捷键C,把模型转换为可编辑对象。调节,形成花瓣的样子。如果分段不够 ,可以用“循环-路径切割”工具增加“”,由少到多的逐渐增加横向纵向的布线。

C4D玻璃教程之:透明荷花

1.3

【调节细节】移动调整出花瓣的形态。

C4D玻璃教程之:透明荷花

1.4

【挤出厚度】选择所有的面,按Ctrl+移动拖拽,挤出厚度

C4D玻璃教程之:透明荷花

1.5

【弯曲花瓣】给模型增加一个弯曲效果,让花瓣整体弯折起来。

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

1.6

【添加细分】加入细分曲面,让模型更圆滑

C4D玻璃教程之:透明荷花

1.7

【增加花瓣】用同样方法,制作出多个不同的花瓣。可以尝试调整厚度,厚度不同的玻璃的折射效果也不一样。(可以为模型增加一次细分,继续做出不同的丰富细节)

C4D玻璃教程之:透明荷花

1.8

【边缘厚度调节】为了让花瓣更精细,可以给花瓣边缘处增加些厚度细节,后期做的差不多的时候还可以用雕刻工具加入更细致的细节。在此我们先不花费太多时间做细。

C4D玻璃教程之:透明荷花

1.9

【拼装花瓣】下面这个是我用来渲染的模型。我要赶在这几个小时把图肝完,后面还有好多砖要搬。所以模型我没有继续做了,会缺失一些小细节。

有兴趣的同学可以右下角点个“在看”,超50给大家整个雕刻教程。模型更精细,渲染就会更有细节。(当然,你也可以用克隆工具来安排花瓣)

C4D玻璃教程之:透明荷花

2.1

【创建花蕊底座】因为荷花是透明的,所以中间的花蕊也是会看到的。创建球体,选上半部分的点,压平成为一个半球体底座。

C4D玻璃教程之:透明荷花

2.2

【创建花蕊】同理再创建个球,拉成椭圆,再拉出管柱,然后种到底座上,拼到荷花里。一朵娇羞的荷花模型就做好啦~ 至此,模型部分搞定!

C4D玻璃教程之:透明荷花

第二个难点:对玻璃影响最大的就是环境,特别是透明类材质,同样的材质、同样的模型、同一个场景光照,位置不一样,玻璃渲染的结果也是不一样的。

这里我使用的是CR渲染器,为啥不用OC?

额,是因为到期了,没续费…

CR也是渲染器,而且更简单,对显卡没要求,有开心版可用。(Mac系统我不清楚,没用过)

大家也不用担心,这个案例所做出的效果,用啥渲染器基本是一样的。制作的方法思路也是完全相同的,参数基本也都是默认,不需要啥调节。莫慌~ 放心飞~

3.1

【渲染器设置】渲染器的初始设置,最大采样调节到10就ok。

C4D玻璃教程之:透明荷花

3.2

【添加HDR光照】把看着明亮一些的HDR,加到CR渲染器的着色器里。

C4D玻璃教程之:透明荷花

3.3

【添加材质球】如图所示添加传统材质球(OC渲染器则用玻璃材质)。

C4D玻璃教程之:透明荷花

3.4

【渲染一个看看】

C4D玻璃教程之:透明荷花

3.5

【调出玻璃效果】有些渲染器不像OC有现场的玻璃材质。CR渲染器,在材质球里勾选折射反射,它就变成玻璃效果~ (此时天空是亮灰色,所以渲染出来就如下图所示白色透明效果)

C4D玻璃教程之:透明荷花

3.6

【让效果骚动起来】如果你想让效果变得不平庸,简单~ 你对天空耍个流氓,贴一张表情包:

C4D玻璃教程之:透明荷花

你对天空说早安,贴一张表情包:

C4D玻璃教程之:透明荷花

等等,天空不是要贴HDR嘛?怎么变成表情包了?其实,天空加HDR是一种手段,不是标准,这回也不是我们的目的。

我们继续~

如果找一张镭射图给天空呢?天空镭射了,玻璃是不是就不一样的?这就是环境对玻璃的影响。这是最大的环境,后面还有“环境的第二部分”。

C4D玻璃教程之:透明荷花

第三个难点:玻璃的颜色,给它个黄色,它就黄了~

C4D玻璃教程之:透明荷花

老王出现,它就绿了~

C4D玻璃教程之:透明荷花

那给个渐变呢?

em… 仔细想想,好像也不对?

那如何才能精确的给到颜色?

UV啊!精确贴图请认准UV~ Skr~

在UV界面里,把花瓣的UV投射一下,都可以不用拆,流氓投射就可以。

C4D玻璃教程之:透明荷花

不同花瓣的UV,大致是差不多的,所以我们也不需要挨个画它们的贴图,我们把所有花瓣的UV叠到一起画!(当然,一个一个画会更细致,可以精确到每个像素的颜色)

C4D玻璃教程之:透明荷花

为了方便观察,我们导出一个网格UV就可以,给它画几个颜色看看,试试效果。(样条贴图所有渲染都是贴图到折射通道里面,OC材质里它叫传输,默认叫透明,其实都一个意思。希望同学继续努力,收复这些地区,然后把软件通道名称统一了)

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

渲染一个看看~ 玻璃的颜色会特别的敏感,特别的蓝,所有渲染都这样。

C4D玻璃教程之:透明荷花

我们把它的伽马值调大些,让玻璃更加透亮些~

C4D玻璃教程之:透明荷花

如果想要玻璃更白,而且还有一丝丝的颜色怎么办呢?

回到UV里,画出一丝丝白线,并把它们搞成彩色,与刚刚的颜色混合到一起试试。(可以尝试不同的效果,不同的花瓣,材质可以不一样)

C4D玻璃教程之:透明荷花

把材质替换上去渲染一下,发现有些效果,但不太明显。

C4D玻璃教程之:透明荷花

效果不明显,那我们就直接只要彩丝~,后期直接滤色到花瓣上去。

C4D玻璃教程之:透明荷花

同时再把一丝丝的效果做成凹凸。先适当模糊一下,然后加入到凹凸通道里。

C4D玻璃教程之:透明荷花

此时荷花玻璃就有了一丝丝凹凸的效果。

C4D玻璃教程之:透明荷花

还记得上面说的:环境的第二部分嘛?那就是DIY环境。假设你就是这朵花,你身边的一切都是你的环境,不仅仅是头上的天空(即大环境:镭射图),身边的电脑、手机、别人的女朋友,都是环境,都会影响玻璃荷花的效果。

身边的环境,最常见的就是灯光,比如这个位置有个灯:

C4D玻璃教程之:透明荷花

有了灯,一下就把花给搞亮了~

C4D玻璃教程之:透明荷花

花一起做不方便后期,所以可以分开渲染。是可以,不是必须,就看你的习惯了。 单独选中这一部分的花,用灯光为其制作反射的细节。

C4D玻璃教程之:透明荷花

环境可以是表情包,那可以是反光板吗?

当然可以啊!谁都可以上场骚5分钟的~

开始骚~  多色的反光板会让玻璃的折射有多色的效果。

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

然后把分开渲染的花瓣合成到一起。因为是分开渲染的,所以可以用曲线配合蒙版,给花瓣单独调调色~(我这里用的是AE来合成,PS也是可以的)

C4D玻璃教程之:透明荷花

一些多色的效果,不一定非要渲染,也可以合成哒~

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

然后再给画面加些光效

C4D玻璃教程之:透明荷花

C4D玻璃教程之:透明荷花

可以配合蒙版,把玻璃花瓣的边缘,加一丢丢类似RGB分离的效果

C4D玻璃教程之:透明荷花

至此就完事啦~ 来看看最终的效果

C4D玻璃教程之:透明荷花

这里海报可以通过后期炮制的更加通透些,我要赶着搬砖就不再往细里调了,大家照着做的时候,可以用上面讲的几种方式再改进改进~

ok,本期教程就到这里,希望大家学的开心。

也特别感谢花西子设计师,给我们带来如此优秀的设计!

来源:杰视帮(ID:jacksean003)

]]>
//www.laura-marie.com/59890.html/feed 0
如何设计港风字体?Adobe Illustrator轻松搞定 //www.laura-marie.com/59889.html //www.laura-marie.com/59889.html#respond Sun, 18 Dec 2022 09:03:25 +0000 AI是非常能提高设计效率的试用的矢量设计软件,今天我们用它设计一款港风的字体,这种字体在电商或品牌设计中也经常使用到,简单易学,赶紧get起来吧。

效果图:

使用软件:Adobe Illustrator 2021版本    操作难度:⭐️⭐️

教程/步骤:

01. 使用“文字工具”输入文字,字体为DFP超极太楷书体,字号为30pt,再去掉原本文字的颜色。

02. 使用“外观”面板新增填色,然后更改描边颜色和粗细,以及填色的颜色。

03. 再新增新描边,更改描边颜色和粗细。在该描边上新增效果,选择“变换”。打开“变换效果”对话框,调整数值。

04. 继续新增新描边,更改描边颜色和粗细。在该描边上新增效果,选择“变换”。打开“变换效果”对话框,调整数值,完成。

05. 可随意更改文字内容和字体。这个绝技超赞哦,跟着做!零基础也能搭出完美绝配,让你花最少时间做出高品质画面。

06. 实现霓虹灯字体效果(可编辑)

1)使用“文字工具”输入文字,字体为“可口可乐在乎体 楷体”,字号为70pt,并去掉原本文字的颜色,然后点击“添加新描边”按钮。

2)接着选中描边那项,点击“添加新效果”按钮,选择“投影”(风格化>投影)。打开“投影”对话框,设置参数如上图所示。

3)然后“添加新描边”,设置描边粗细为2px,点击“添加新效果”按钮,选择“高斯模糊”(模糊>高斯模糊)。打开“高斯模糊”对话框,设置数值为2。接着更改描边的不透明度为80%。

4)继续“添加新描边”,设置描边粗细为2px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为4。

5)继续“添加新描边”,设置描边粗细为4px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为8。

6)继续“添加新描边”,设置描边粗细为5px,颜色为红色,添加“高斯模糊”(模糊>高斯模糊),设置数值为12,完成!

完成后,即便更改文字内容和字体,也不会影响效果。而且这款特效字在电商设计或品牌设计中也经常使用到,简单易学。

07. 点状螺旋漩涡图形

1)使用“椭圆工具(L)”绘制一个尺寸为100px*100px的圆形,再使用“剪刀工具(C)”把圆剪开四段,位置如上图的红色线。

2)绘制两个圆,尺寸分别5*5px和2*2px。再全选它们,执行“对象”>“混合”>“建立”,再双击“混合”工具打开“混合选项”对话框,设置间距为指定的距离,数值为6px。

3)将圆点混合后的对象,复制粘贴为4个。再选中一个圆点混合对象和被剪后的1/4的圆形,执行“对象”>“混合”>“替换混合轴”命令。如此类推,完成另外3/4的圆形替换混合轴命令。

4)完成替换混合轴命令后,全选对象并编组。然后执行“效果”>“扭曲和变换”>“变换”命令。

5)打开“变换效果”对话框,设置水平和垂直缩放为91%,旋转角度为10,副本为25,如上图所示。

设置水平和垂直缩放为85%,副本为25,如上图所示。

设置水平为91%,垂直缩放为100%,副本为70,如上图所示。

设置水平为90%,垂直缩放为95%,副本为77,如上图所示。

这次分享够给力了吧!好了,看完之后记得要去实操一下哈,不然很容易会忘记。我们下期再见,喜欢的话按赞分享呦~

作者:周妙妍    来源:版式设计很简单(ID:format_design)

]]>
//www.laura-marie.com/59889.html/feed 0
illustrator混合命令,实现酷炫层叠字体海报封面 //www.laura-marie.com/59888.html //www.laura-marie.com/59888.html#respond Sun, 18 Dec 2022 06:54:11 +0000 illustrator有很多便捷的功能,而且使用简单,今天的illustrator教程将教大家用Ai中的混合命令做酷炫的封面效果图,我们一起来学习吧!

图片

这种翻页效果也常见于海报设计中,如下:

好用的illustrator混合命令,实现酷炫层叠字体海报封面

做法依然用到的是混合命令,接下来跟我动手做一下吧。

教程/步骤

第一步

①打出想要呈现的文字,建议黑底白字。

图片

②对文字执行创建轮廓命令(ctrl+shift+O),如下:

图片

③选中文字后,用透视变换工具(E)单击定界框右上方(左上方也可以)的锚点,然后按住ctrl+shift+alt键的同时,向外拖动左键,完成透视。

图片

看下动图操作。

图片

第二步

①将透视结果垂直向下复制一份,并适当压扁。

图片

②用混合工具(w)分别点击两个对象进行混合操作,之后双击混合工具图标,在弹窗中完成参数设置。

图片

③对混合结果执行对象-扩展命令,然后打开渐变窗口(ctrl+F9),点击线性渐变按钮,调整渐变角度为-90°,可将白色滑块适当向右拖动(让字体中的白色显示更多),如下:

图片

④右键取消编组,选中最上层文字,将其适当上移,让文字显示的更全一些。

图片

⑤将结果向下复制一份,利用镜像工具(O)将其垂直翻转(按住shift+左键从上向下拖动即可完成垂直翻转),然后对好位置即可。

图片

至此,这个字体翻页效果就做出来了。我们还可以继续调整细节,做出更多有趣的尝试。

比如我们可以删掉其中的几个字母和数字(删除前记得取消编组),营造一种残缺的美感。

图片

也可以删除后重新做混合,营造一种不规则感。

图片

还可以将某些字母和数字改变颜色,强调主题。

图片

好啦,关于混合的酷炫玩法还有很多,大家一定要动手多尝试鸭~我们下期再见!

作者:君小阳  来源:这logo怎么了(ID:wtf-logo)

]]>
//www.laura-marie.com/59888.html/feed 0
PS极坐标的妙用 //www.laura-marie.com/59003.html //www.laura-marie.com/59003.html#respond Tue, 21 Jun 2022 15:38:25 +0000 ​​Photoshop滤镜中可以实现很多特殊效果,今天给大家介绍的是可能你都没有听过的工具——极坐标。

首先我们找下位置,滤镜-扭曲-极坐标;

 

 

极坐标中有两个选项,平面坐标到极坐标和极坐标到平面坐标。

 

平面坐标到极坐标:图像顶边下凹,底边和两侧边上翻。

极坐标到平面坐标:图像底边上凸,顶边和两侧边下翻。

今天我们利用平面坐标到极坐标来制作一个案例,让大家了解其作用。

素材分别是风景图和动物剪影

 

我们先把风景图片拖进PS中,选择-滤镜-扭曲-极坐标-平面坐标到极坐标。

 

先不要点确定哦,观察到其实这个效果并不是正圆,作为强迫症设计师的我,不允许这样的画面产生。

我们先调整下原图,利用裁剪工具,比例为1:1,确认裁剪。

接下来我们再次使用极坐标效果,得到下图效果

圆倒是圆了,不过这个分割线看的强迫症又犯了,我们这次使用橡皮擦工具。

准备工作是先复制一层(ctrl+j),再自由变换(ctrl+t),右键-垂直翻转,确定。

接下来选择图层1,使用橡皮擦工具,调整至合适大小,注意硬度为0,开始擦涂,注意要留一点交接位置,为啥呢,要是擦多了,不就漏出下面图层的交界线了。

 

然后,合并图层。利用污点修复画笔工具等修复一下,使其过渡自然。

 

这时候发现四周怎么有拉扯的痕迹,好丑,再次裁剪一下,注意比例。

 

放入剪影动物,调整大小和方向。

 

色彩不是很好,最后利用色彩平衡和色相/饱和度调整一下。

 

大功告成。

对于最后的色彩,大家可以自行调整,不要刺眼不协调就好。​​​​

 

来源:@UI设计爱好者(微博)

]]>
//www.laura-marie.com/59003.html/feed 0
极富艺术感!AI绘制抽象艺术LOGO //www.laura-marie.com/58998.html //www.laura-marie.com/58998.html#respond Mon, 20 Jun 2022 16:32:39 +0000 前言:大家看看下面这个LOGO,波浪形的曲线加上黑白的配色,看起来是不是很有艺术感?那么如何制作抽象艺术LOGO呢?打开你的Adobe illustrator软件,跟着本教程一步一步来做吧!

用AI绘制艺术感很强的抽象曲线LOGO

该logo为网络搜集,版权及创意归原作者所有,本文只探讨做法。

老规矩,观大思法。

用AI绘制抽象艺术LOGO

三十秒过去了……

OK,时间到。

这个图形通过线条造型(疏密、粗细)的过渡,营造出高低不一的地表变化,与品牌业务高度契合。

既然是过渡,我们自然会想到混合命令,而这个图形就是通过绘制abcde这5根关键的首尾线条,然后再两两混合完成的,如下:

用AI绘制艺术感很强的抽象曲线LOGO

混合操作也很简单,直接用混合工具(W)分别点击两条线,间距选择指定的步数,数值为6,如下:

用AI绘制艺术感很强的抽象曲线LOGO

看下混合后的效果。

用AI绘制艺术感很强的抽象曲线LOGO

绘制过程中,需要注意两点:一是线条的粗细不同,其中a是2pt,bcde是1pt;二是线条的锚点尽量放到极值点,方便调整,如下:

用AI绘制艺术感很强的抽象曲线LOGO

混合过程中,如果发现混合结果和原图不一致,也不用着急。如下图所示,我混合后就发现有两段(ab和cd)和原图的造型不同。

用AI绘制艺术感很强的抽象曲线LOGO

这时我们可以通过增加锚点的方式控制线条的混合结果,看下动图操作。

用AI绘制艺术感很强的抽象曲线LOGO

关于锚点添加的位置,仔细分析两条线段锚点的位置分布就不难理解了,大家多多尝试便能深谙其中的奥义。

再举个例子,如果你在混合的时候出现了下面这种情况:

用AI绘制艺术感很强的抽象曲线LOGO

说明你这两条线段的绘制起始点不在同一侧,如下:

用AI绘制艺术感很强的抽象曲线LOGO

此时只需要用钢笔工具(P)点击线段b的最左端锚点,即可将其定义为起始点,混合效果就正常了,如下:

用AI绘制艺术感很强的抽象曲线LOGO

好啦,今天的抽象艺术LOGO案例教程就讲到这里,操作和原理比较简单,建议大家动手实操,这样才能发现问题,解决问题。我们下期再见鸭~

作者 | 君小阳
来源 | 这logo怎么了(id:wtf-logo)

]]>
//www.laura-marie.com/58998.html/feed 0