拍一张照片就能设计成一幅海报,这种技能要不要? - 优设网 - UISDC

拍一张照片就能设计成一幅海报,这种技能要不要?

2019/04/25 32486评论 18

@做设计的面条 :最近有面粉说,发现我现在变的很高产,基本每天都能在我的朋友圈里看到我用随手拍的照片设计出来的海报。

回头翻了一下自己的朋友圈才发现,我现在基本是一天就是一幅海报了,记得以前至少也得好几个月才会动手做一幅海报。所以,大概是不知不觉中我已经把做海报变成一种习惯了吧。

今天我依旧选取了5幅照片海报设计,带着大家跟我一起在唠嗑中学习设计,获得思维启发,体验生活中的美妙瞬间和设计中的乐趣,这一次也给大家分享一些字体设计的方法。

我的原则就是:生命是有限的,所以我会尽可能多地去记录下我觉得生活中有意思的点滴瞬间,把它们拍成照片,然后再运用我的专长和对生活的感悟,将这些照片设计成海报,达到生活和工作两不误的状态。

同时我也乐意将我拍的照片和设计的海报作品分享出来,带着大家一起学习和进步,才不枉大家长久以来的陪伴和支持。

往期回顾:

照片一

这张照片是在我的院子里拍的,因为看到2盆野菊开的花有些枯萎了,所以我就把它们剪了下来放在了竹篓里,当时只是觉得这些玫红色黄色的小花堆在一起还挺好看的,所以就分享到朋友圈了。

发到朋友圈后大家也留言说很好看,其中一位面粉的留言吸引了我的注意,ta说:「看小图还以为是刺绣呢。」

刺绣?你别说,还真的很像刺绣,所以我的灵感就来了,立马准备去做一个类似刺绣的海报。想法是很好的,无奈图片不太给力,因为我剪下来的都是枯萎的花,这些花看起来灰不拉几的,调色都救不回来。通常大家看到的刺绣作品,颜色基本不会是灰不拉几的。

所以眼下我只有2个选择了,要么就放弃不做了,要么就忍痛重新去剪下新鲜的花。

我果断选择了后者,剪下了很多新鲜的花:

因为竹篓不大,只合适放一个大字,所以我用这些花朵摆成了一个「绣」字。字拼好了之后,重新拍了一张,把照片拖到 ps 里,一顿操作一张海报就出来了:

我给这张海报定义的主题是「手工花艺展」,既然是与艺有关的,那肯定是要体现出创造力,画面可以抽象一点,色彩也可以丰富多彩一点,所以我把红黄蓝绿紫都用上了,怎么绚烂怎么来吧。

我把实物的草坪也调了个色,刚好草的肌理很像笔触,像是有了一幅抽象画做海报背景。

另外,海报也跟「绣」有关,所以干脆用各种五彩斑斓的线条化作针线,随意穿插,以放射线的形式延展出去,既增加了画面的视觉冲击力,也仿佛是有很多双无形的手一起完成了这幅作品。

照片二

我真的要吹爆这几张照片,因为拍的太偶然,而且真的是太美啦。

我把这些照片发到朋友圈后,大家也一片惊呼:「天喏,太美了!这到底是什么神仙地方?」

说出来你们可能不信,其实,这些照片是我经过一个户外游乐场的时候拍的:

那天刚好下雨,游乐场的地面是蓝色的,上面有很多花瓣和落叶,还有很多凹凸不平的水坑,而我恰好打着白色透明的雨伞,穿着仙气的白裙子从那里经过,这一切都那么巧合。我在那里像个傻子一样,贪婪地拍下了一张又一张美照。

回到家后,赶紧打开电脑,把照片拖到 ps 里,一顿操作后,2张海报就出来了。基本就没怎么动原图,因为原图的构图和色彩已经非常棒了。

我是个俗人,从小语文也不好,但是看到如此美妙的画面,不禁作了2句诗作为我的海报文案:「低头听春雨,花落伴涟漪」。

这张海报我没有怎么改动,只是把地面上的碎渣渣给修掉了,降低了一点色彩饱和度和对比度。因为我想要水墨画般的质感和气质,不适合太艳丽,然后提取了涟漪作为元素创作,一圈一圈地放在画面上。以什么样的规律放置,这就是基本的平面构成知识了,有大有小错落有致就行。

我其实特别喜欢那张能看到裙子倒影的照片,所以将文案直接替换到了照片上,各种碎渣我也没处理,因为它们作为画面里的元素也挺和谐的,别有一番风味。

白纱裙子+白色透明雨伞的倒影真的超美,再加上地面本来就有的颗粒质感,很有水墨画的感觉。当然,我个人感觉这张海报如果字体再重新设计一下会更完美。

照片三

我的宝贝小面团终于出场了,你看她睡觉的样子,好乖哦。

既然这么乖,这么会享受,那么我就把你拿来做一张海报,以示众人你是一只超级大懒猫好了,文案我都想好了:「我只是一只喵,一只没有梦想的小可爱,喵~」

把照片拖到 ps 里,一顿操作,一张超级 Q 弹的海报就出来了:

这是我非常喜欢的一幅海报,因为有可爱的喵咪,还有这么多的字体都是我重新设计的,以及猫咪怀里的那条鱼也是我画的,很多人以为这是实物玩具。

这张海报的构图原本就不错,因为要做海报,所以要留有足够的空间放文案,头部的空间就得足够。之所以用蓝色,一方面是因为蓝黄搭配就是很儿童化的配色,喵咪也是宝宝也适合,另外,蓝色代表想象力,代表做梦,我就假设小面团正在睡着懒觉在梦里说出了这么一段内心独白好了。

给猫咪怀里画一条鱼,既显得可爱,又能在色彩上和头部的蓝色有个呼应,画面会比较稳。

很多人问我字体是怎么设计的,虽然我不是专业字体设计师,但是我觉得设计都是相通的。

第一步:确定字体的气质

在做之前你要去确定它的气质,比如这幅海报肯定是要可爱的字体,所以要胖溜溜一点的。

第二步:确定字体的形态

给可爱的猫咪做设计,那么就可以去联想猫咪的特质,猫的耳朵、牙齿、尾巴等等都是很好玩的标志性的可以提取的元素,我这里设计的字体主要参照了猫咪灵活的尾巴。

第三步:确定字体整体的平衡性

讲到平衡性和韵律节奏,又回到平面构成的知识点上了,有大有小,有高有矮,有粗有细等等。大致都是这些规律和玩法,大家可以多看多琢磨一下。

第四步:确定字体的质感效果

我这里的主角是毛茸茸的猫咪,背景是棉麻布料,所以我没有用那种高质感高立体感的效果,而是用 ps 里自带的笔刷一点点去涂抹出这种粗糙边缘的还有一点颗粒的感觉。

照片四

这张照片是在麦当劳吃冰淇淋的时候拍的,我把照片拖到 ps 里,一顿操作,一张海报就出来了:

这张照片没花我多少时间,只是简单做做就出来了。

为什么会这么简单?因为这里找了一个比较投机取巧的办法,我从冰淇淋的包装纸上提取了圆点和线条的元素,直接运用在海报上,色彩也是直接吸取了产品本身的颜色。

原照片色彩比较暗淡,我就调个色让它看起来更新鲜可口。原图直直的比较呆板,我就给它倾斜处理,这样画面看起来会更灵动一点。再加上红黄色搭配特别能激发人的食欲。

不过也有人说红黄搭配看起来火辣辣的,我觉得也有道理,但是,从另一方面来说,冰淇淋的冷和夏季的火热正好算得上是一种感官上的对比,又有何不可呢?

照片五

这张照片是上周六在马路边拍的,当时正好大太阳,地面上好多各种树的影子,我觉得这些影子很好看,就用我的影子跟它们来了一个合影。

这些影子都是热带植物的影子,很容易让人联想到森林之类的画面,所以,我就确定要做一个梦幻一点的海报画面,文案我也想好了:「小面条的奇幻森林造梦之旅」。

我第一反应就是字体也得设计,要与整个画面的梦幻氛围搭调,所以自然而然就想到了哥特字体。哥特字体的特点是它有很多装饰性的线条,时而细长时而粗壮,这里折一下那里扭一下,特别好玩,太符合在森林里探险的感觉了。

关于字体:

我以前从来没有设计过哥特字体,所以这一次只好硬着头皮临时找了几个哥特字体设计教程现学,研究了一些基本的笔画规律后就开始在 ps 里造字了。至于字体设计的方法,就跟我前面第三幅照片海报下面分享的方法是一样的,大家还不清楚的话可以回头再去看看。

关于整体的画面:

不管是做设计也好,还是画画也好,其实主要玩的还是平面构成,虽然画面看起来很随意,但是是在保证画面平衡的情况下去操作的,该留白的留白,该大的大,该小的小等等。

还有除了特别庄严的、神圣级别的、明确要求了要对称的设计,其他的设计都是很忌讳做完全对称的,因为对称了就会显得画面很呆板,所以要记得做一些改变处理。

道理一直都是这么个道理,只是这些简单的道理你得需要长期不间断的练习和琢磨才会真正的掌握。所以先记住这些道理,不必操之过急,做多了就会了。

整个海报我也都是围绕着梦幻来做的,不管是字体设计也好,还是画面整体的明暗关系、色彩等等。

以前我也用了一张影子的照片做了一张海报。虽然大部分人都觉得挺酷的,但也有一些人觉得画面太冷,会稍显恐怖:

做成海报后:

所以,这一次我在画面里加入了一些插画元素,也没用手绘板,用钢笔工具就可以实现了,画面里有冷暖对比,有明暗对比,还有很多 blingbling 的小可爱。

我又另外调了一个紫色版本,2张我都挺喜欢的。

这里需要说明的是,一开始那些 blingbing 的点点也是我瞎点的,但是瞎点后才发现画面显得好乱,然后干脆都删掉了。本着少即是多的原理,只在画面底部加大点点的数量,往上延伸点点减少,到了文案那一块我又稍微加大了点点的密度,因为文案部分要跟画面整体协调起来,所以这些点点不仅仅是氛围点缀的作用,还起到了一个纽带的作用,使得画面更加整体。

同时,梦幻的画面,一般都需要做出明暗的对比,画面暗下去才会显得神秘,画面暗下去才能够衬托出光明。

写在最后

在五年前,我也是拿到文案或者需求就不知道该如何下手,只能模仿别人做设计,总喜欢堆素材,我也不知道如何将自己的设计稿设计的有细节。

但是我当时就是坚信我能做好设计,我也相信问题都是可以解决的,只是需要时间而已,所以我还是默默地做练习,默默地总结设计规律。

直到后面花了几年时间,我慢慢的有了自己的一套设计理念了,我终于可以自己去创造自己想要的画面了,而不是只会停留在临摹和模仿的阶段。

我也相信只要一个人肯琢磨,肯花时间,细节什么的也不是问题。

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

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

tttt-1qr1111

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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