以下是小编整理的用AI打造扁平化航海风格文字(共含7篇),欢迎阅读分享,希望对大家有帮助。同时,但愿您也能像本文投稿人“leone”一样,积极向本站投稿分享好文章。
前言
任何对扁平化风靡之初颇有印象的朋友也许和当时的我一样,脑海中想起了“世界突然清静了”的声音,从此我们仿佛告别了拟物时代。做过设计的人都不得不承认,简单是很复杂的,而复杂反而很简单。当我在思考记录这个扁平化风格文字制作过程的时候,主要想记下的是这三个记忆点。
一、如何用AI里的图案铺展背景,并修改图案的样式
二、任何字体都需要自己的再加工,值得认真对待的一个个锚点去修饰
三、如何制作一个有头有尾的图案笔刷
一、制作背景
STEP 01
打开AI,新建一个600*600px的文档。先画一块大小同文档大小一样的矩形,填充为蓝色,关闭描边。由于我们是航海风格主题,因此,蓝色是第一选择的颜色。当然,实际项目中,你也可以换其他颜色,如果是食物主题,橙色和红色都是不错的选择。如果是自然主题,那么绿色也是不容忽视的色彩。具体的背景色选用,我们会留到今后色彩的运用中去详细讲解。
STEP 02纯色背景也许已经够了,对于扁平化风格来讲,大部分背景都为纯色。但在这里,我们希望能更加丰富一点,可以为背景增加一点细腻的纹理。让我们再在蓝色背景层之上再建一个图层,图层这时可以是任意颜色,同时,打开色板面板,在色板里打开色板库,选中其中一个图案。打开图案的路径为【打开色板库>图案>基本图形>纹理】。具体可以参考下图。
STEP 03在图案中选中“砂子”这个图案。这时,我们会发现,图案的纹理是黑色填充的,但如果我想要的是白色的纹理该怎么做呢?没错!我们需要先对这个图案进行扩展。
扩展后,大家会看到图案中的纹理变成了路径,但这时仍然不能直接调换砂子的颜色。我们还需要在上方的工具栏左侧,点击“编辑内容”的小图标,这时,砂子才变为了可以给我们编辑的内容。你会发现这时的填充色为黑色。
通过把填充色变为白色以后,我们就完成了背景图的制作。还可以降低图案背景的透明度为50%,让它表现得更加朦胧。二、文字排版其实文字这部分内容相对比较简单,只要准备好相应的文字内容再进行字体筛选,适当进行排版即可。
我在这里设计的主题是航海,因此,我准备的文字是“畅游.Deep sea”,再附上“ifeiwu.com”的域名地址。在开始动手之前,可以先通过铅笔在纸上探索一下最佳的设计排版。
我在此选用的中文字体是“方正粗倩体”,英文字体是具有手写风格的“Mission Script”,这两种字体都有笔画接合部分比较圆润的特点,中文较为正式,而英文贴近手写,更加温暖。看上去风格搭配协调。而ifeiwu.com的域名采用是“futura LT”,这种英文字体有未来体之称,看上去简洁而清晰,在扁平风里常会被用到。
STEP 04
先用文字工具写上“畅游”二字,这两个字我安排了230pt的大小,将其安排在左上方,和边框线完美地贴合。这种构图的方式,充分扩大了内部空间,让整个排版布局更加广阔。文字色彩为白色。
STEP 05再写上英文字体,放置于中文下方。“Deep sea”的大小为120pt,“ifeiwu.com”的大小为16pt。Deep sea的文字与中文进行右对齐,然后再把域名地址放到Deep那个P字母下伸部分的右侧空白处。
这里大家可以看到,我的排版采用的了相当面积的留白。文字主要集中于左上方。这样就给予了空间更多的张力。对于留白是我们日后要讨论的话题,现在请将注意力集中到文字上。STEP 06
选中文字,然后点击右键“创建轮廓”,这时,你可以放大文字的路径,利用钢笔工具,对任何你不满意的地方进行修饰,
这一过程要更多的耐心。
三、绳索的制作接下来,我想要在底部加上一根头尾打结的绳索,就像航海帆船的缆绳。可能大家会觉得这一步骤很简单,事实上,我们要制作的绳索不是画出来,而是通过制作一个图案画笔,然后就可以无限地使用它们。这种一劳永逸的事情,前期相对比较复杂。
STEP 07
画上一个长宽为3.8px*6.6px,半径为5px的圆角矩形。复制矩形向右移动6个像素,再移动一次。这样就排列了三个圆角矩形。
STEP 08将这三个图形向右下方倾斜17度。
STEP 09这时,请确保你已经打开了智能参考线,在这对图形左右两边分别画上一个矩形,矩形和左右两个图形分别相交于图形的中线处。然后打开路径管理器,点击左上第二个图标,即“减去顶层”来重塑图形。
STEP 10将左一、左二两个图形复制一份到右边进行拼接,请看图示。
STEP 11利用钢笔工具的增加锚点的功能,以及对路径的编辑,将最右边的图形进行重新塑造,让它变成一个类似绳结的图形。然后再将这个绳结以及它左边的图形(也是圆角矩形的一半)进行复制并移动。
复制移动到左边做一次拼接,移动到左边时记得做一次垂直方向的对称,再做一个水平方向的对称。 提醒:这一步在拼接时会遇到些细节的错位,而解决方案是大家不要用鼠标拖动图形,改用右键的“移动”,把移动设置得比较小,比如0.1像素这么小的距离进行移动就能完美拼合。STEP 12
接下让我们画三个矩形,这三个矩形的边框要与图形的边缘对齐。操作时需要辅助智能参考线,具体的形状如下。这三个矩形应该关闭描边,但我在这里为了展示给大家看得清楚的就打开了描边。希望大家注意到这一点。
这时,我们可以把图形分作三分,左中右各为一份。每一份是由图形本身加上矩形外框所组成。让我们为这三组图形分别编组。STEP 13
选中中间这一组,也就是没有绳结的这一组。然后进入到画笔面板,点击下方的新建画笔的图标,在弹出的选项卡里选择“图案画笔”,然后点击确定。在图案画笔的设置选项中我用了默认的设置,将画笔名称改为绳子。
点击确定后,你就自建了绳子的画笔,在画笔面板栏中,你可以找到“绳子”这个画笔,但由于画笔是白色,所以在这里几乎什么也看不见。没错,那个一片空白的画笔就是它了,你把鼠标移到那里,会出现“绳子”的画笔名。STEP 14
让我们接下选中右边的那一组,按住“alt”键拖到画笔的最右的格子里。这时屏幕又弹出了画笔的设置面板。面板中的“终点拼贴”变为白色,我们可以选择默认,也就是直接点击确定按钮。
STEP 15右侧的绳结处理好后,左边的做法也类似,只是这时按住“alt”键拖往的是靠右第二个格子。屏幕又弹出画笔的设置面板,面板中的“起点拼贴”也变为了白色。我们保留默认设置,点击确定。
这时,绳子的画笔就完成了,我们运用直线工具,画上一条直线,然后选中直线的同时点击画笔面板中的绳子画笔,这时就能看到这条直线变成了一根头尾有绳结的绳子。而这时,完成了绳子的制作,我们的作品也大功告成。 后记画笔的制作虽然过程较繁琐,但可以重复利用,并且根据不同的需求改变造型。这是普通的路径作画无法比拟。完成后再看看我们开始前提出的记忆点,你学会了多少呢?
打算做一个系列教程分享,名字叫做简速系列教程,顾名思义,简单快速达到目的。
今天奉上第一弹 AI快速制作写实临摹用AI可以有快速制作写实图像的方法(局限于没有太多复杂结构)但过程可能需要设计人员有一定的绘画功底和软件熟悉度,
所以讲的不到位或者跳跃性大的还请见谅。
今天上首页的AI制作阿斯顿马丁就是我们使用了这种方法,现在就分享给大家,可能对以后用AI制作一些写实的图形或者UI会有帮助。 软件下载见下方。
本教程主要应用调整图层运用,用PS给MM照片调出清爽风格色调,
原图
最终效果图
1、打开原图,复制一层,图像-调整-可选颜色,设置如下图:
2、图像-调整-曲线,设置如下图:
3、图像-调整-色彩平衡,设置如下图:4、图像-调整-曲线,设置如下图:
5、图像-调整-色阶,设置如下图:
4、图像-调整-色相/饱和度,设置如下图:
最终效果图:
一、制作背景
STEP 01
是谁说过,越简单越困难,这句话其实一点不矛盾。这个进程条看似非常简单,却需要我们在比例上严格把控,才会让它看上去尽显精致。这就需要我们运用好网格线。
打开AI新建一个宽600px高200px的文档,去掉“使新建对象与像素网格对齐”的选项,去掉这个选项就会让你在绘图的时候落笔更自由。其他参数请参见下图。
新建成功后,进入到【编辑>首选项>参考线和网格】,将网格线间隔设置为1px,次分割线设置为1。这里参数设置的意思就是让1个像素作为一个网格,这样组成网格线。 在绘图之前设置好网格有助于绘图中对于精确比例的把握,就像你有把精准的尺。这时,如果你还没有设置“显示网格”和“对齐网格”,那要尽快去视图中勾选这两项。STEP 02
利用矩形工具,绘制一个和画板同等大小的矩形,填充浅灰色。然后再打开外观面板,在原有填色的基础上新增一个填色。新填色设置为渐变填充。渐变为径向渐变,渐变色的设置可以参考我的设置。
接下来要为背景增添一点颗粒感。保持背景矩形仍被选中,增加第三个填色,这次填色为黑色,然后把黑色填色层的透明度降为4%,混合模式设置为正片叠底。然后进入【效果>艺术效果>胶片颗粒】,在设置面板中设置如下参数。颗粒效果带给整体感觉以典雅精致的感觉。下次你的项目里可以试试制作这样的背景。
二、绘制进度条外形STEP 03
首先,你可以将上一部分制作的背景锁定(ctrl+2),这样就不会在你接下来操作中影响到背景。
分别利用矩形工具和椭圆工具画上一条矩形和五个正圆。然后关闭“对齐网格”,进入【编辑>首选项>常规】,把键盘增量的参数设置为1px。
STEP 04选中上一步所绘制的对象,打开路径查找器,点选形状模式中的联集模式。
三、高光和阴影笔者一直觉得AI里打造阴影并不如PS中来得容易,除了应用投影效果,还需要其他的修饰,表达立体感。
STEP 05
首先让我们为目前所绘制的对象增加一个凹陷的层次感。先将现有对象复制两层放在顶部。然后选中最上一层,利用键盘方向键,往下移动1像素(还记得我们设置键盘增量为1px,道理就在此),
选中最顶部的复制对象和在它下方的复制对象,然后进入到路径查找器中,点选减去顶层图标。
将这个减去顶层后的对象设置为黑色,透明度20%,混合模式为正片叠底。 STEP 06选中STEP04绘制的对象,然后进入【对象>路径>偏移路径】,在偏移路径中设置位移为-4px。将这个偏移后的对象填充改为渐变填充,渐变设置如下图所示。
你不一定要完全参考我的设置,但你需要记住一点,就是这时是为了给这个对象增添明暗过渡,严格来说我们的全局光是从上打到下,因此,在靠近光源的地方就较为明亮,反之则较为暗淡。有了高光和阴影,画面就会呈现立体感。
STEP 07重新选中STEP04绘制的对象,进入【效果>风格化>投影】,分三次为它加上三个投影效果。同样是为了营造这个对象外围的高光和阴影。
选中STEP06中绘制的对象,拷贝两次。运用STEP05的方式,将最顶部的拷贝层往下移动1个像素。再选中位于它下一层的拷贝层。运用路径查找器,点选减去顶层的图标。然后把减去顶层后对象设置为白色。 STEP 08重新选中STEP06中绘制的对象,拷贝两次,将最顶部的拷贝层往上移动1个像素。再选中位于它下一层的拷贝层。运用路径查找器,点选减去顶层的图标。然后把减去顶层后对象设置为黑色,透明度降低为20%。
STEP 09再次选中STEP06中绘制的对象,进入【效果>风格化>投影】,分别应用上以下两个投影效果。
这里运用多次投影的目的是为了增加阴影中的层次感。四、文字和其他元素
STEP 10
你可以为每个圆形按钮配上数字,或者一些相应的文字。再为此运用投影效果,保持整体的元素风格协调。
STEP 11还可以增加一些小元素,例如画上一个勾,这个图标是为了标记用户已完成的步骤。先用矩形工具画上外形,再进入【效果>风格化>圆角】,将圆角半径设置为1px。接下为这个对象设置描边。一定记得设置完描边后要选中对象进行扩展。扩展后的对象再运用投影效果。投影的参数设置如下。
后记进程条最终效果图:
你还可以运用同样的原理设计出一整套同风格的UI KIT。在今天的这篇教程中朋友们将学习到PS打造漂亮星际风格彩色文字效果,教程制作出的效果很漂亮,制作起来难度也不大,适合新手朋友学习,喜欢的朋友快来学习一下制作方法吧!
我们先来看看最终效果:
FEVTE编注:更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
下面是具体的制作步骤:
1、创建1000*400黑色画布,利用nasalization字体,写入文字效果,
2、设置文字层图层样式。
3、按住ctrl并点击文字层获得选区,创建新图层并命名为“繁星”,用黑色填充选区,将繁星层稍向右下方移动,
4、滤镜 》 杂色 》 添加杂色。
5、将繁星层的图层混合模式设为“柔光”。
6、创建新图层,选择9px柔角笔刷,并按下图设置。
获得效果图如下:
7、在背景层上方创建新图层,选择套索工具,羽化设为20,建立如下选区。
8、用黑色填充选区,并将前景色设为白色,背景色设为黑色,滤镜 》 渲染 》 云彩。按下ctrl + l打开色阶面板并按下图设置。
9、将图层填充设为80%。
10、添加渐变叠加得到最终效果。
FEVTE编注:更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67这篇教程教网学习PS的朋友们用PS打造PUNK风格非主流照片的具体操作步骤,我们来看一看制作好的最终效果图 :
FEVTE编注:更多照片处理教程交流讨论及作业提交请到论坛照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=66
1、打开需要处理的图片,用PS打造PUNK风格非主流照片
。2、新建一个图层,进入通道面板,美白,具体的方法请参见网的美白教程,调整一下不透明度,这里是72%。
3、将刚才两个图层合并,复制合并好图层,将模式改为柔光,这样是不是效果比刚才好多了呢,然后合并这两个图层。
4、选颜色,(R:255,G:0,B:0)新建图层,填充。
5、选择模式为“颜色减淡”。
6、在该图层“添加蒙版”,选择画笔工具,用黑色把嘴巴等不需要红色的部分擦掉,当然也可用橡皮擦,更加方便一些,这样就不用添加蒙版了,当然要选择柔和的笔刷,不透明度也要稍微调低一些,否则会僵硬,最后依然需要合并图层,
7、复制该图层,模式为“颜色加深”,需要的话调整一下不透明度,这里我是调到100%,马上要完了哦,所经做到这里需要一点点耐心哦。
8、做到这里,我要给大家推荐一个滤镜:TOPZ。
9、进入通道面板,点RGB通道 CTRL,然后回到图层面板。
10、新建图层,选择颜色,填充,(R:255,G:223,B:50)
11、调整该图层不透明度为20%。
12、加上唇红笔刷,新建图层来画出鲜艳的口红,如果觉得不喜欢这中效果到此就结束了。
13、涂好嘴唇以后用滤镜――模糊――高斯模糊将嘴唇颜色稍微模糊一下,画出高光。
14、加上你的水印就算完成了。
最终效果图
FEVTE编注:更多照片处理教程交流讨论及作业提交请到论坛照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=66
操作步骤
按住Shift键,画出一个圆角正方形。
设置矩形渐变色并调整圆角弧度。
Ctrl拖动复制一个并叠在上面原图上,编辑这个形状转换为任意图形,
编辑顶点,按住Ctrl键点击下面的6个黑点。
设置编辑后的形状渐变色。
添加字母或者其他图片。
可以继续添加阴影。
也可以为底图填充图片,制作应用图标。
完成,看看我制作的图标吧!
★ 你好ai观后感