超宽双屏幕萌壁纸锻造

超宽双屏幕萌壁纸锻造

January 16, 2010 |  by Ruocaled  |  Others

这篇文章主要描述如何使用Photoshop CS4中的内容识别比例(Content Aware Scale)功能,把一张2529*1080的动漫扫图,在不扭曲主体人物的情况下,拉伸为3840*1080的32:9超宽双荧幕壁纸。这个范例可能对为了维持页面美观,而需要特定宽度图片的blog主有一定帮助,然而作者水平有限,网路上相似的教程无数,请不要过度期待。

可以跳过的闲话部分:如果你考虑最近要买新的电脑,再仔细考虑一下,你真的需要从头到尾都换掉吗?也许你钟爱的游戏可以从30FPS提升到60FPS,也许你的CPU从单核变成四核,也许你街头20元买的鼠标会变成5000+dpi的专业游戏滑鼠,但这些带来的的愉悦体会都是非常短暂的。在流畅前提下更高的fps并不会大幅增加一款游戏的游戏性,四核cpu在现有程序设计上也不会给你带来四倍的加速体验,如果你真想获得巨大的生活质量的提升,我们有一个简单又廉价的提议:给你的老电脑增加一块屏幕。

想象一下全屏游戏时再也不用切换出去看一眼QQ,想象一下多文本处理的时候不必在不停的按那混乱的alt+tab,想象一下独眼龙政宗突然重获光明…… 一块屏幕带来的提升是长久而飞跃的,是实实在在的翻倍加成(也只有硬盘可以一拼了吧),还在犹豫什么,现在就拿起电话!马上拨打……¥×@¥×()(被后台人员拖走…… (教程正文开始)……

最终效果预览

然而遇到的问题是,这世界上为这样屏幕打造的动漫壁纸实在是太少了,大多数只是把很高清的动漫扫图硬生生的裁剪成这个比例,不是头上被削掉一角,就是大腿少块肉,于是我们只好自己动手。内容识别比例(Content Aware Scale)是CS4系列新增加的功能,可以很神奇的把一张有人物的图片在不变形的情况下拉宽。因为实用度一般,至今还被谣传为CS5的功能,让人哭笑不得。

1.首先我们打开2529pixel宽度的原图,把画布增宽到我们需要的3840pixel

1.首先我们打开2529pixel宽度的原图,把画布增宽到我们需要的3840pixel

2.用自由选择工具,把我们需要『保护』的对象严严实实的圈起来。

2.用自由选择工具,把我们需要『保护』的对象严严实实的圈起来。

3.打开通道面板,选择新建通道,一个名为alpha 1的新通道记载我们的选择区域。

3.打开通道面板,选择新建通道,一个名为alpha 1的新通道记载我们的选择区域。

4. 选中正常的图层,取消一切区域选择,然后点击“编辑(edit) -内容识别比例(Content Aware Scale)”

4. 选中正常的图层,取消一切区域选择,然后点击“编辑(edit) -内容识别比例(Content Aware Scale)”

5. 画面上方会出现各种属性调整,在保护(protect)选单中,选中我们刚才创建的alpha 1 通道,这个选择的意义是让程序最大限度保证选中区域的物体不受拉伸影响,注意旁边有一个小人的图标,是ps自动选取图片中人像的选项,因为我们是动漫图片,人物又拿了个非人类使用的武器,就不用选中了。

5. 画面上方会出现各种属性调整,在保护(protect)选单中,选中我们刚才创建的alpha 1 通道,这个选择的意义是让程序最大限度保证选中区域的物体不受拉伸影响,注意旁边有一个小人的图标,是ps自动选取图片中人像的选项,因为我们是动漫图片,人物又拿了个非人类使用的武器,就不用选中了。

6. 然后就可以开始拉伸图片了,注意拉伸框正中有个小圆点,用来调整拉伸的中心,在内容识别拉伸中比较难以掌握敲门,请多尝试不同的方位以取得更好的效果,我们把它定位在了剑端,在不是非常夸张的拉伸中(如图),可以保持刀刃的平整。

6. 然后就可以开始拉伸图片了,注意拉伸框正中有个小圆点,用来调整拉伸的中心,在内容识别拉伸中比较难以掌握敲门,请多尝试不同的方位以取得更好的效果,我们把它定位在了剑端,在不是非常夸张的拉伸中(如图),可以保持刀刃的平整。

7. 值得注意是,由于背景并不规则,而保护区域非常宽,再拉伸到3840这样的夸张比例时,两边都出现了一定程度的失真,而adobe官方使用的演示图基本都是左右对称的(如海平面),能取得更好的效果。

7. 值得注意是,由于背景并不规则,而保护区域非常宽,再拉伸到3840这样的夸张比例时,两边都出现了一定程度的失真,而adobe官方使用的演示图基本都是左右对称的(如海平面),能取得更好的效果。

8. 我们用补丁,图章等工具随意处理了一下失真的部分,这张图片就算完工了。由于选图仓促,武器还是在极度拉伸下产生了扭曲,但可以看到人物的比例还是保持的非常完美的,这样简单的小技巧,不需要等到CS5发布才可以实现哦。

8. 我们用补丁,图章等工具随意处理了一下失真的部分,这张图片就算完工了。由于选图仓促,武器还是在极度拉伸下产生了扭曲,但可以看到人物的比例还是保持的非常完美的,这样简单的小技巧,不需要等到CS5发布才可以实现哦。

本文只是讲述了最简单的应用方法,掌握了这个技巧,只要灵活应用,你也可以实现把两个相距很远的物体『拉近距离』等奇妙手段,自己试试看吧!

最后送上几张对坚持到现在的你毫无用处的双屏幕壁纸作为本次的福利,密码为下面红字部分。
ds

[b]si_da_fa_ming[/b]


17 Comments


  1. 我正在考虑给我的Macbook加个外屏…

  2. 立马开cs4艹壁纸玩

  3. 闲话部分有道理,准备过完年后实施一下。

  4. 原来超宽屏wall是这么来的|||

  5. 这功能太强大了。

  6. 很实用的教程,3X
    另外继续索要the best of 2009视频清晰版,我会坚持下去的O(∩_∩)O~

  7. 感谢Delacour,我的邮箱s-aki@qq.com
    建议传到网盘上给更多的同仁们分享,视频真得很棒,再次感谢做视频和发视频
    O(∩_∩)O~

  8. 这技术不是一般的难搞……我还是自己动手算了……

  9. 哎..当你面对垃圾AGP显卡+512MB DDR400+单核CPU的PC时 你就知道从头到尾都换掉意味着什么了

  10. 这个思路受教了~

  11. 虽然很大很美很有爱……可是我木有另一块屏幕【沮丧

  12. http://oqfa.com/images/123456789.jpg

    双屏壁纸还是比较好弄。。3屏的壁纸素材比较难找。。

  13. 可以用 rsizr 做啊…… 你火星了。用 rsizr 效果还好。

  14. 进来膜拜下……对了请问下大大……CS5有这功能么……

Leave a Reply