Home  >  Article  >  Web Front-end  >  Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

PHP中文网
PHP中文网Original
2016-05-21 09:14:003990browse

这篇教程是向脚本之家的朋友分享Photoshop设计创意拖影效果的红魔曼联主题壁纸方法,教程制作出来的效果非常炫酷,难度一般,推荐过来,一起来学习吧

我们先来看一下这张壁纸的最终效果吧,球员选择的是曼联妖星安东尼·马夏尔。

附件里的压缩包是使用到的一些素材,设计稿的PSD源文件太大没法上传,需要的看官请单独联系我发送。

然后请允许我先介绍一下曼联队的背景知识,以便大家更清楚地理解我的一些选择背后的想法。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

曼彻斯特联足球俱乐部位于英国英格兰西北区曼彻斯特郡曼彻斯特市,英文名Manchester United Football Club,简称ManUtd或MUFC,中文简称曼联,其前身“牛顿·希斯”于1878年由兰开夏郡和约克郡铁路公司的工人在牛顿希斯工地上成立。

1902年球队改组并改名曼联,现为英格兰足球超级联赛俱乐部,曼联的球队主场为“梦剧场”老特拉福德球场,1910年启用至今。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

更为详细的情形,不方便一一赘述,但有一个事件是曼联球迷都应该了解的。那就是“慕尼黑空难”。这次事故共夺去23人的生命,其中包括8名曼联的现役球员和3名俱乐部官员。

这次空难几乎摧毁曼联,但又是这次灾难后的浴火重生,奠定了曼联荣耀和坚忍的品格气质。

关于“慕尼黑空难”的详细请阅读曼联中国官网:http://www.php.cn/

Photoshop设计创意拖影效果的红魔曼联主题壁纸

好了。接着我们需要了解一下“红魔”的标志。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

曼联在1973年(新赛季)~1998年使用的队徽。主体图案是一个手握钢叉的魔鬼形象,这也和曼联的“红魔”绰号有关。1960年代早期,一支名叫Salford Rugby的橄榄球队到法国参加比赛,由于他们的辉煌战绩,法国球迷送给他们“红魔”的称号。而曼联和Salford Rugby正好都穿红色球衣,于是曼联的传奇教练马特·巴斯比爵士便把“红魔”的称号送给了球队,从此“红魔”之称不胫而走。从1973年开始,曼联在图标中间正式加上了红魔鬼的图案。设计的时候,红魔鬼的身体实际上是由“M”和“U”两个字母叠加组成。于是,这个被叫做弗雷德(Fred)的小红魔就成了曼联的吉祥物。

1998年,曼联将队徽下方的“Football Club”改为“United”,意味着曼联从一家单纯的足球俱乐部转变为一个涉及各个行业的曼联集团。如今的曼联队徽中间的帆船形象代表了曼彻斯特的港口地位,同时暗指曼彻斯特大运河。

Photoshop设计创意拖影效果的红魔曼联主题壁纸


 

在我眼里的“曼联”是一支勇敢,坚忍的荣耀之师。历史的种种造就了如今的传奇,辉煌的光芒和痛苦的黑暗都曾伴随他度过一段岁月。但重要的是,红魔始终怀揣着对梦想的执着,不断前行。就像老特拉福德“梦剧场”的名字一样,这里永远都孕育着梦想。

言归正传,我们来看看这个壁纸的设计。

第1步:主视觉和画面确定

首先是主视觉的敲定,曼联现在正在重建过程中,20岁的安东尼·马夏尔无疑就是这支队伍的未来。所以我毫不迟疑,就用他来勾画曼联的形象。

图片素材是网络上下载的,熟练的带球技巧是马夏尔的天赋,比起进球,盘带能更好地刻画他的形象。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

图用钢笔工具配合蒙版扣一下。

tips:要注意头发部位用画笔处理下,看上去会更细腻一些,不然就会有点太光溜溜的,人家只是板寸,不是光头哦。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

当然,光是这样贴一个人物上去怎么能行。我们需要一些视觉上的亮点,一个创意上的G点。

那么问题来了,要怎么high起来?

刚才我们说过,曼联在重建中,这让我有了种制作剥茧而生之类的画面的冲动。好的,有个点了。

再想想,剥茧而生,需要些什么,翅膀?束缚?好的,更具体了。

再深入点,马夏尔是个技术型球员,可以怎么勾勒?光滑的?优雅的?nice,结合自己的知识,基本能想个大概的形象了。

tips:大家在做设计时候,一定会苦恼于创意。此时,我们会遇到一个眼界问题。我们所能感知和想象的世界,一定是建立在我们已有的知识上的。所以要想做出远距离的桥接和跳脱的创意,一定要注意日常的知识积累,不仅仅是设计上的,还有更多语文,数学,英语,物理,化学,政治,历史,地理的冷热知识。信不信由你,反正我是信了。(认真脸)

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

反正总之最后,我是这样表现我的想法的。用钢笔工具很容易就能勾画一些这样的线条。

tips:和球衣相连的部分要稍微注意下,为了让画面更生动逼真,可以安排少量线条挡住球员,不仅更立体还能增强力量感。

tips:有些设计新人会觉得使用钢笔工具很痛苦,无法随心所欲地准确使用。这个时候建议打开钢笔工具的“橡皮筋”选项,可以预览到路径的走向,让使用更得心应手。

画面的这个部分是留给slogan的。我们就装逼地使用英文吧。

字体是Architype。这款字体有强有力的衬线,辨识度虽然不高,但用作标题也够。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第2步,气氛的烘托和渲染

接着,我会选择先做气氛,因为,我会想快点确定我是不是能够实现我的想法。如果实现不了,我会再选择其他方法,而不是纠结在必须坚守。这就像装在盒子里的巧克力,你永远不知道下一颗是什么口味的。我不清楚这样的习惯好不好,大家可以按照自己的想法来做。

我需要体现“红魔”的魔性,所以我需要一些地狱的烈焰和战争的伤痕。在站酷搜素材里轻松地找到了我想要的素材。(此处应有谄媚的掌声 pia pia pia)

tips:根据球员的照片补上光,大致就这样。不过,没有用冷暖色对比啊。因为蓝色是同城死敌的颜色,这是一个球迷的执念,所以用近似的橙色了。其实用蓝色从视觉上应该是更和谐的选择。

Photoshop设计创意拖影效果的红魔曼联主题壁纸


文字要显得刚硬,所以上了粗糙的金属质感,和烈焰对应,所以叠加一些熔岩的素材图,让金属看上去有刚锻造完的感觉。这与我们“重建新生”的主题也是吻合的。

tips:熔岩素材的叠加用了“线性光”模式,在这个阶段不用太纠结细节,达到大致效果就行了,如果没有客户催,你有足够的时间去刻画细节。别让繁琐的失落感摧毁你的创作激情。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

作为一个有责任感的设计师,我们一定要对照片进行修理和美化。

观察原图,我们可以发现球员看上去太暗了。虽然我很佩服体育摄影记者的抓拍能力,但我们设计的环境中,球员看上去应该更明亮和立体些。

可以用一个中性灰来拉开图片的明暗,叠加方式为柔光。

这里取得中性灰颜色的方法我喜欢用PS中的“高反差保留”滤镜,然后再对局部做加深和减淡处理,或者用画笔再上色。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

再加上一个色相/饱和度的调整层,把饱和度调整为-100,叠加方式也同样是柔光。进一步拉开明暗,增强立体感。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

之后对明部暗部做单独处理,让明部更亮,局部甚至可以过度曝光。暗部继续加深。

这里我用的是曲线配合蒙版,看上去挺繁琐,其实很便捷。

tips:为了不让曲线影响图片的色相,我把叠加方式换为明度。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

都调整的差不多以后,再看看那些细节丢失了,再补个曲线调整下。最后加个色相/饱和度让球员的球衣红色更鲜艳些。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第3步,补充细节深入刻画

首先处理球员身后的线条。我们要沿着“重建和新生”的主题操作。让球员看上去是挣脱了束缚。束缚,恩,就是那个感觉,棒棒哒。

第一步,使用画笔配合蒙版,画出一些破碎。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第二步,使用钢笔工具,勾勒一些大一点的碎片,可以基本按照刚才的破碎缺口来画,这样保险点,加点随运动方向的拉扯变形。

Photoshop设计创意拖影效果的红魔曼联主题壁纸


第三步,使用画笔工具,补充一些小的碎片。

tips:我喜欢用的画笔是ps自带的星型14像素和粗边圆形画笔,画一些小的像素点时候点几下就完事了。当然大家也可以多钻研下画笔这个深坑,做出适合自己的画笔。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第四步,补上必要的投影和高光。就不细说了。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

然后呢,要给文字部分做更多的细节。

第一步,处理那个还没冷凝的角落。因为还是熔铁,所以一定很热很烫很亮(嘶~~~~~)。

先画上一些强烈的黄色光芒,然后在边缘部分再加一些过渡的高光。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第二步,给熔铁周围环境补上光,增加投影,但熔铁周围不需要。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第三步,看看哪些地方还需要补上环境光,并且用之前的方法画上一些火花铁屑。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

最后,我们还是要处理一下我们的主角马夏尔。

第一步,根据环境打光,适可而止,不要太过了。千万别做出了夜店的效果。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

第二步,做一下足球和球鞋上的泥土污渍。可以使用泥土素材,在站酷上就能下载的到的。用自由变形拉扯一下,让泥土飞扬,做完心情很舒畅。还不舒畅就用画笔再补一些飞溅的点。就不信你不舒畅了。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

Photoshop设计创意拖影效果的红魔曼联主题壁纸

好啦,恭喜你终于看到这里了。笔者我写到这里已经累倒了。

我们最后瞥一眼整张图,看看还有什么好调整的,会不会有什么不合理的地方,做一些最后的调整工作。

Photoshop设计创意拖影效果的红魔曼联主题壁纸

结语

在这篇分享中,我记述了一些设计的思路和技巧。希望多多少少能帮助到各位看官。

其中最为重要的,容我重提,是梦与热情。有梦才有了路,有了热情才迈得动步。

我相信充满热情和理想的看官你一定能构建自己的梦剧场。设计这东西一定程度上像是为了更完美的你而存在的,大家一起勉力加油吧。

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn