如何通过裁图获得崭新的视觉效果

2016-02-16 23:16 9 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享如何通过裁图获得崭新的视觉效果,希望可以对大家能有小小的帮助。

【 tulaoshi.com - 平面设计 】

作者去威尼斯游玩了一圈回来,在他游玩时,还拍了不少相片,现在他通过这些相片跟我们分享,在设计中如何通过裁剪图像,来获得崭新的视觉效果。小知识,但效果很赞,来学习一下吧。

这是一面饱经风霜的墙体,似乎没什么亮点。但如果你抓住那些细节,就会与众不同了。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

裁剪前与裁剪后

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

在RAW格式下,我将它放大,然后裁剪得到右边的图像,相比之下,是不是棒多了呢?

工作中的裁剪

这些都是我在设计工作中通过裁剪得到截然不同效果的例子,同学们可以学习一下。

Fitness Fusion

Fitness Fusion是一个有趣的健身组织,在为他们重新设计网站的时候,我需要从600+的相片里挑选一张有视觉冲击力的作为banner。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

看起来左图似乎不是合适的人选,但当我把他逆时针旋转90度,水平翻转后,配上「找到教练」的文字,就变成了冲击效果很强的banner了。

我选择截图的原因:

灯光的方向

那双专注的、代表力量的眼睛

结合左边那张笑脸,以及主体文本,整个网站的氛围是亲切,专业,刻苦而朴实,还挺有趣的。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

这是另一张banner,通过裁剪,我们获得了更多的力量感,亲密感,而且突显了手环上健身馆的标志。

Stockbridge School of Agriculture

为麻省大学准备主页网站的挑战有:

适合大学该有的文化

能吸引访客进入

技术上的挑战,必须使图像在不同大小的显示器上都能得到完美的效果,这里我们拍摄了很多相片,挑出七组,如下:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

接着我们选择一个作为测试:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

我们在Photoshop里作了不同的裁剪,这是探索的效果:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

这是手机端与桌面显示的界面:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

PVIX

这是一幅图像,试图传达家庭,积极,正能量等。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

这是我尝试的第一次裁剪,但是效果不行,没给文字留下空间。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

第二次尝试,我给它的左边加了一个蓝色的空间:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

最终成果:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

Parenting blog post

我想把儿子的相片作为我博客的banner,但是可以看到,在这张相片中,我儿子太小了,你很难关注到他的细节。

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

裁剪后:

如何通过裁图获得崭新的视觉效果,PS教程,图老师教程网

好多了。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

总结:

我们经常听到一句话,一图胜千言。但是怎样将一张图的技能爆发出来呢?

1)一张好的RAW图像

有机会,跟你的伙伴借个专业的相机,学学摄影。如果没办法,到专业的图库:设计师网址导航 里面购买专业摄影师的图片也可以。

2)优秀的后期制作能力,包括色彩调节以及裁剪等。

3)合适的摆放位置。合适的位置,图片将帮你讲故事。

来源:http://www.tulaoshi.com/n/20160216/1576326.html

延伸阅读
Windows7系统如何关闭视觉效果提高系统效率   操作步骤 选中计算机按鼠标右键属性。 打开系统视窗,单击左下角的性能信息和工具。 然后在性能信息和工具窗口中点击左边的调整视觉效果。 此时弹出性能选项在视觉效果中系统默认是调整为最佳外观。 用户将其选为调整为最佳性能单击确定系统将会切...
标签: PS PS教程
V2及仿V2效果   原图:   效果 [next] 一、进入通道面板,复制蓝通道,然后蓝副本通道里把天空抠出来   二、创建色彩平衡调整层,分别对中间调、阴影、高光各滑块进行调节,图层混合模式为柔光 效果如下图 [next] 三、复制一层,降低不透明度,第二、第三是强化照片的色彩 &n...
标签: PS PS基础
效果图: 素材: 制作开始: 首先把人像扣出来,此处用通道扣图最佳,图快就没那么仔细了,将扣好的图放进城市图片中 新建一个图层,填充白色,调整透明度,我调的是80 ctrl+T,将人脸调到合适的位置 在复制层和人脸层间按alt创建剪切蒙板 这个时候已经快完成了,按照同样的方法添加字效 然后可适当调色,完成! ...
标签: flash教程
用Flash制作像册的教程已经很多了!这里就不在给大家罗嗦了!只要发挥自己的想象,相信自己!你能!那么超酷的旋转图像像册视觉效果就会出现。因为类似教程太多了,所以在这里不给大家详细讲解,如果你想深入研究,那么就自己下载源文件吧! 注:这个源文件是从一个国外站点上下载来的!简单给大家讲解一下制作过程。 先看效果和源文件。( ...
极具视觉效果的简单设计[1P] 图片1 图片2 图片3

经验教程

35

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部