• LOGO特训营 第三节 首字母创意手法


    一、寻找灵感

    首字母Logo建议直接上“花瓣网”寻找灵感。

    比如,我们要做一个M开头的Logo,打开花瓣网,搜索“M Logo”。就会出现很多Logo。

    image-20220628080158444

    可以在这里面找寻灵感。

    image-20220628080256008

    这里抽取几个供大家观赏学习:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p2XjrM6M-1656500336429)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280807461.png)]

    双字母组合:

    image-20220628080530103

    哪些领域?

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zFIqvlgf-1656500336430)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280809195.png)]

    案例:

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mrgY7DvF-1656500336430)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280810409.png)]

    单从图形的方面来看,麦当劳更具象化,而肯德基的老头并不具备形象的品牌特征。

    image-20220628081105522

    二、表现技法欣赏

    (1)

    image-20220628081433290

    (2)

    image-20220628081457120

    (3)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HZsU0QuW-1656500336432)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280815721.png)]

    (4)

    image-20220628081550805

    (5)

    image-20220628081650097

    (6)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wDLSuARj-1656500336434)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280818621.png)]

    (7)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ryjltLAo-1656500336435)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280819612.png)]

    (8)连笔与断肢

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pgsx1H30-1656500336435)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280819108.png)]

    image-20220628082035831

    在这里插入图片描述

    image-20220628083012203

    三、案例实操

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pQYy94Wy-1656500336438)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280833296.png)]

    (1)案例一

    壹乔文化,以Q、I为首字母进行设计。

    方法一 边缘上合并

    ①先把可能的组合写出来

    有全部大写,全部小写,还有大小写混合。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UotNVYQm-1656500336439)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280836300.png)]

    如果没有思路,就打开花瓣网,去寻找灵感,借鉴别人的。刚开始不建议自己去原创。

    ②相近笔画进行连笔设计

    image-20220628083940255

    ③操作

    <1>我们肯定不能直接敲I和Q上去,首先画一个圆。

    选中“椭圆工具”,按住Shift键画一个正圆。

    image-20220628084420728

    改为描边模式,不要太粗,会显得笨重。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H1VI2RRz-1656500336441)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280847470.png)]

    这样我们就可以得到一个圆。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y9gffNBL-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280847236.png)]

    <2>再加一点,变成Q

    找到直线工具。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-s0F4cNY4-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280849408.png)]

    在圆圈右边画一个“点”。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yHrdEtux-1656500336442)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280850467.png)]

    把平角改成圆角。

    image-20220628085836255

    改为圆角即可。

    image-20220628085947337

    看一下效果:

    image-20220628090010335

    还有一种变成圆角的方法。

    先把基本功能打开:窗口–>工作区–>基本功能

    image-20220628090338507

    选中“描边”。(记得要点一下刚才画的直线,就是选中它,才能触发右边的对应属性栏–描边)

    image-20220628090528102

    将“端点”改成第二个“圆角”。

    image-20220628090645776

    <3>在Q的左侧切断

    如何切断?

    找到钢笔工具。

    image-20220628091003986

    先用小白工具选中Q,将路径显现出来。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z4tXc0jp-1656500336445)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280911578.png)]

    路径显现出来,等会用钢笔工具标记。

    image-20220628091152969

    然后用钢笔工具在想要截断的地方将其断开。

    比如,我们在这两个地方点两个点(一定要在路径上点)。

    image-20220628091322789
    然后用小白工具选中这两个点的区域。

    image-20220628091419798

    Delete键删除这段路径。

    image-20220628091631918

    可以用小白工具拉着这个描点,向上拉长。
    image-20220628091831586

    <4>画一个点

    找到椭圆工具。

    image-20220628092118354

    按住Shift画一个正圆。

    image-20220628092446312

    然后将其属性改为“填充”。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JbwMARqQ-1656500336448)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280926712.png)]

    然后就可以得到一个圆了。

    image-20220628092640430

    最后,将整体稍微挪动,使整体更加美观即可。

    image-20220628092856965

    <5>优化

    如何让它更加美观?

    我们这样做。

    将那一点,Ctrl+C,然后Ctrl+B

    然后对之后的线条,添加一个白色描边。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RVqEEHUn-1656500336449)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280931963.png)]

    这样可以起到一个断开效果,显得更加透气了。

    image-20220628093618950

    这样,到时候给客户文案信息的时候,可以描述为开关键:开启美好未来。

    <6>将剩下的文字移过来即可

    文字编排方式和文字设计之后再讲。

    image-20220628094128127

    这里注意两点,“YI QIAO”是需要突出加重的。

    “壹乔文化”也是需要设计的,后边再演示。

    我们在这里,将“A”和“R”进行断开处理了。

    如何断开?教大家一下A哈。

    用文字工具敲出来一个A。

    image-20220628094453254

    然后用钢笔工具,将A中间那个一横覆盖。

    image-20220628095023461

    然后填充为白色。

    然后在偏下方用矩形工具画一横,填充为黑色。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0wzvdadj-1656500336451)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280956313.png)]

    R也是同理。

    画一个矩形,填充在需要断开的地方。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BHqTQPsA-1656500336451)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280956569.png)]

    颜色改为白色。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xZyeBLU3-1656500336452)(https://cdn.jsdelivr.net/gh/Monkey666-nice/image/202206280957726.png)]

    方法二 相互贯穿

    什么是相互贯穿?

    不是放在当前图形的边缘,而是放在中间。

    <1>同样先画一个圆,采用描边模式

    image-20220628100307261

    <2>在中间用矩形工具(要填充不要描边)画一个竖线和一个点

    image-20220628100551753

    <3>为了体现Q,可以在圆圈右侧先将其断开一部分

    用钢笔工具选中一部分(想要删除的部分)。

    一定要在路径状态下用钢笔工具!(路径状态可用小白工具选中整体图形调出)

    image-20220628100836182

    然后用小白工具,选中这一部分区域,按Delete键删除。
    image-20220628100934699
    <4>进行衔接

    用钢笔工具点击一下最下方的锚点,然后再在斜下方再点一个。

    image-20220628101210903

    就可以拉出一个点。

    image-20220628101330925

    有的小伙伴,可能会有这样的问题,用钢笔工具点了之后还有线条咋办?

    就是这种情况。

    image-20220628101434089
    这很简单,想不继续使用钢笔工具,可以点击左侧任意一个工具以消除。或者按住Alt键,点击空白处。

    同样,在上方会觉得有点空,我们可以按照同样的方法。

    用钢笔工具,点击最上方锚点,并在不远处再点击一个。

    image-20220628101742944

    最后,呈现的样子。

    image-20220628101809730

    <5>相互贯穿,两个字母应该有叠加关系,但是现在这两个字母连接在一起,并没有完全断开。

    我们先把i的竖线拉长。

    image-20220628102151653
    然后Ctrl+Shift+]置于顶层。

    Ctrl+C然后Ctrl+B

    粘贴之后,对之后的加一个白色描边。

    image-20220628102526670
    然后就有这样的效果:

    image-20220628102552825

    用小黑工具全部选中。

    image-20220628102636918
    进行轮廓化描边:

    image-20220628102742319

    效果这样:

    image-20220628102812214

    然后分割一下:

    image-20220628103450914

    右键取消编组:

    image-20220628103515761

    将不需要的部分选中,然后Delete删除即可。

    image-20220628103601856
    这里我们删除一部分。

    然后这个地方填充为黑色。

    image-20220628103651774

    选中这个地方,然后用小吸管吸一下黑色即可。

    image-20220628103738491

    最后达到这样的效果:

    image-20220628103827233

    文字移过来,后边再教大家如何修改。

    image-20220628103927030

    方案三 连环

    我们可以将第一个案例进行改造一下,添加一些细节。

    先选中整体,将它变细一点。

    然后画一个同心圆。

    image-20220628112551007

    然后这些地方稍作改动。

    image-20220628112738469
    Q那一个点,有点僵硬,我们可以让它更加Q一点。

    先把它删掉,用钢笔工具画一个弯曲的线条。

    image-20220628113036760

    然后再修改修改,改到适合的程度。

    image-20220628113418137

    最后添上文字。

    image-20220628113455366

    方法四 立体透视

    上面我们做的都是扁平的,我们先画一个方形的,也是Q。

    用矩形工具,画一个只要描边的矩形。

    image-20220629081408843

    再用矩形工具,画一个矩形,填充为白色。

    放在上端,搞出断开的效果。

    image-20220629082335634

    然后右键“倾斜”。

    image-20220629102439129
    这个倾斜角度自己把握啦。

    image-20220629102345377

    然后再添加一笔。

    用钢笔工具描绘就好啦。

    image-20220629103518935

    因为是一个成角透视,我们不要求都是平行的。

    可以稍微改变一下长方形的角度。

    我们选中这个长方形和之前用来截断的白色长方形,将它们置顶(Ctrl+Shift+])然后对长方形Ctrl+C–>Ctrl+B

    image-20220629104417477

    给后来复制的长方形增加一个白色描边。

    image-20220629104526855

    然后效果:

    image-20220629104234924

    选中整体。

    进行“轮廓化描边”。

    image-20220629104644598

    然后“分割”。

    image-20220629110125697

    右键“取消编组”。

    image-20220629110155050

    将这两边填充为黑色。

    直接选中这两块区域,用小吸管工具吸一下黑色就好啦。

    image-20220629110336571

    就是这样的效果:

    image-20220629110425617

    然后再合并一下。就是将刚才零碎的分割合并。

    长方形一块,一点为一块。

    image-20220629110912474

    然后选中长方形,填充一个渐变色。

    image-20220629111053027

    双击这个小圆圈,然后点击这个横杠杠,选择RGB模式。

    image-20220629111224604

    点击一个酒红色。

    image-20220629111400840

    左边色块同样可以调整一下颜色,找一个相近的颜色。
    image-20220629111630646

    然后用渐变工具调整一下。

    image-20220629111455906

    按照同样的方法,把Q的一个点,也改为渐变色。

    image-20220629111803273

    注意:

    1、两处断开,效果是为了体现i的那一个点。

    2、整体是Q的效果。

    3、因为粗糙作图,没有抓细节,整体不是那么美观,大家可以自行调整。

    (2)案例二

    NAVER ART

    以N、A双字母组合做一个LOGO。

    方法一 边缘贯穿

    ①先把能写到的组合写出来

    全部大写,全部小写,大小写组合。

    image-20220629112352952

    ②联系之前看到的

    image-20220629112505258

    相同笔画去掉一个,断肢。

    ③选择一个带有衬线的字体

    知识补充:衬线与非衬线

    从字形结构可以分为衬线与非衬线。

    <1>衬线(比如宋体):

    文字笔画,横细竖粗。

    image-20220629112819123

    在文字笔画边缘,有小边角。

    image-20220629112850700

    <2>非衬线

    很明显,横就是横,竖就是竖。

    image-20220629113020324

    <3>什么时候使用?

    根据品牌含义与Logo风格来确定。

    精致、中国风、复古:一般用衬线字体,非衬线也可以,但字体要细。

    中规中矩,学校、企业、科技、运动等:一般非衬线体。

    这里我们就选择这样的衬线字体。

    image-20220629113842233

    ④制作方法

    <1>我们直接将a放在n上方

    目前是合并状态,我们将整体选中,然后右键“创建轮廓”。

    image-20220629114123377

    然后选中,右键“取消分组”。

    image-20220629114608372

    直接将a挪到n的上方。

    image-20220629114745044

    <2>擦除n的边缘

    对a进行Ctrl+C–>Ctrl+B

    然后添加白色描边。

    image-20220629114935721

    找到橡皮擦工具。

    注意,英文状态下,[键缩小,]键放大橡皮擦。

    image-20220629115108895

    我们直接擦除n的多余部分。

    注意,要在“选中n的情况下”用橡皮擦。

    这样就不用担心擦到a了。

    最后擦除的效果:

    image-20220629120235224

    <3>点缀

    上面做完有点单一了,我们可以给它加一个徽章。

    徽章:用一个封闭的圈,将整体进行包裹。

    先将na锁定一下(Ctrl+2)。

    按住Shift键画一个正圆形。取消填充,直接转化为描边。

    image-20220629120646931

    接下来选择路径文字工具。

    image-20220629120849056

    将鼠标放在刚才画的路径上。

    单击一下,就可以敲字了。

    image-20220629121042156

    然后我们可以通过旋转来改变这些字的方向。

    用小黑工具,拖拽即可。

    image-20220629121134467

    然后Ctrl+Alt+2取消na的锁定。

    调整大小和间距。

    接下来我们再画一个圆,跟刚才操作一样。

    先画一个圆,取消填充,然后用路径文字工具在路径上点击一下,将STUDIO敲上去。

    image-20220629121723005

    然后用小黑工具,将这根线拉到圈内。

    将字体拉进圈内,然后旋转,调整到下方中心位置。

    image-20220629121931360

    现在整体是这个样子。

    image-20220629122039579

    有点空,我们可以在左右两侧,加上一些装饰,比如五角星、线条、圈圈。

    现在我们先加星星。

    image-20220629122217520

    画在两侧。

    image-20220629122333879

    然后来添加线条。

    画一个正圆,取消填充,只要黑色描边。

    image-20220629122734125

    给它“轮廓化描边”。

    image-20220629124426032

    然后擦除不需要的部分。

    记住,不能随意擦除,先断开再擦除。

    这个很容易把路径都擦除了,为了方便大家学习,看下面的操作:

    在这里插入图片描述

    这里我做的不是非常规范,后面会详细讲解。

    最后我们将小星星挪动挪动,达到一个相对美观的角度。

    最后整体效果看一下:

    image-20220629125327390

    方法二 内部贯穿

    上面的方法一,是对文字边缘进行贯穿。

    我们还可以对文字内部进行贯穿。

    ①思路

    如何贯穿?这里我们仍然用小写的n和a。

    a放n里面,还是n放a里面?

    image-20220629125831860

    明显,应该把a放到n里面,n的空间比较大,把a放进去不会破坏n的识别度。

    而a的内部结构比较多,把n放进去,可能会造成a的识别较为模糊。

    ②实操

    具体怎么做呢?

    我们可以先用“圆角矩形工具”画一个类似n的外壳。

    image-20220629162403756

    不要填充,要描边!

    image-20220629162426255

    可以按这个点,来调整边角弧度。

    image-20220629162928472

    用钢笔工具,在下方中间点一个点(一定要在路径上面点)。

    image-20220629163223149

    然后用小白工具,选中这个点,按Delete键删除。

    image-20220629163426515

    让描边变成“圆角”。

    image-20220629163503994

    小白工具,鼠标左键按住不动,拖拽,选中两个点。

    image-20220629163626582

    然后向上移动少许。

    image-20220629163701693

    然后用直线段工具,画一个竖线。

    image-20220629163828690

    然后画一个圆圈。

    image-20220629164054193

    用小白工具点一下最右边的点,按Delete

    image-20220629164141775

    就是把右边砍断,变成了半圆。

    image-20220629164203728

    然后选中这几个描点,像左边挪一点。

    image-20220629164453020

    最终效果:

    image-20220629164556469

    没有细做,大家可以把细节做的好一点哈。

    方法三 叠加

    ①思路

    我们将A大写。

    image-20220629164806012

    如果去掉中间一横,还是有识别度的。

    image-20220629164832258

    那么,如果再复杂一下。

    比如说,我们刚才做小圆圈的时候,是把外轮廓又复制了一个。

    image-20220629164949511

    那这个可以吗?

    肯定可以呀,在介绍双字母组合的时候,给大家看过一个案例。

    image-20220629165105515

    一个三角形,多个线条进行组合。

    即,把A的边缘线进行复制。

    ②实操

    我们可以直接用钢笔工具进行绘制。

    先画右边。

    image-20220629165521110

    然后加粗一下。

    再画左边。

    image-20220629165704335

    如果你的边角是尖的,记得把边角改成“圆角”。

    image-20220629165809932

    然后我们复制一个(选中原来的图形,按住Alt键不松手平移即可快速复制哦)。

    image-20220629165917835

    将复制之后的进行水平翻转。

    右键–>变换–>对称。

    image-20220629171423927

    垂直翻转。

    image-20220629171523512

    用小白工具选中右边的几个描点,按Delete键将它们删除。

    image-20220629171620064

    为啥要删除右边的?

    因为要让左右两边达到对称的状态。

    接着删除这条横线(同样是用小白工具选中这个描点,按Delete键删除)。

    image-20220629171803351

    将左边的斜线拖拽到右边。

    为了表现N,我们需要将它再复制一个。

    image-20220629172335116

    然后用钢笔工具,将两端连起来。

    image-20220629172459608

    最后再画一横(还是用钢笔工具)。

    image-20220629172551698

    在外形上,像一个积木,含义很多。

    然后我们还可以将方法一做的徽章复制过来,整体效果就是这样:

    image-20220629173142194

    四、补充

    在这里,补充几点小技巧。

    我们敲的文字,是不能直接编辑的,需要转化为“矢量图形”。

    如何使敲出来的文字可以编辑?

    (1)快捷键

    Ctrl+Shift+O直接转化为矢量图形,进行编辑。

    image-20220629185206960

    (2)右键单击“创建轮廓”–>右键单击“取消编组”

    image-20220629185405866

  • 相关阅读:
    瑞吉外卖git
    Spring 源码(7)Spring的注解是如何解析的?
    C#扩展函数&Unity子对象组件的定向获取
    k8s部署mysql一主两从
    题目:2695.包装数组
    python中Request Payload参数使用(持续更新)
    常见面试题-Spring的aop和ioc如何实现?
    【分享】“MySQL“在集简云平台集成应用的常见问题与解决方案
    沃尔玛Walmart EDI 850订单详解
    使用 GPT4V+AI Agent 做自动 UI 测试的探索
  • 原文地址:https://blog.csdn.net/m0_55746113/article/details/125527766