专栏名称: 庞门正道
播主:阿门-前腾讯视觉设计师、站酷排名前10的自由职业设计师。  每天早上与你一起分享一点设计&摄影小知识小技巧。 欢迎回复或咨询探讨相关话题。
目录
相关文章推荐
纪念币发行信息  ·  女神心形纪念章预约! ·  昨天  
纪念币发行信息  ·  女神心形纪念章预约! ·  昨天  
ZaomeDesign  ·  新作 | ... ·  昨天  
设计诗designer  ·  STUDIO8丨生活空间中的移动艺术 ·  昨天  
ZaomeDesign  ·  每日灵感丨三月七日 ·  2 天前  
字体设计  ·  流行的混合字体与格式排版风格 ·  3 天前  
51好读  ›  专栏  ›  庞门正道

雷军说渐变绿牌不好看,换个打开方式试试...

庞门正道  · 公众号  · 设计  · 2025-03-06 23:28

正文


大家好~

新一期 干货 表情包,它 来了~


同学,慢着,本期我们不是专门讲渐变绿车牌的,顺道讲一下而已。

要专门看车牌的事,看这里 《雷军终于成了我们嘴替,要求更换这个审丑霸凌的渐变绿牌了!》


因为今天我们要讲的是正经内容,一个超实用的设计元素:光。


光是一个很难驾驭的玩意,但是只要用好了,绝对让你的设计提升不只一个档次。


那要如何将光用得恰到好处呢?下面我们就结合实操案例,从不角度来给大家讲述一下光怎么应用在设计中。


好了,话不多说,动图走起来。







如果你的画面主体平平无奇,视觉上难以起到吸引用户目光的效果。这时候可以试试加入一点彩色的光,利用光线


来看看实操案例。


第1步,

这是一张笔记本电脑的正侧面图。

一般这种线条型的图不适合用来做视觉主体,因为实在太单薄了,撑不起画面。



第2步,

为了让画面更加丰富一些,我们对产品图进行适当的裁剪,并在一左一右放置两张产品图。形成居中对称的构图。



虽然构图没问题了,但是整个画面看起来还是非常的沉闷,没有亮点。接下来就是点睛之笔了。


第3步,

在屏幕的前面添加一道彩色的光,这样画面一下子就变得抓眼球了。



彩色的光做起来其实非常简单,就是用画笔涂出来的,需要注意色彩的过渡。 我每边 用了 4个图层,大家可以根据自己的喜好来调整



第4步,

简单的排版一下文案。



OK,搞定。


下一个,走你。







光线分为硬光和软光,一般软光比较柔和,对比弱。而硬光对比强烈,有着明显的明暗分界线,所以我们可以利用硬光的这种特点,让它来分割画面,实现构图的作用。


来看看实操案例。


第1步,

这是电影《爱乐之城》的照片,氛围非常的浪漫,我们将它做成平面风格的海报。



第2步,

对照原图,拉一个紫色到粉色的渐变,底下用黑色色块承托起来,完成背景制作。



第3步,

画一个路灯。

其中最重要的当然是黄色的灯光。这一束灯不仅仅可以形成视觉焦点,同时也起到了分割的作用,使画面形成了一个三角形的稳定构图。



第4步,

用MJ里面的重绘功能,将原图转成插画风格。



将人物抠出来,放到画面中,效果如下:



第5步,

排版好文案信息。

最后在背景中加入一点点星光。



OK,完工。

继续走你。







在设计中,我们经常需要突出重点。光影效果能帮我们很好的实现这一点。被光打到的区域提亮,其它区域压暗,这样就可以形成强烈的对比,从而达到聚焦的作用。


来看看实操案例。


第1步,

抠一张蓝牙音箱的素材图,做张电商海报。



观察一下产品图,整体以黑色为主,不够吸引人。可以考虑聚焦局部,突出产品质感。


第2步,

将产品图放大,聚焦到右半部分。

然后确定好光源方向: 用左上 角的光源将产品图 半部分打亮



第3步,

原产品图的光线是比较平均的,为了让它看起来有明暗的变化,我们用曲线工具压暗边缘区域,这样实际上就相当于提亮了中间区域。



第4步,

现在整个背景全是黑色,不利于光影的呈现。所以需要先把背景的下半部分提亮一些。



第5步,

用形状工具画面投影的样式。



第6步,

用移轴模糊滤镜将投影变成虚化效果。



第7步,

排版好文案信息。



OK,完工。

下一个,走你。







有光影,就有暗明的变化,就有了空间感。如果你的画面太平了,那就试试加入一点光影效果吧,绝对有立竿见影的效果。


来看看实操案例。


第1步,

利用光影效果来做一张读书主题的海报。



文案里的关键词主要是两个:书、门。

这两个元素是可以具象化的,我们的设计就围绕它们来进行。


第2步,

先用色块画一个门的样式,它也可以看作是一本打开的书。



第3步,

画一束光,从门里向外面射出。



第4步,

利用模糊画廊中的移轴模糊滤镜,将光线处理成虚化效果。



用多边形选区将光线的下半部分选出来,然后稍微压暗一些,就可以形成两个面了。



第5步,

在光影中加入BOOK的字样。



第6步,

还是利用移轴模糊滤镜,将文字也做出模糊效果,然后在门口加一个小人。



第7步,

排版好文案。

最后 给画面添加一点噪点效果。



OK,完工。

别走,给你看个好东西~






这两天雷军化身广大网友的嘴替,建议优化绿色车牌。引起了网友们的热议。


一块绿牌毁所有:


绿牌之所以丑,第一是因为这个绿色饱和度太高,绿得有点晃眼。其次是背景有一个绿色到白色的渐变,两者都是比较亮的颜色,整体看起来非常不自然。



高饱和度的荧光绿要变好看的诀窍其实很简单,只要搭配黑色就行。用低饱和度的黑色去中和高饱和度的荧光绿,画面就会很协调,给人一种科技感。


好看的极光绿:


OK,回到教程的主题:光。


下面我们来做一张汽车海报,用绿光来点缀画面,营造出科技感的氛围。


第1步,

抠一张兰博基尼跑车的素材。



第2步,
抠完图我陷入了沉思,大家都说绿色丑,有没有可能是钱没到位呢?钱到位了啥颜色都好看!

就算是挂了绿牌,它还是那么好看!


第3步,
在画面的上半区域加几道绿色的激光,一方面起到点缀画面的作用;另一方面也能塑造出前后空间感。


第4步,
沿着激光线的方向,排版好标题文字。


第5步,
排版好其它文案信息。


OK,完工,这么鲜艳的绿色,还是没有毁得掉纯绿色的跑车。


今天的内容就到这。。


走了~


下面就到你们动手的时间。

结合今天讲到的内容,自拟素材,做1-4张练手海报。


注意了!

我给大家提供了一个作业PSD模板,必须按模板的尺寸提交, 没有按模板要求提交的不参与优秀作业评选!!


下载地址: (提取码: pmzd)

https://pan.baidu.com/s/1XX2wG8L_yhNj_zKDQnhpUg?pwd=PMZD


文件命名:
你的名字-你的QQ-作业.jpg

例如:阿门-12345678-作业.jpg

提交作品时,务必将你的每个文件按格式要求命名。不需要发 psd 源文件,也 不要压缩包 ,有多少张就直接上传多少张。

下面是投稿的邮箱。

投稿邮箱也换了!大家不要发原来的旧邮箱。


投稿邮箱:

[email protected]


邮件标题:

20250306-你的名字-你的QQ-作业


作业每两期公布一次,我会选择4位同学送出庞门正道定制本各1本,这个是只送不卖的纪念品,纪念你曾经努力的意义。


图片


期待你的参与,让一百多万门友共同见证你的进步!


上两期教程一共收到42份作品,希望大家都像这样同学一样,练起来!


全部作品截图:



很多同学都做得十分用心,共精选出4位同学,送出小礼物:


01号作品
bobishere
色彩和排版都特别舒服,很干净的画面,细节也可圈可点,像哪吒那张的标题设计就很有看点。

02号作品







请到「今天看啥」查看全文


推荐文章
纪念币发行信息  ·  女神心形纪念章预约!
昨天
纪念币发行信息  ·  女神心形纪念章预约!
昨天
设计诗designer  ·  STUDIO8丨生活空间中的移动艺术
昨天
ZaomeDesign  ·  每日灵感丨三月七日
2 天前
字体设计  ·  流行的混合字体与格式排版风格
3 天前
读书小分队  ·  一句话看出一个男人的修养
7 年前