5个方法帮你提升图片高级感!

5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!



照片的高级感,除了拍摄照片本身所体现的光影、色调、构图等优势外,我们也可以通过添加文字内容,让本来不太理想的照片变得高级。接下来,我们用五个案例,教你如何利用文字编排,让图片变得具有高级感。



5个方法帮你提升图片高级感!



当你想要用设计传递出温暖、亲切的感觉时,可以尝试在照片中添加手写体。手写体与画面的适配度是非常重要的,当照片比较朴素时,我们可以采用一些粗狂的手写体;当照片比较清新时,就可以采用较为纤细的手写体。





通常情况下,我们会通过手绘板来写,但是这对设计师的书写能力要求比较高,所以很多人选择直接用鼠标来勾勒文字,大家可以根据自己的照片风格斟酌。


5个方法帮你提升图片高级感!




接下来我们选取露营时拍摄的照片作为本次设计的主形象。


5个方法帮你提升图片高级感!

利用这张照片作为背景来设计一款海报。


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!

我们把主标题用手绘板在电脑上重新书写,不需要你有多么强的书法功底,根据主题立意,文字的风格也可以更自由和粗野。



5个方法帮你提升图片高级感!

为了方便编排,可以先把背景图片变成黑白色。为画面设置一个5*3的网格,照片的主体部分都集中在下方,所以我们可以将文案编排在上方空间。



5个方法帮你提升图片高级感!

接着将主要文字放在右侧两栏内,与照片中的主体形成对角,小文字居于左侧,稳定版面的重量。



5个方法帮你提升图片高级感!

可以将右侧文字以标题为基准,分为上下两部分进行编排,首先处理上方板块,调整文字的大小,并将文字进行段落区分。



5个方法帮你提升图片高级感!

下方板块文字可以做成一个矩形文字组,放大英文及数字占满横向两栏,缩小说明文字,并将小标题竖向排列,同时加入装饰元素填补负空间。



5个方法帮你提升图片高级感!

左侧加入竖向编排的文字以及点缀的图形元素,这样一张海报就完成了。



5个方法帮你提升图片高级感!




5个方法帮你提升图片高级感!



这里与方法一相反,文字的加入不会影响照片原有的气质,字号缩小后,照片带给我们的第一印象不变,文字更多起到的是注解的作用,辅助照片想要传达的信息。缩小字号的优点是,能够相对容易的融入照片中,要注意的是字号缩小以后层级关系还是要遵守的。


5个方法帮你提升图片高级感!



选取一张大留白的照片作为背景,设计一款海报。


5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

首先用黄金三分法把画面分为三份,纵向上第一栏与第二栏的比值是黄金比,横向上第一栏与第二栏的比值也是黄金比。



5个方法帮你提升图片高级感!

这张照片上下有大面积的留白空间,以人物为中心将文字编排在对角线的位置上。



5个方法帮你提升图片高级感!

首先编排左上角模块,为了与照片文艺气质相匹配,缩小文字的字号,加大文字间的间距,并用下划线作为文字之间的连接。下面两段文字同样拉开间距。



5个方法帮你提升图片高级感!

接着编排右下角模块,缩小标题文字,并适当加大文字间距增加艺术属性。为了方便阅读,将段落文字拆分成两栏,并对齐网格。放大日期,并缩小装饰文字。由于上方将文字组合分成两个部分,所以下方英文我们拆解为三个段落,打破上方带来的呆板印象。



5个方法帮你提升图片高级感!

最后在左下角添加装饰元素,这样一张海报就完成了。



5个方法帮你提升图片高级感!




5个方法帮你提升图片高级感!



通过减少图片的信息量,来突出文字的形态和颜色,从而决定画面给人的印象。此方法适用于文案较为有趣,或者文案直击人心时,其中需要注意两个部分。


5个方法帮你提升图片高级感!



放大字号的应用场景包括哪些呢?当照片本身没有焦点时,可以通过大字号来形成一个视觉中心,当然,照片有焦点的时候也同样适用,只是需要注意文字与图片的契合程度。


5个方法帮你提升图片高级感!



接下来我们选取一张照片来实践一下这种方法。


5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

将背景图片变成黑白色,为画面设置一个4栏网格。



5个方法帮你提升图片高级感!

将标题竖向编排在右侧三栏内,位于主体物的上方。可将主体物及标题整体看做一个矩形板块,添加标点符号填补板块的负空间。



5个方法帮你提升图片高级感!

在左侧一栏内编排剩余文字,可以与标题的方向一致,将左上角的副标题也竖向编排。



5个方法帮你提升图片高级感!

接着可将左下角的文字编排成文字组,放大时间信息,增加中英文间的段落间距,并用横线加以区隔,在最后一行添加装饰元素点缀。一张海报就完成了。



5个方法帮你提升图片高级感!




5个方法帮你提升图片高级感!



在以往研习设的训练营中,有许多学生在制作照片加字的作业时,都是拿来即用,如果照片本身有余白空间是比较好操作的。但是当照片本身没有余白空间时就需要手动修图延展出余白空间。


5个方法帮你提升图片高级感!



选择一张横版的照片,用ps来为照片延展余白空间。


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

1/ 打开ps,新建一个海报尺寸,将照片放在下方。



5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!

2/ 在上方余白处绘制矩形色块,并添加一个蓝色渐变效果。


5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!

3/ 最后为矩形色块添加一个蒙版,过渡与照片的衔接处。



5个方法帮你提升图片高级感!



用这张处理好的照片来制作一款海报。


5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

为画面设置一个3*3的网格,依据主体物的位置,将文案居中编排。



5个方法帮你提升图片高级感!

将最上方英文拆分成两组,添加括号,提升画面编排的丰富性。



5个方法帮你提升图片高级感!

将“在路上观察世界”单独提取出来并放大,将段落英文重新断行并居中放置,形成“短长短”的节奏。



5个方法帮你提升图片高级感!

下方英文同理,将段落英文居中。最后点缀装饰元素,一张海报就完成了。



5个方法帮你提升图片高级感!




5个方法帮你提升图片高级感!



照片变为单色,可以抑制信息量的输出,减少信息量和活跃度,使得照片能够传达出更独特的视觉印象。


5个方法帮你提升图片高级感!



选择一张照片,用ps将照片处理成单色调。


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

1/ 打开ps,将照片拖拽到ps里。


5个方法帮你提升图片高级感!

5个方法帮你提升图片高级感!

2/ 使用蓝色到白色的渐变映射,将蓝色色值调整为R2,G153,B202。



5个方法帮你提升图片高级感!

5个方法帮你提升图片高级感!

3/ 调节曲线,增强画面的对比度。


5个方法帮你提升图片高级感!



用这张处理好的照片来制作一款海报。


5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!

为画面设置3*3的网格,将照片放置在版面中间,为了突出画面重点,将照片进行裁切并放大。



5个方法帮你提升图片高级感!

将主标题编排在右上角,为了更具灵活性将主标题拆开,放在照片下方,字叠图处理。



5个方法帮你提升图片高级感!

在主标题对应的下方编排英文及时间文字信息,放大时间信息填满横向两栏,适当缩小文字信息。



5个方法帮你提升图片高级感!

将其余文字信息竖向编排,安置在版面的负空间。



5个方法帮你提升图片高级感!

最后在版面的角落点缀装饰元素,让画面更加饱满,一张海报就完成了。



5个方法帮你提升图片高级感!



5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!


5个方法帮你提升图片高级感!

也可以尝试不同的颜色搭配,不同的色调与色相组合,传递出的气质是不同的。






案例集合

5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!
5个方法帮你提升图片高级感!




5个方法帮你提升图片高级感!

写在最后


看似简单的图片+字,其实也有很多门道在里面,本期文章给大家分享了在照片上添加手写体、缩小字号、放大字号、为照片添加留白、让照片变成单色调这五个方向提升照片的“高级感”。希望本期内容能对你有所帮助!



5个方法帮你提升图片高级感!




由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。


本篇文章来源于微信公众号: 研习设

视觉/平面

看完昨晚苹果发布会,99 %设计师疯狂种草 iPhone 14 Pro!

2022-9-8 7:18:17

视觉/平面

2023年IHF世界女子手球锦标赛标志和口号亮相

2022-9-8 12:05:37

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索