最爱午后红茶

使用 Photoshop 制作 Logo

日期图标
2023-03-26

本网站的 Logo 外形是一杯茶,刚开始搭建的时候先随便在网上找了个应付一下,当时使用的是这个。

logo-backup

网站逐渐成型后,感觉应该更新下 Logo 了,上面那个看着有点敷衍的样子~ 网上找了下原始素材,选择还挺多的。

logos
图一

最后看中了这两张图片,我喜欢左边的杯子的形状和右边杯子的那两缕烟,感觉这两者结合起来会有不错的效果。

logo-backup
图二
logo-temp
图三

要把这两个合起来我能想到并且用过的只有 Photoshop 了。大学那会 PS 可没少用,当时还是挺熟悉的,而大学毕业后,再没怎么碰 PS 了,就给自己做过一个微信头像的 Logo(图四)。当时还想着每隔一段时间给自己做个头像,希望把这个手艺保留下来,结果这头像一用就是三四年。。。PS 也没再碰过,而那个破解版的 PS 我用得比较顺手,当时为了防止丢失,在百度云备份了一下。这点挺好,省的再找了。

weixin-logo
图四

先尝试解决简单的,把图三那两缕烟弄出来。万幸,右边那缕烟还是相对独立的,感觉可以用快速选择工具(或魔棒工具)直接扣出来,它可以把跟选中点颜色相近的区域提取出来。

ps-1
图五

很顺利,看起来还可以,找回了一些自信。

ps-2
图六

不过看边缘好像有些疙瘩和模糊,这个可以用橡皮擦之类的修修补补,但这个曲线让我想到了另一个能做出这个图案的工具:钢笔工具。钢笔工具跟贝塞尔曲线有关,可以做很多奇形怪状的曲线,非常灵活。在 Games-101 的课程里面跟几何相关的课时里也有讲贝塞尔曲线,也提到了 PS 的钢笔工具,待课程笔记更新到那了再关联下链接。不过这个我是完全忘了怎么用了,网上搜了下才想起来。

ps-3
图七

把玩了一会后找到了些感觉,要用钢笔工具画那缕烟,还是挺简单的,新建一个空白图层,一上来就需要点 4 下:

ps-4
图八

接着需要更换直接选择工具对中间的锚点进行调整:

ps-5
图九
ps-6
图十

调整好锚点后,需要给右边的线段再增加一个锚点:

ps-7
图十一

继续调整新增加的锚点:

ps-8
图十二

可以把原图降低透明度对着拉:

ps-9
图十三

当调整得差不多满意的时候,Ctrl+Alt+Enter 选择区域,然后可以用油漆桶工具涂上需要的颜色,再复制一份就可以了。

ps-10
图十四

接着是处理图二的杯子。

logo-backup
图二

这个杯子颜色单一,很容易抠出来,但杯子线条长得有点马虎,不是很规则;准备自己画一个。仔细观察可以发现,这个杯子几乎都是椭圆型组成的,目测不断地画椭圆就可以了,而手柄也可以通过钢笔工具去画。

先画杯口,两个椭圆处理掉:

ps-11
图十五
ps-12
图十六

再跟前面画烟类似,用钢笔工具画出杯身:

ps-13
图十七

拷贝一下涂成白色拉小一点叠在黑色杯身上面:

ps-14
图十八

继续画盘子和杯影,共需要 5 个椭圆:

ps-15
图十九

调整椭圆叠放顺序和大小,杯子的形状已经出来了:

ps-16
图二十

接着用钢笔工具画手柄,类似地,先画出一个模型:

ps-17
图二十一

然后多次拷贝,调整形状大小和叠放顺序,把最中间用快速选择工具(或魔棒工具)选出来剪切掉:

ps-18
图二十二

最后画上红色的茶,先画一个椭圆,然后放到合适的位置,接着选中杯子里的白色椭圆,使用魔棒工具框选出来,右键选择反向,这样选择的区域就是这个白色椭圆以外的全部区域。

ps-19
图二十三

接着选中红色椭圆的图层,按 Delete 键,就能提取出需要的形状,然后按 Ctrl+D 取消框选。

ps-20
图二十四
ps-21
图二十五

最后把两缕烟加上,看起来还可以:

ps-22
图二十六

顺便把用了几年的微信头像也换一下,因为网站整体风格是白色的,所以杯子做成白色挺合适,但做头像就不一样了,杯子的颜色和背景的颜色搭配就要慢慢调。因为茶是红色的,我想杯子换个跟茶有关联的颜色会不会好点:

ps-23
图二十七

挺好看的,我选的是浅红,但出来感觉是粉红,不够阳刚啊感觉~ 另外我个人还比较喜欢蓝色,试试看:

ps-24
图二十八

我还是选择红色吧。。。暂时不想花时间再调整了,配色这个应该也是一门学问,估计需要慢慢学。相信在不断的实践中这方面的能力会有所提高。

最后把微信封面也更新一下:

ps-25
图二十九

2023/11/22

新头像
新封面
* 未经同意不得转载。