30分钟做一个抖音logo

今天我们来聊聊PS的使用,通过布尔运算做出抖音logo造型并结合图层类型关系做成炫酷的故障效果。

一、关于布尔运算

在logo设计过程中,布尔运算是避免不了的。即简单的造型通过布尔运算得出复杂的造型。这几天有朋友问我,为啥logo设计要用布尔运算呢?个人的理解是“规范性”和“可复用性”问题。通过布尔运算做出的图形,非常严谨、规整,可复用性很强~

二、logo造型制作

好了废话不多说,下面开始教程。
A、利用椭圆工具画出484x484的正圆,填充颜色为#fe1955;然后ctrl+j复制一份图层把正圆缩小到216x216,两个圆的关系是水平垂直居中。然后ctrl+e合并两个图层,然后选择“直接选择工具”,再圆边上点击显示两个圆的路径(这一步非常关键,否则布尔运算不能使用)


B、接下来,点击属性栏的布尔运算选项。把“合并形状”改成“减去顶层形状”。

C、接下来利用辅助线确定圆的中心点位置


D、接下来画出一个134x519的矩形,位置如下。


E、再复制之前的正圆,宽高改成一个630x630,位置如下。



F、同理,再次通过布尔运算把多余的部分去掉即可。


G、接下来,画出一个70x294的矩形,再次利用布尔运算把正圆切掉一个口。

ok,logo造型就做出来了,是不是非常的严谨和规整呢!

二、故障效果制作

把所有图层合并成一个,再ctrl+j复制,颜色改成#24f4ee。位置往上、往左移几个像素(自己把握)。



接着,见证奇迹的时刻到了。把新图层的类型改成“线性减淡(添加)”,故障效果就出来了。

三、css3实现
使用css3新增的一个混合属性,设置mix-blend-mode属性值为lighten即可。

mix-blend-mode: lighten;

OK,最后附上效果图。本文原创写了40分钟,如果能帮助到你麻烦点个赞~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 30种PS技术,让你的照片美到不行! 自从有了“PS(Photoshop)”以后,很多事情变成了可能,你可以上九天...
    八爷君阅读 8,436评论 3 45
  • 一、照片名称:调出照片柔和的蓝黄色-简单方法, 1、打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板...
    潇湘妃子JC阅读 9,882评论 0 17
  • 1 PHOTOSHOP常用快捷键大全 1.1文件 新建CTRL+N 打开CTRL+O --文件置入:打开位图、...
    征程_Journey阅读 9,761评论 0 9
  • IPO开始
    010ed0d5a362阅读 1,098评论 0 0
  • 出去逛了半天,心情像吹起来的气球,轻飘飘的,真心感觉到亲情的可贵,讨厌懒惰的自己,但又控制不住,爱要面子的人,总是...
    洛小乙阅读 1,040评论 0 0