裁图有学问！如何通过裁图获得崭新的视觉效果

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

能令人大吃一惊的技能：
PS神技GET√ 你百分百不知道的四大PS技巧

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

裁剪前与裁剪后

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

工作中的裁剪

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

Fitness Fusion

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

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

我选择截图的原因：

• 灯光的方向
• 那双专注的、代表力量的眼睛

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

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

Stockbridge School of Agriculture

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

• 适合大学该有的文化
• 能吸引访客进入

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

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

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

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

PVIX

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

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

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

最终成果：

Parenting blog post

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

裁剪后：

好多了。

总结：

我们经常听到一句话，一图胜千言。但是怎样将一张图的技能爆发出来呢？
1）一张好的RAW图像
有机会，跟你的伙伴借个专业的相机，学学摄影。如果没办法，到专业的图库：设计师网址导航 里面购买专业摄影师的图片也可以。

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

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

想培养这些能力，你可以通过《设计师完全自学指南》里面提供的书籍，循序渐进地学习，相信对你有帮助 ：）

原文地址：webdesignerdepot
译者：程远

本文由优设网原创翻译，转摘请注明优设网译文出处，谢谢各位小编。

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量63万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：