开启左侧

[分享] 设计人员必知:如何让图片与文字完美结合!

[复制链接]
发表于 2012-5-25 20:11:29 | 显示全部楼层 |阅读模式

?不好意思,本人收藏的这篇文章是word格式的,不再重新编辑了,做设计人的,肯定得知道的一些排版知识,你们可以下载文档慢慢学习吧!???
  (文件大小: 173.5 K, 下载次数: 83)

?
?
你在设计中经常会遇到这样的问题:你的图片与你的文字都占据了相同的空间。你可能经常采用的一个解决的办法是虚化图片,让文字突出,但这样做却会使到一张生动的图片失色。有没有更好的解决办法?当然有。你可以试着将图片的一部分消除,让它成为一个设计元素。而一个羽化的边缘可以使到图片与页面柔和过渡,使画面显得协调。











图 1 图 2







图1的处理方式虽然保留了图片的生动鲜艳特色,但却令文字难以卒读。
图2采用淡化背景的方式来突出文字,却使到图片失色,显得缺乏生气。
















图 3
无疑,图3的方式既保留了原图的特色,而且也使到文字与图片更加协调。







在哪里动手?
这引出了另一个问题,在图片上哪里动手最理想?你必须记住的是怎样使文字及图片成为两个协调的元素。
















图 4






图4左,边缘虽然经羽化处理,但因为文字的影响,使左边的页边距不但变大,而且使图片产生一个很明显的边缘。
图4右是一个更好的解决办法,将羽化的图片放在右边,而且要注意一点的是,羽化的边缘并不是平整的,而是自然地跟着文字形成的参差不齐的左边缘变化形成一个弧形羽化边缘(最终效果见图3)。
解决不相配的图形
















图 5






在图5中,一张水平放着的图片与垂直的空间并不相配。解决的办法就是沿着图片中的自然边缘,用其边缘淡化使它与空间变得更协调。
在上面的右图中,背景慢慢淡出,让人感觉到图片与空间本是一个整体,这样处理也使看的人更容易将注意力放到水牛上。而装饰性的字体的颜色采用了底部的草的颜色,使整个画面散发出一种质朴的气息。整个画面自然协调,是一个非常成功的设计。
创造一个图片标题
















图 6






在图6中,天空中呼啸而过的飞机可以使它成为吸引眼睛的一个元素,而且以良好的视觉效果引出下面的广告文字。
飞机的机身与图片羽化边缘相协调,加强了飞机的动感。不象原图中(图6右上)深蓝色的矩形,可留意羽化的边缘部分是如何对整个页面产生了一种非常合适的气氛的。
突出重点
其实对图片的边缘修饰可以有很多种形状。在这张图中,椭圆形的淡化边缘是逐渐过渡到黑色,而不是象上述几个是过渡到白色的。这可以使到整个画面产生一种焦点效应,使人们的注意力更容易集中在我们想表达的对象上。
















图 7







一个椭圆可以产生聚光灯的效果,使到琴键非常突出。而且这样处理还软化了琴键本身形成的硬边。对角线的构成很自然地引导人们的眼光从琴键移到文字上。 PHOTOSHOP 里如何做出来的?
图片边缘的处理可以是硬边,也可以是羽化的边缘。硬边产生一种高对比的效果,而羽化的边缘则使图片更自然地与背景融合在一起。
















图 8







如果我们想产生一个硬边缘,你只需用选择框、套索及钢笔工具选择出一个你想要的形状,然后剪切。而一个羽化的边缘需要用到羽化工具( SELECT>>FEATHER ),在羽化范围输入一个数值,然后剪切,就可以得到羽化效果了。
















图 9







注意:不同象素的图片有不同的羽化效果。如果你对一张象素较高的图片进行羽化,你需要输入一个较大的数值,羽化效果才会明显。
上述图中所使用的文字颜色数值如下:











?
?
不好意思,本人收藏的这篇文章是word格式的,不再重新编辑了,做设计人的,肯定得知道的一些排版知识,你们可以下载文档慢慢学习吧!??
本贴由ad收腹运动机官网的站长阿龙整理编辑上传!
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:35 | 显示全部楼层


得协调。得协调。
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:42 | 显示全部楼层


不错的分享啊
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:45 | 显示全部楼层


好乱啊,
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:49 | 显示全部楼层


没看到图片
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:53 | 显示全部楼层


看不到图片啊
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
发表于 2012-5-25 20:11:58 | 显示全部楼层


看起来不错
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

 
QQ在线咨询
售前咨询热线
0532-88371356
售后服务微信
pingduwangzhan
快速回复 返回顶部 返回列表