0

0

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

PHP中文网

PHP中文网

发布时间:2016-05-21 09:14:00

|

4426人浏览过

|

来源于php中文网

原创

这篇教程是向本站的朋友分享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:根据球员的照片补上光,大致就这样。不过,没有用冷暖色对比啊。因为蓝色是同城死敌的颜色,这是一个球迷的执念,所以用近似的橙色了。其实用蓝色从视觉上应该是更和谐的选择。

AssemblyAI
AssemblyAI

转录和理解语音的AI模型

下载

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

结语

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

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

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

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

49

2026.03.13

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

89

2026.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

276

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

59

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

99

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

105

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

230

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

619

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

173

2026.03.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.9万人学习

PS技法与切片技术视频教程
PS技法与切片技术视频教程

共9课时 | 5.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号