咕噜噜

女神节要到啦,来跟着我们的教程思路,一起设计一款女神节海报;祝福努力生活、积极向上的姑娘们女神节快乐。

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

距离女神节只有短短几天了,听说很多设计师都在做热点海报,葱爷也花半天时间设计了一款。  
 
设计应该是商业的、能落地的,即便是做练习稿也得带着这样的想法,所以我会找一个品牌来作为设计的对象,而不是只设计一张跟女神节相关的节日海报。
Simianhada水感肌,是我以前服务过的一个护肤品牌,今天我打算为其旗下的面膜产品设计一张女神节海报。  
 
首先当然是构思,面膜和女神节有什么关联呢?面膜就是面膜,能产生的联想不多;而通过女神节我可以想到:女人、皇冠、翅膀、花等元素。然后很快我就想到了面膜跟花好像很容易产生联系:白色的面膜跟白色的玫瑰花瓣是不是有点像?一朵用面膜组成的白玫瑰,好像可行,于是我赶紧去画草图验证一下。  
 

图片

 

首先,我上网找了一些面膜和白玫瑰的素材,然后选定好比较合适的参考对象来画草图。

图片

 

草图画完以后感觉是行得通的,于是我把草图拉到Ai软件中,用钢笔工具把草图勾出来,当然在勾的过程需要优化一下轮廓和线条的问题。

图片

 

把线勾出来来以后再把线转成面,然后分别填上一点灰色,让各个面之间有所有区分。
接下来在Ai的窗口菜单栏里选择图层,然后点击图层面板右上角的按钮,选择释放到图层。
图片
 
就可以把文件导出为psd分层文件了。注意:导出的选项要选择写入图层。
图片 

然后在Ps中打开该文件,运用画笔工具开始给每片花瓣(面膜)涂抹出体积感,并且让每片花瓣之间都有明显的区分和明暗关系,打光可以模拟参考中的玫瑰花。
图片 

经过一段时间的摩擦摩擦以后,这朵花大概的样子已经出来了,统一加上一点杂色。要使其更像一朵玫瑰花,需要把玫瑰花的枝嫁接进来,把花枝的颜色调亮、调绿一点,然后给其增加一个内发光的图层样式,颜色为白色,混合模式为叠加。
图片
图片 
然后在图层面板中,用鼠标右键内发光图层样式,选择创建图层,把内发光效果转为一个图层。再通过蒙版把花枝右边的内发光擦除, 这样花枝的光源会更清晰、体积感也会更强一些。

图片

 

还有,别忘了给玫瑰花添加一点环境光,首先是靠近花枝的地方会有一点点绿色,然后整朵玫瑰花会带一点点背景的蓝色,这朵面膜玫瑰就做完了。

图片

 

接下来就是排文案,由于没有专业的文案配合,为了契合画面,葱爷只能想到一个比较俗的标题:女人如花。
字体葱爷选择一个挺适合女性海报的免费字体:字体传奇南安体。

图片

在排版上原本想把标题放在画面顶部,做成杂志的样子,后来一想不对,天空区域应该只属于这朵花,给它足够的绽放空间,这样主体部分也能得到更好的展示。
图片 
所以我把文字全部排在了画面下方,只有品牌logof放在左上角,鲜花好似从文字下面生长上来。由于为了切合面膜的属性背景使用了蓝色,标题自然就使用了粉红色,以增加画面的冷暖对比,同时加强女神节的属性。
图片 
 
画面还少了一点护肤品的感觉,由于该面膜的主要功能是补水,所以我在玫瑰花的下方加了一个水花的素材。
图片 
 
纯蓝色的背景没有过度,感觉缺少了一点柔和的感觉,于是我又尝试想把背景换成天空,我去素材网站找了一张看起来很干净、很清新的天空图片。
图片 

把天空拖到画板中作为画面的背景,感觉还可以,但是颜色还是太重了,所以我把明度调高了一点,并把色相调得偏“青色”了一点,嗯,效果比之前要好很多。
图片 
 
到这里,这张女神节海报就做完了。
图片 
 

原文地址:葱爷(公众号)

作者:葱爷

图片

转载请注明:学UI网 » 这款女神节海报我只用了半天

登录收藏
 
你可能喜欢的:
排版的关键在于处理好对比与统一的关系排版的关键在于处理好对比与统一的关系
总监说我的画面太平了!结果同事和我说了几个小妙招!总监说我的画面太平了!结果同事和我说了几个小妙招!
你的标题设计给海报减分了你的标题设计给海报减分了
让设计感暴增的8个画册标题排版技巧让设计感暴增的8个画册标题排版技巧
三个Ps/Ai技法,吊打胡晓波的flash!三个Ps/Ai技法,吊打胡晓波的flash!
这些实用的排版技巧,能让你的设计更细致这些实用的排版技巧,能让你的设计更细致
万物皆可异质同构万物皆可异质同构
为什么你始终做不好版式设计?为什么你始终做不好版式设计?
还在为没灵感发愁?那是没学过移花接木这招!还在为没灵感发愁?那是没学过移花接木这招!
优秀日本食品海报的10个设计细节优秀日本食品海报的10个设计细节