从2D到2.5D ,如何让文字“立”起来?

用户头像
上海/平面设计师/6年前/951浏览
从2D到2.5D ,如何让文字“立”起来?
用户头像
字由

教你用ps做一款2.5d风格的字

近年来 2.5D 插画风格兴起,无论是海报、H5、banner,都会频繁看到这种形式。



简约、清新又有辨识度,如果把它跟字体相结合,应该还不错,那就开始吧~




制作参考线


首先我们要做一个参考线,打开ps,新建一个文档,用多边形工具,拉一个等边三角形(按住shift),再水平翻转,中间画一条竖线。



选择编辑——定义图案,自己设一个名称,并保存。



新建一个画布,拉一个覆盖它的矩形,选择刚才保存的图案进行填充。



参考线图纸就完成了。




拼2.5D字体


有了参考线,接下来就可以做立方体了,我以字由会员的“员”字为例,大概的想法就是用正方体、长方体“拼积木”。先降低参考线图层的透明度,创建长方体的侧面。



CTRL+J复制图层,得到新的矩形,再用【直接选择工具】,选择下面的两个锚点,进行拖拽,如下图。



重复上步操作,复制图层,选择画面后方的两个锚点拖拽,得到长方体的正面。



小技巧:每个小立方体由3个图层组成,右键将每组立方体的图层,标记为不同颜色,方便后期调整。



同时选择(按住ctrl)组成立方体的三个图层,用【直接选择工具】框选,整体调整长度。



横向的做完了,现在我们要往上延伸,先将长方体往左拉一个正方体,得到正方体的八个锚点,再框选它,往左复制一格,把它当成积木,用【直接选择工具】,框选上面四个锚点,按住CTRL+↑↓←→微调,按住CTRL+SHIFT+↑↓←→可以快速调整。



按照这个方法,接着完成“员”字的“口”部分,精华就在于纵向不一边长,横向也不是一个方向,有一种扭曲的感觉,有想像“大裤衩”,注意调整阴影的颜色。



“贝”的撇捺部分选择用阶梯形状的正方体表现,复制粘贴到合适位置。



注意前后遮挡关系,每次复制立方体的时候,记得将新的图层调整到最后。



这样撇捺部分也做完啦~



看样子已经初见雏形,但总觉得有些单调。



细节的升级


先从颜色下手,将部分笔画调整为鲜亮的黄色,再将部分笔画进行图形替换,比如整体缩小选中的长方体,并纵向延长。



将细长的长方体复制两份,得到下图效果~



再复制一份刚才得到的三根细长方体,放在顶部,调整长短,得到小亭子的柱子。




复制一个正方体,放在柱子上方,选择顶面的四个锚点向下拖拽,形成小亭子的“顶盖”。



最终效果如下图~




加一个背景


选择合适的颜色做一个渐变的背景,并将字体调整到合适的位置。



加入2.5D风格的小元素。



给图案整体叠加一个材质,新建图层,颜色填充为50%的灰色。



选择滤镜——杂色——添加杂色。



将图层属性选择为叠加。



看看对比吧(右图为添加材质效果)。



用同样的方法调整配色和字形结构,柚子还做了其它几个字~



你要不要也试着去做一套~



20
举报
|
30
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
海底世界插画
平面设计 吊牌设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面花卉图案扁平简约无缝拼接插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
牛奶乳液层次梯田平铺平面
水蜜桃和李子的平面水果图案
城市园林平面布局航拍
金色颗粒质地的平面
平面书法字手写
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
中国传统纹样创新图案设计
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
倒计时,海报,平面
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
平面插画情侣/矢量
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
平面插画设计女孩喝咖啡
你可能喜欢
相关收藏夹
大家都在看
登录注册