拍一张照片就能设计成一幅海报,这种技能快来学! - 优设网 - UISDC

拍一张照片就能设计成一幅海报,这种技能快来学!

2019/05/04 25268评论 15

@做设计的面条 :今天这篇关于照片变海报设计的文章分享应该会看起来比较轻松,因为非常生活化,也是大多数人都能看得懂的设计,比较好上手。

以玩的心态做设计,顺便分享我的设计心得,帮助大家以更加轻松地方式学习设计,带领大家从生活中去感悟设计的魅力,这就是我想传达的理念。

往期回顾:

  1. 《拍一张照片就能设计成一张海报!》
  2. 《拍一张照片,就能设计成一张海报!(实操分享第二波)》
  3. 《拍一张照片,就能做出一幅海报!(实操分享第三波)》
  4. 《拍一张照片,就能做出一幅海报!(实操分享第四波)》
  5. 《拍一张照片,就能做出一幅海报!(实操分享第五波)》
  6. 《拍一张照片,就能做出一幅海报!(实操分享第六波)》
  7. 《随手拍一张照片,就能设计成一幅海报的秘诀到底是什么?!》
  8. 《拍一张照片,就能做出一幅海报!(实操分享第八波)》
  9. 《拍一张照片就能设计成一幅海报,这种技能要不要?》

照片一

知道这是什么吗?这是羽衣甘蓝长大后的样子。拥有这么优美的名字的她,原本是长这样的,看起来还有点特别:

但是长大后,谁知道她就变成了菜苔。所以,我就把她们都砍了,因为长得太高了看起来很突兀,但是砍完后堆在一起又觉得颜色还是蛮漂亮的,所以我就把她们摆成了一个圆形花环。

堆成圆形花环后,我就琢磨着干脆把她做成海报。

因为拍照的时候阳光蛮好的,我摆出来的花环也像个太阳,所以干脆确定文案是 sunshine 主题。

照片和海报本身看起来就是比较轻松的画面,所以字体也就选择了手写体,再用手绘板给画面加一些看似随意的简笔涂鸦,整个画面看起来就更加符合轻松愉悦的感觉了。

最后,不知道大家注意到没有,我的文案排版搭配着这个环形的羽衣甘蓝花环,整体看起来其实是一只眼睛。算是一个小彩蛋吧。

因为我希望大家眼里看到的都是美的事物,心里都住着阳光。

照片二

我的小面团又出场了,她特别粘人,我走哪里她就跟到哪里。如果我在电脑前工作,她就喜欢待在我旁边睡懒觉,所以我偶尔会偷瞄她睡懒觉的样子。我发现一个特别有意思的现象,只要稍微有一点响声,她就会换个姿势继续睡,所以可能一下午,她会有好几十种姿势。

出于好奇心,每过一会儿我就偷拍一张小面团睡觉的照片,结果手机相册就成下面这样了,满屏都是小面团:

这不就是我们在平面设计里学的重复和特异构成原理吗?

干脆用重复和特异的构成手法来一张海报设计吧,于是,就有了下面这幅海报:

我抠了很多小面团睡觉的图片,然后排列在一起,她们的形态看起来是类似的,其实每一行里都有一点差别,这就比单纯的放一模一样的形态有趣一些,不容易视觉疲劳,这也是这些构成手法的其中一个作用。

当然,我这里不止是运用了重复和特异,我还用了近似、渐变和发射等等构成手法,总之,就是混合着用的,怎么高兴怎么来。关于这些构成手法的具体解析,可以看看我几年前写的文章→《五大步骤!细说Banner图设计之平面构成的奥秘》

不过,如果对这些构成还不太了解的,我是不太建议一下子玩这么多手法的,因为把控不好容易翻车。那么你可能只专心玩其中 1 个或 2 个就够了,等后面火候到了再慢慢给自己增加难度即可。

关于字体设计:因为我也不是专业的字体设计师,所以在字体设计方面可能就是比较野一点,只能用我所拥有的设计知识把字体也当作一个图形来设计。比如这一次的「懒猫」2 字,我的灵感来源就是猫的牙齿,整体形态比较锋利,凶巴巴的。

尤其是整个背景的设计就是一只张着大嘴咆哮还掉了一颗牙的猫脸,是不是马上就有了画面感?

而小面团睡觉的形态是毛茸茸圆溜溜的,是静态的,这就形成了两个方面的视觉对比:一方面是动与静的冲击对比,一方面是圆润和锋利的冲击对比。

可能会有人疑惑,为什么我这一次没有用那种偏柔软的形式去设计,毕竟猫咪是小可爱的,所以是不是把字体设计的更柔软一点,把背景设计的更可爱活力一点更适合呢?

因为柔软的风格我玩过了,我不想每一次都玩同样的东西,而是想尝试新的玩法,偶尔来一些冲突的感觉会更有趣。

照片三

又拍自己走路的照片了。那天回家的路上,夕阳正好,我穿的一身粉粉的,柔软的阳光洒在身上好好看,所以我发了条朋友圈,配文:落日粉。

鉴于我之前已经把六七张走路的照片做成了海报,所以也不差这一张了,于是就做了下面这幅海报:

关于文案:大家看到文案后就会心一笑了,因为我是用周杰伦的《黑色毛衣》里的一句歌词改编的,「一件黑色毛衣,两个人的回忆」被我改成了「一件粉色毛衣,两个人的回忆」。

这个文案听起来是比较富有情绪的的,比如网易云音乐里的很多 banner 的文案都是这种类型,因为歌里唱的都是故事和情绪,还有很多文艺森女系店铺的文案也是这个类型的,诉说的都是一些碎碎念的小情绪。

关于字体设计:因为是情绪化的设计,所以文案的排列方式可能就不是以阅读起来顺眼为第一要素了,它的阅读顺序也不是按常人希望的方式来展现的,而是把情感表达放在第一位去考虑。

比如,如果你要表达的情绪是错乱的,那么你的文字排列可能就是错乱的,有一种凌乱的美感在里面;如果你要表达情绪是失落的,那么你的文字排列可能又会是颠倒的,不连贯的等等。

总之,这样的设计可能更接近于艺术路线(以传递情绪为主,重在情绪上的表达),而不是常人理解的一般的商业设计路线(以传递信息为主,重在信息传达准确)。前者适用于一切与艺术有关的设计或设计师个人的自由创作,后者适用于所有以卖货为目的的商业活动设计。

比如我这里的文案排列规则其实并不统一,我的文字也有点残缺,是因为寓意回忆是残缺的。我的字型是比较几何化的,偏瘦高的,因为画面看起来都是比较现代女性化的,尤其包包是方方正正的。

关于排版和配色:很多人总说不会排版和配色,那么我这里可以传授一个小技巧,就是你可以多运用联想和提取法则,你可以从人物或产品身上去提取元素、颜色。

比如我这里就是从包包上提取方块元素,然后把这些方块按照大大小小去排列做背景,这样走路的动感也出来了,画面也丰富起来了。

至于颜色的选择,如果你希望画面柔和一点,产品或人物不要那么突出,那就用同色系,用邻近色。如果你希望对比强烈一点,画面的视觉冲击大一点,那就用对比色或互补色。比如我这里选择了对比色,湖蓝配橘粉色。

最后加上一根乱画的线条,寓意曲折的人生。

后来又心血来潮,把这幅海报改了日文和英文2个版本。

日文版:

英文版:

照片四

我喜欢拍照,但是我拍的最多的物品,可能就是花了。比如这张照片是我在院子里摘了几朵花后拍的,当时就在想能不能把花拍的再稍微突破一点,于是我就翻出了一面镜子垫在下面,再洒点水,就拍照了这张很有意思的照片了。

做成海报后:

看到这张照片时,脑海里就冒出了「花非花」三个字,可能是因为这朦胧的颠倒的画面让我感觉到一种是是而非的意境吧,我拍的又是花,所以文案干脆就用「花非花」。

我搜索了一下,还真有一首白居易的诗,名叫《花非花》,而且就连这首诗要表达的寓意都跟我拍的画面很搭调。这首诗表达的是对人生如梦幻泡影,如雾亦如电的感慨,表达的是一种对于生活中存在过而又消逝了的美好人与物的追念惋惜之情。

这首诗我感觉还挺美的:

花非花,雾非雾,

夜半来,天明去。

来如春梦几多时?

去似朝云无觅处。

──《花非花》

顺着这首诗的意境和感觉,我将整个画面调成了粉色,文字的设计则是从水波纹里获得的灵感,有一点扭曲的感觉,但是又没有完全扭曲,寓意的就是一种现实和幻影扭在一起的状态。

非常神奇的是,这幅海报其实是 360 度无死角的,好像从任意一个角度看起来都很美,不信你把手机旋转几个角度试试。

尤其是发到朋友圈后,如果把四个角度的照片放一起看缩略图,这种感觉就愈发明显。

照片五

这张照片,其实拍的好随意。一大早我在院子里给花浇水,结果看到草坪上有一泡屎,哪只丑丑的野猫又来我的草坪拉臭臭了。

于是我就拍了这张照片,刚洒完水的手是湿哒哒的,可能是水流到了镜头上面,才导致拍出来的照片有一点虚幻朦胧的感觉。我只打算拍张照片发个牢骚,不曾想大家留言说:「咦?这坨猫咪粑粑居然是个心形?连拉泡屎都是爱你的形状,哈哈。」

仔细一看,还真是一颗爱心。然后我又看到有人留言说:「我就不信这张拉屎的照片你也能做成海报」。

哼,我这个人有个特点,就是你越说我做不到,越是小看我,我就偏要做到给你看看呢。

然后,就有了下面这幅海报:

做这幅海报设计,只是当作一个玩笑而已,所以我会假想这只丑丑猫在这里随地大小便也许还是会有一点愧疚之情,也许只是跟我开个玩笑而已呢?

所以我的脑海里就出现了一只丑丑猫拉完粑粑后对我回眸一笑说:「拉个屎,不成敬意,爱你哟。」的画面。

关于字体设计:因为是站在丑丑猫的角度来诉说这些文案,自然的字体设计就不应当规规矩矩的,不管是字型还是排版方式,最好是能俏皮一点,节奏稍微跳跃一点,会更好玩。

就用粑粑的形态来设计字体好了,粑粑是有各种各样的形状和大小的,所以字体就放飞自我的设计出来了。

关于整体的排版和色调:因为字体设计的比较随意,为了让整体画面不至于太散,所以我一般都会选择让这些字体凌乱的同时又依附于某一样东西,比如我这里是让这些字体依附于这只丑猫周围,那么整个画面就不会那么乱了。

这样既达到了明明看起来是乱乱乱的,但是它们又是有序的、整体的。

至于色调,既然是好玩,像是光天化日下的恶作剧一样,色彩就明亮一点,欢快一点,再加上猫尾巴缠绕着我的脚,这种俏皮的意味就更浓了。

可能有人会问,猫咪是用什么画的?我是用手绘板画的。

写在最后

今天的文章就分享到这里了,这里面满满都是干货,大家自己多看看多消化一下吧。

如果大家喜欢我的分享,就多多给我一些爱的鼓励,这样子我下一期的分享才会来的更积极,更精彩。

上一次有人不相信那张小面团里的鱼是画出来的,也有人问我鱼到底是怎么画的,所以我就做了一个简单的 gif 动图,大家看看就明白了。

关于文章里面提到的各种构成手法的具体解析,可以看看我几年前写的这篇文章→《五大步骤!细说Banner图设计之平面构成的奥秘》。毫不夸张地说,这篇文章其实就浓缩了一本平面构成书籍的全部精华了。

欢迎关注作者的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师。

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

tttt-1qr1111

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photo-design-poster-10

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里