Photoshop设计创意的红魔曼联主题壁纸 Photoshop设计渐变插画主题风格的图标

Photoshop设计创意的红魔曼联主题壁纸

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

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

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

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

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

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

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

关于“慕尼黑空难”的详细请阅读曼联中国官网：

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

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

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

Photoshop设计渐变插画主题风格的图标

渐变用在插画当中是能表现出光感的，利用简单的几何形搭配不同的渐变填色方法，我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单，最重要是要领会其中渐变的用法。

先看看效果图：

灵感来源

自己的草图构想

视频播放

第一段：

第二段：

第三段：

一、草图阶段

草图阶段很重要的是确定好大致的构图，按照一个圆形来作为画框是非常常见的图标的代表，当然作为图标有时候可大可小。但是大家应该可以看到，这里波浪的部分是海面，而右边的圆是太阳，上面这些分散的点就是水珠。这个景象大家应该并不陌生。

二、拆分基础形

扁平化的插画无一不是从基础形开始，保持基础形的简洁是非常重要的一步。

那我们就需要将草图进行拆分，其实这副插画的基础形就只有两个：圆形和波浪形。接下来我们就要考虑怎样得到这两个形状，以及这两个形状应该怎么组合成画面。

三、海面的基础形

STEP 01

首先，我们打开PS新建一个文档，我这里的文档大小设置为 1280*720px ，然后用椭圆工具画出一个圆，这个圆形就是其中的一个基础形。

STEP 02

再利用钢笔工具来绘制波浪形。要得到这个波浪形其实有很多方法，在AI里我们可能用的是【路径查找器】或者【形状生成工具】，但在PS里我们用的是【蒙板】来实现。先绘制出波浪的上部形状，然后下方形状随意，通过给这个形状添加圆形的蒙板，它就能呈现我们想要的形状。

STEP 03

这时我们可以先把色彩设置为黑白灰，将形状安排好以后再完成填色。所以将这个波浪形放置在圆形上方，使得它们对齐。然后再复制一个波浪形，这个波浪形可以先去掉蒙板，旋转调整以后再次添加圆形的蒙板。

STEP 04

继续复制波浪形以完成下方的形状效果。这就是我们构想中的海面的效果。这时还可以继续的进一步调整到理想状态。

四、太阳和水珠的基础形

STEP 05

太阳是圆形所以画起来很容易，太阳光的发散这里我们可以继续复制三个圆，每一个比原来那个大一点，这样来制造光线往外扩的效果。

STEP 06

按照计划增加水珠，散落整个画面上。

五、填色

接下我们就要开始填色，首先来确定主色，比如这里我设定为蓝色，那么再确定一个辅助色，比如在这里的绿色，然后渐变色可以在这两个色彩之间过渡。蓝色的饱和度和亮度比绿色稍低，这样就容易形成光线的感觉。