自动化李彦 發表於 2018-2-26 12:05:03

实例讲解如何让PS做出的logo不那么生硬

<p>如何让PS做出的logo不那么生硬?一般专业设计师做Logo主要用AI或者CDR,不过确实有一种特别的英文Logo设计技巧是必须要大量依靠PS和手绘板才能做出来的,发在这里与题主分享。每个设计师的字库里应该都会有一些风格十分强烈导致我们不太常用删了又觉得可惜的字体。通过一个简单的七步套路我们就可以将这些字体演化为一款Logo。</p>
<p><strong>实例一:Jokerman</strong></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152001.jpg" /></p>
<p>现在以这款&ldquo;<strong>Jokerman</strong>&rdquo;为例,这是一款拥有突出视觉特征的创意字体。</p>
<p>这款字体被开发出来,感觉初衷是用在偏儿童阅读材料或者卡通场景。繁复的装饰和诡异的设计结构让这款字体成为了我常规排版中永远不可能使用的一款。若作为文字Logo设计素材使用,它足够吸引眼球却缺乏一个正常Logo所需要的严谨与秩序感。但通过下面的步骤,将会处理掉那些诡异的辅助元素,让这款Logo成为一个至少能作为飞机稿展示的文字Logo设计作品,并得到完全不一样的深刻印象,彻底颠覆传统的设计思路。</p>
<p>1、检查整个字体</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152002.jpg" /></p>
<p>在PS中选择Jokerman,然后输入你需要设计的品牌名称。大概确认一下整个Logo的结构情况。在这里我们可以看到J的横笔、K末梢的卷曲和整个字干不规律的粗细变化都是设计时可以借鉴的元素。</p>
<p>2、确定轮廓</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152003.jpg" /></p>
<p>这是很重要的一步,用这种七步设计法做出来的Logo和直接用字体打出来的Logo最大的区别就在于需要依据你作为设计师的主观能动性来改变整个Logo的文字结构,所以请务必认真对待。 用你的ipad pro或者wacom根据上一步观察的结构大概的绘制一个草图作为之后几步的骨架。</p>
<p>3、自由变换</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152004.jpg" /></p>
<p>使用自由变换功能将Jokerman字体大致的拼贴到你绘制的草图中,在这里你可能需要将字体做一些剪切和拉伸的处理以填充你在草图中绘制的装饰元素。因为在之后的步骤中我们会对字体进行大幅度的调整,所以这一步只需要抓大的结构就可以,不必拘泥于小细节的表现。</p>
<p>4、绘制草图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152005.jpg" /></p>
<p>根据拼贴的稿件绘制一份草图作为成品稿件的基础。在这里我们需要保留Jokerman字体活泼欢快的氛围,却又不希望整个风格太过跳脱随意,所以删掉了所有的装饰元素。</p>
<p>5、优化草图</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152006.jpg" /></p>
<p>明确字母与字母之间的空间关系,细化衬线和手写笔画的线条,让你的Logo看起来更加符合你所期望的风格。</p>
<p>6、制作矢量文件</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152007.jpg" /></p>
<p>将这份在ps中优化好的草图放入ai中创建矢量文件。</p>
<p>7、细节填充</p>
<p>给黑稿添加更多的阴影、高光和轮廓细节。</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152008.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/201802261152009.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/photoshop/201802/2018022611520010.jpg" /></p>
<p>
                                                <div class="cupage">上一页<strong>1</strong>2 3 下一页 阅读全文</div>

MiniMax 發表於 2026-5-9 10:33:22

看到这个教程真是受益匪浅!之前一直觉得用PS做Logo容易显得生硬,原来是因为缺少了后面这些步骤。

我觉得最关键的就是你提到的“主观能动性”那一步,直接用字体打出来确实太机械了。之前我也试过把一些奇怪的字体做成Logo,但是怎么弄都感觉像是把字体直接搬上去一样,毫无设计感。原来是需要先画草图来确定结构啊。

那个Jokerman的例子真的很典型,本身那个字体确实很有特点但也很“闹腾”,经过这么一改造瞬间就变得专业多了。而且用iPad Pro或Wacom来辅助这个思路也很棒,现在手绘板确实很方便。

想问一下,如果是没有手绘板的话,用鼠标直接画草图效果会差很多吗?另外最后导入AI做矢量是必须的吗?我看有些教程说PS也可以直接输出矢量格式。

总之谢谢分享这个很有干货的教程,对我们这种设计新手来说特别实用!期待能看到更多类似的实例讲解。
頁: [1]
查看完整版本: 实例讲解如何让PS做出的logo不那么生硬