ziticq

流年の祭

浙江省 平面设计师

关关雎鸠,在河之洲

原创文章  设计教程       2021-06-19    © 版权 
608

上一周,突发奇想,我们举办了一个征集品牌名的活动,刚好一个同事,吟了一句诗词。故,品牌名由此而生。刚好光棍节过后,也希望大家都能找到属于自己的另一半。

(样机已分享至网盘,解压码JGZS)

---

正片开始,以下将展示“关雎”字体的整个设计流程,希望小伙伴耐心看完,一定会有所收获。


首先,打开我们熟悉的ps。


新建一个画布(ctrl+N),大小宽100px(像素)*高100px(像素),分辨率常规的72,颜色模式电子显示屏模式RGB,背景内容黑色(黑色能看到网格线)


开整。



注意:文件新建的千万不要太大,因为我们这一次设计字体,要用到像素网格的方法。


准备工作:按住alt滚动滑轮可以放大或者缩小画布,适当将画布放大一点,然后打开菜单栏-视图-显示-像素网格



打开之后,我们放大画布能看到网格线了(这一步非常重要)


接下来,我们找到铅笔工具图片选中铅笔工具,并在左上角调节铅笔属性的功能里,将铅笔大小改成一个像素


准备工作,到此结束。


接下来,创建一个空白图层,ctrl+shift+alt+N,方便我们之后修改



一定要注意,用铅笔画的时候,一定要将前景色修改为白色,而且必须画在这个空白图层里,方便后期修改。


终于开始画了,之前讲的详细的原因,主要担心大家都是0基础小白,所以,请耐心点。


可以先用铅笔沿着像素网格绘制感觉一下,线条是不是非常的流畅。


我们今天主要是对“关雎”两个字做设计,也就是我们需要在我们的像素网格里,将这两个字通俗易懂的显示出来。


首先,设计“关”这个字。

上面的两点,可以先这样设计,之后在考虑是否要调整。


设计字体的过程是先单字快速处理,然后整体再统一处理,最后再单字细节处理。(技巧-记好笔记)



按照铅笔绘制的方式,第一个“关”大致绘制如下



当然你也可以有自己的其他想法,比如


一开始不像没关系的,之后可以慢慢优化的。

这种设计方法,如果要删除某个像素点,可以用到选区工具,



选中按delete即可,删除好了不需要选区的画要取消一下,按ctrl+D


同理,我们也用这种方法,快速将“雎”设计出来(每个人设计方法不同,这里我就只展示我自己的方法了)



由于右下角感觉视觉上多出了一块,所以我就将前面“关”也多加了一块,便于文字设计的统一性。


整体视觉效果基本就出来了。

强迫症的可以考虑该对齐的可以适当对齐。



一定要记住,字体设计一定得有共同性,仔细观察

“关”与“雎”的文字共同点都有哪些


找相同点游戏开始:


相信你们找的出来


之后我会说怎么样在文字面积上达到一个统一,鉴于今天都是第一次设计字体,就不说那么多啦!


PS做好之后,我们可以将像素网格关掉,然后把图片截图放在AI软件里进行二次创作。

打开AI,置入图片后,点击左上方图片描摹


不同的描摹选项,效果也是不同的,所以大家根据自己适合的效果调整图像描摹下面的选项。

图像描摹好了,点击扩展


这时候它就是AI矢量文件啦!

接下来我们对这个文件进行二次创作。


首先,鼠标左键选中图形,然后鼠标右键-取消编组(可以多取消几次),这么做的目的是为了方便我们进行单一调整。

调整的方法,我总结了几点:

便于设计,我在PS里面多设计了一个字,雎鸠的“鸠”


倒角(选中边角构建单击并拖动即可)


做倾斜变化(快捷键E)



加一些其他笔画的艺术效果



可以变得纤细柔美一点的风格(偏移路径)



哈哈,最后在添加一个好看的样机,“duang”的一下,变身开始

怎么样,学“废”了吗?



关注我,下一期教下面这种文字设计方式!(原创不易,求点赞转发支持)



分享:

10年专注研发5大字体品牌产品

给设计师带来更多创作价值 - 课游视界 × 字体传奇 × 张家佳字体团队出品