用AI打造扁平化航海风格文字

| 收藏本文 下载本文 作者:leone

以下是小编整理的用AI打造扁平化航海风格文字(共含7篇),欢迎阅读分享,希望对大家有帮助。同时,但愿您也能像本文投稿人“leone”一样,积极向本站投稿分享好文章。

用AI打造扁平化航海风格文字

篇1:用AI打造扁平化航海风格文字

前言

任何对扁平化风靡之初颇有印象的朋友也许和当时的我一样,脑海中想起了“世界突然清静了”的声音,从此我们仿佛告别了拟物时代。做过设计的人都不得不承认,简单是很复杂的,而复杂反而很简单。当我在思考记录这个扁平化风格文字制作过程的时候,主要想记下的是这三个记忆点。

一、如何用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”键拖往的是靠右第二个格子。屏幕又弹出画笔的设置面板,面板中的“起点拼贴”也变为了白色。我们保留默认设置,点击确定。

这时,绳子的画笔就完成了,我们运用直线工具,画上一条直线,然后选中直线的同时点击画笔面板中的绳子画笔,这时就能看到这条直线变成了一根头尾有绳结的绳子。而这时,完成了绳子的制作,我们的作品也大功告成。    后记

画笔的制作虽然过程较繁琐,但可以重复利用,并且根据不同的需求改变造型。这是普通的路径作画无法比拟。完成后再看看我们开始前提出的记忆点,你学会了多少呢?

篇2:用AI快速打造写实效果

打算做一个系列教程分享,名字叫做简速系列教程,顾名思义,简单快速达到目的。

今天奉上第一弹 AI快速制作写实临摹

用AI可以有快速制作写实图像的方法(局限于没有太多复杂结构)但过程可能需要设计人员有一定的绘画功底和软件熟悉度,

所以讲的不到位或者跳跃性大的还请见谅。

今天上首页的AI制作阿斯顿马丁就是我们使用了这种方法,现在就分享给大家,可能对以后用AI制作一些写实的图形或者UI会有帮助。 软件下载见下方。

篇3:用PS打造清爽风格色调

本教程主要应用调整图层运用,用PS给MM照片调出清爽风格色调,

原图

最终效果图

1、打开原图,复制一层,图像-调整-可选颜色,设置如下图:

2、图像-调整-曲线,设置如下图:

3、图像-调整-色彩平衡,设置如下图:

4、图像-调整-曲线,设置如下图:

5、图像-调整-色阶,设置如下图:

4、图像-调整-色相/饱和度,设置如下图:

最终效果图:

篇4:用AI打造精致的进程条

一、制作背景

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。

篇5:PS打造漂亮星际风格彩色文字

在今天的这篇教程中朋友们将学习到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

篇6:用PS打造PUNK风格非主流照片

这篇教程教网学习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

篇7:用PPT打造iphone风格的图标

操作步骤

按住Shift键,画出一个圆角正方形。

设置矩形渐变色并调整圆角弧度。

Ctrl拖动复制一个并叠在上面原图上,编辑这个形状转换为任意图形,

编辑顶点,按住Ctrl键点击下面的6个黑点。

设置编辑后的形状渐变色。

添加字母或者其他图片。

可以继续添加阴影。

也可以为底图填充图片,制作应用图标。

完成,看看我制作的图标吧!

扁平化风格在交互产品设计中的运用论文

美图秀秀教你快速打造怀旧风格

PS打造一幅水墨画风格海报效果

奥运征文?用爱打造奥运

PS打造超漂亮手绘风格立体字

高考志愿ai智能填报软件怎么用

用PS制作LED风格的文字

社区扁平化管理工作总结

你好ai观后感

用PS轻松打造冲击波光效果

用AI打造扁平化航海风格文字(推荐7篇)

欢迎下载DOC格式的用AI打造扁平化航海风格文字,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档