使用 Photoshop 制作 Logo
本网站的 Logo 外形是一杯茶,刚开始搭建的时候先随便在网上找了个应付一下,当时使用的是这个。
网站逐渐成型后,感觉应该更新下 Logo 了,上面那个看着有点敷衍的样子~ 网上找了下原始素材,选择还挺多的。
最后看中了这两张图片,我喜欢左边的杯子的形状和右边杯子的那两缕烟,感觉这两者结合起来会有不错的效果。
要把这两个合起来我能想到并且用过的只有 Photoshop 了。大学那会 PS 可没少用,当时还是挺熟悉的,而大学毕业后,再没怎么碰 PS 了,就给自己做过一个微信头像的 Logo(图四)。当时还想着每隔一段时间给自己做个头像,希望把这个手艺保留下来,结果这头像一用就是三四年。。。PS 也没再碰过,而那个破解版的 PS 我用得比较顺手,当时为了防止丢失,在百度云备份了一下。这点挺好,省的再找了。
先尝试解决简单的,把图三那两缕烟弄出来。万幸,右边那缕烟还是相对独立的,感觉可以用快速选择工具(或魔棒工具)直接扣出来,它可以把跟选中点颜色相近的区域提取出来。
很顺利,看起来还可以,找回了一些自信。
不过看边缘好像有些疙瘩和模糊,这个可以用橡皮擦之类的修修补补,但这个曲线让我想到了另一个能做出这个图案的工具:钢笔工具。钢笔工具跟贝塞尔曲线有关,可以做很多奇形怪状的曲线,非常灵活。在 Games-101 的课程里面跟几何相关的课时里也有讲贝塞尔曲线,也提到了 PS 的钢笔工具,待课程笔记更新到那了再关联下链接。不过这个我是完全忘了怎么用了,网上搜了下才想起来。
把玩了一会后找到了些感觉,要用钢笔工具画那缕烟,还是挺简单的,新建一个空白图层,一上来就需要点 4 下:
接着需要更换直接选择工具对中间的锚点进行调整:
调整好锚点后,需要给右边的线段再增加一个锚点:
继续调整新增加的锚点:
可以把原图降低透明度对着拉:
当调整得差不多满意的时候,Ctrl+Alt+Enter 选择区域,然后可以用油漆桶工具涂上需要的颜色,再复制一份就可以了。
接着是处理图二的杯子。
这个杯子颜色单一,很容易抠出来,但杯子线条长得有点马虎,不是很规则;准备自己画一个。仔细观察可以发现,这个杯子几乎都是椭圆型组成的,目测不断地画椭圆就可以了,而手柄也可以通过钢笔工具去画。
先画杯口,两个椭圆处理掉:
再跟前面画烟类似,用钢笔工具画出杯身:
拷贝一下涂成白色拉小一点叠在黑色杯身上面:
继续画盘子和杯影,共需要 5 个椭圆:
调整椭圆叠放顺序和大小,杯子的形状已经出来了:
接着用钢笔工具画手柄,类似地,先画出一个模型:
然后多次拷贝,调整形状大小和叠放顺序,把最中间用快速选择工具(或魔棒工具)选出来剪切掉:
最后画上红色的茶,先画一个椭圆,然后放到合适的位置,接着选中杯子里的白色椭圆,使用魔棒工具框选出来,右键选择反向,这样选择的区域就是这个白色椭圆以外的全部区域。
接着选中红色椭圆的图层,按 Delete 键,就能提取出需要的形状,然后按 Ctrl+D 取消框选。
最后把两缕烟加上,看起来还可以:
顺便把用了几年的微信头像也换一下,因为网站整体风格是白色的,所以杯子做成白色挺合适,但做头像就不一样了,杯子的颜色和背景的颜色搭配就要慢慢调。因为茶是红色的,我想杯子换个跟茶有关联的颜色会不会好点:
挺好看的,我选的是浅红,但出来感觉是粉红,不够阳刚啊感觉~ 另外我个人还比较喜欢蓝色,试试看:
我还是选择红色吧。。。暂时不想花时间再调整了,配色这个应该也是一门学问,估计需要慢慢学。相信在不断的实践中这方面的能力会有所提高。
最后把微信封面也更新一下: