QQ登录 会员登录 注册或点击登录代表您同意《素材之家用户协议》
欢迎来到素材之家
当前位置:首页 > 软件教程 > photoshop教程 >

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关于“慕尼黑空难”的详细请阅读曼联中国官网:http://www.manunited.com.cn/zh-CN/Club/Munich.aspx

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设计创意拖影效果的红魔曼联主题壁纸

结语

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

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

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

相关搜索
  • 日期: 2016-04-14 15:18:24
  • 来源: 脚本之家
  • 版权 图像、字体及音频仅供参考i
    版权声明

    素材之家模板内容(包含但不限于版式、图片、音乐、字体等素材),来源于第三方分享者,其版权归原创作者拥有。若作为商业用途,请获取模板原作者授权或替换相应素材,相关字体以及人物肖像需版权方额外授权,请谨慎使用,素材之家不承担由此引发的一切版权纠纷。

    素材之家提供模板展示平台和网络服务,同时提供客服、内容整理、使用指导、储存等服务;仅供广大用户交流学习使用;对于用户在使用素材之家平台服务过程中自行上传的素材和作品,素材之家不具备审查其内容是否存在侵权等情节的能力。

    用户自行上传和使用素材等内容应遵守相关法律、法规,不得侵犯本网站及权利人的合法权利,情节严重者将依法追究其法律责任,素材之家不承担出现权利纠纷时的任何责任。

    素材之家对作品中含有的国旗、国徽等政治图案不享有权利,仅作为作品整体效果的示例展示,禁止商用。另外您必须遵循相关法律法规规定的使用范围和使用方式,禁止以任何形式歪曲、篡改。

    素材之家尊重知识产权,如知识产权权利人认为平台内容(包括但不限于用户自行上传分享的内容)涉嫌侵权,可通过邮件:tousu@isucai.com.cn提出书面通知,我们将及时处理。

您可能会喜欢的其他教程
ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体? ai蜡笔文字设计技巧

ai怎么做彩色蜡笔字体?孩子喜欢使用蜡笔画画,想要设计一款蜡笔字体,感觉会很好看,该怎么设计这款字体嗯?下面我们就来看看ai蜡笔文字设计技巧...

ai 蜡笔字体 字体设计

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字? ai文字描边效果的设计过程

AI怎么做漂亮的led描边文字?ai中想要设计一款漂亮的文字,该怎么设计呢?下面我们就来看看ai文字描边效果的设计过程,详细请看下文介绍...

AI 文字描边 描边效果 文字设计

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形? ps彩色虚线图的画法

ps怎么快速画虚线图形?ps中想要快速绘制虚线图形,比如虚线效果的心形,条形,圆形等等,该怎么绘制呢?下面我们就就来看看ps彩色虚线图的画法...

ps 虚线 虚线图形

AI怎么添加炭精笔效果?

AI怎么添加炭精笔效果?

AI是一款创建并编辑矢量图,插画处理ai的软件,那么怎么添加炭精笔效果呢?下面和小编一起看看吧...

AI 炭精笔

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接? ps断线效果的制作方法

ps线条怎么断开和连接?ps中绘制的线条图形是连续的,想要断开,做成一段一段的,该怎么实现呢?断开的又该怎么连接呢?下面我们就来看看ps断线效果的制作方法...

ps 线条断开 断线效果

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决? PS画布移动的方法

PS画布不能拖动移动怎么解决?ps的画布是可以随意拖动的,但是在发布的时候,发现不能拖动,放大才能拖动,该怎么办呢?下面我们就来看看PS画布移动的方法,详细请看下文介绍...

PS 画布

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

AI如何将人物照片转成人物插画?AI将人物照片转成动漫插画教程

当我们学会了这篇教程就可以将自己爱豆的照片绘制成插画的形式保存起来了,不只是爱豆哦,想学习的小伙伴们打开AI一起动手吧...

AI AI教程 照片转插画

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字? cdr斜角立体字效果的实现方法

cdr怎么设计有棱角的文字?经常使用cdr设计需要的字体,想要设计一款类似建筑棱角的文字模型,该怎么设计这种立体文字模型呢?下面我们就来看看cdr斜角立体字效果的实现方法...

cdr 立体字 字体设计

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪? PS快速画出一点透视参考线的技巧

ps透视参考线在哪?ps中想要创建透视参考线,帮助绘图,该怎么创建呢?下面我们就来看看PS快速画出一点透视参考线的技巧,详细请看下文介绍...

ps 透视参考线 参考线

AI绘制3个人像矢量插画教程

AI绘制3个人像矢量插画教程

使用AI绘制人物的时候用到的图形会更多,如果想要给人物进行装饰一下细节必须把握好,今天咱们用AI来绘制3个不同的女人,一起来学习吧...

AI AI教程 人物矢量插画

感谢您留下宝贵的建议
问题类型:
提交
此文件需要VIP才能下载!
获取VIP全站模板任意下载
立即开通
注:下载文件较大,请耐心等待!

在线时间:9:00-21:00
点击咨询 常见问题 >
官方交流群:451642347
点击加入