AI+PS教程!教你设计圣诞主题输入法皮肤

时间:2019-12-24
类别:AI教程
水平:入门
观众:1.0w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:软件基础营43期-A63-酒木田

辅导老师:小胡舵主

交作业:#优设每日作业#

关于教程

翻遍了各种输入法软件都没找到自己心仪的输入法?那干脆自己制作一个吧!

你也想做制作这样好看的输入法效果吗?戳链接让肥子老师手把手教你→点我系统学习PS软件

或者直接戳客服小姐姐: QQ 3507286763 、 2574646834, 微信uisdc2

 

教程步骤

步骤 01  绘制草图

1.1 在输入法官网下载模板,确认输入法的组成部分——候选栏+拼音区+云候选区+键盘大背景+九键键盘+二十六键键盘+上划弹泡等元素。

AI+PS教程!教你设计圣诞主题输入法皮肤

1.2 确定风格。输入法键盘风格多样,这里选择的是可爱的卡通风格。

1.3 选择适合圣诞主题的元素并画出草稿。

AI+PS教程!教你设计圣诞主题输入法皮肤

 

  • 步骤 02  绘制背景

2.1 把下载好的PSD模板在AI中打开,确定各元素的大小。

2.2 绘制1080*832像素、色值#0577aa的矩形为背景,并锁定图层。新建图层,用钢笔工具在矩形底部画出雪地。

AI+PS教程!教你设计圣诞主题输入法皮肤

2.3 新建图层命名为树林,移动到雪地图层下方,用多边形工具绘制三个三角形,水平居中对齐后合并形状。用直接选择工具拖动小圆点使边角平滑。按住alt键复制并改变颜色(#00669e#00578c),树林就画好了!

AI+PS教程!教你设计圣诞主题输入法皮肤

2.4 新键图层雪1,点击斑点画笔工具,按“[”键或“]”键调整画笔大小,单击鼠标左键画出雪景。选中雪花图层修改不透明度为30%。用同样的方法新建图层雪2把画笔调小绘制雪,不透明度为10%。这样画出来的雪让画面看起来更有空间感层次感。

AI+PS教程!教你设计圣诞主题输入法皮肤

 

  • 步骤 03  绘制按键

3.1 按键的大小可自由调整,只要不超出规定范围即可。

3.2 在做的过程中记得打开模板图层对比哦。

  • 房子

3.3 房子由四个矩形组成。如图绘制矩形并调整圆角。注意在绘制屋顶时要使用直接直接选择工具拖移上方的锚点再调整圆角。

3.4 最后选中房子点击菜单栏对象路径偏移路径 3px。合并形状色值为#532200,将其置于底层。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 驯鹿

3.5 绘制两个圆,再绘制矩形通过减去顶层得到两个半圆驯鹿的头就做好了。

3.6 然后绘制椭圆三角形得到眼镜鼻子。最后使用钢笔工具画出耳朵、嘴和鹿角。

3.7 注意耳朵没有描边,嘴和鹿角有描边无填充颜色。选中鹿角扩展描边为形状,选中全部偏移路径3px

3.8 并形状填充颜色置于底层。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 圣诞帽

3.9 帽子主体为三角形,上下两部分由圆组成。

3.10 以上边的毛球为例,先画出16*16的圆确定毛球的大小。

3.11 然后放置多个小圆在它的边缘,合并形状添加描边。选中全部旋转-20°

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 圣诞袜

3.12 圣诞袜与圣诞帽的做法相似,颜色和毛边不再赘述。袜子主体由两个矩形一个圆组成。

3.13 合并形状调整圆角后选中全部旋转-20°。就可以得到可可爱爱的圣诞袜啦!

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 长按弹泡与上划弹泡

3.14 与圣诞帽毛边做法一致,绘制多个小圆合并形状。

  • 铃铛

3.15 铃铛:绘制两个矩形,比例可自由调整。合并矩形调整圆角就得到了铃铛。

3.16 蝴蝶结:绘制三角形旋转90°,点击翻转并复制。合并三角形,在其中间绘制小的矩形。

3.17 缎带:绘制矩形,用钢笔工具在矩形底部中央添加锚点,用直接选择工具选中添加的锚点并向上拖动。选择合适的度数后复制翻转。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 雪人

3.18 绘制大小不同的两个圆合并形状。用线段画出树枝,钢笔画表情和胡萝卜。选择全部偏移路径3px置于底层。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 圣诞树

3.19 与背景树的画法一致,三角形+矩形。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 树干蛋糕

3.20 蛋糕横截面:首先画两个半圆(与绘制驯鹿时一样)。画一条白色直线,打开旋转扭曲工具以右侧锚点为中心长按鼠标左键。将其与半圆居中对齐。

3.21 蛋糕正面:绘制与半圆高度一致的矩形,用直接选择工具点击矩形左上角向右侧拖移。调整圆角使左侧呈现出弧度。最后用线段绘制出树干蛋糕的纹路。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 拐杖糖

3.22 绘制一个圆角矩形无填充描边为8px,用直接选择工具选中红圈内的两个锚点并删除。点击对象扩展将描边变为形状。

3.23 接着绘制两个红色的小矩形在拐杖糖上下两端,使用混合工具。

3.24 拐杖糖弯曲部分的条纹手动旋转移动。将红色矩形全部选择并编组,复制底部白色形状将其置于顶层,按shift键点击红色矩形右键建立剪切蒙版。

3.25 最后点击底部的白色部分添加描边3px

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 礼物盒

3.26 绘制两个矩形作为盒子。上方丝带的做法:绘制一个有描边无填充的圆,使用锚点工具在右边锚点处点一下。

3.27 调整锚点位置,旋转合适的角度并复制翻转。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 旗帜

3.28 打开模板图层,工具模板的规定绘制符合大小规范的矩形。

3.29 使用钢笔工具在矩形下方中央添加锚点,用直接选择工具拖动锚点向上移动。

3.30 把全部旗帜对齐后用钢笔工具(有描边无填充颜色)绘制绳子。

AI+PS教程!教你设计圣诞主题输入法皮肤

  • 步骤 04  PS排版、添加效果

4.1 将做好的按键导出为psd文件,在PS里打开。

4.2 打开在官网下载的模板文件,将按键移动到模板并转换为智能对象,按照模板规范调整按键大小位置。

4.3 新建组添加相应的字符,调整位置大小。

4.4 复制按键并移动到按下组中,双击图层打卡图层样式添加颜色叠加。

AI+PS教程!教你设计圣诞主题输入法皮肤

最终效果

初稿

AI+PS教程!教你设计圣诞主题输入法皮肤

终稿

AI+PS教程!教你设计圣诞主题输入法皮肤

输入法展示

AI+PS教程!教你设计圣诞主题输入法皮肤

【优优教程网 365 打卡计划】

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。每天做练习,成长不停息!

还想学习更多渐变LOGO制作?

千万别错过以下教程喔!

>> AI教程!教你制作海绵宝宝输入法皮肤
>> PS教程!从零开始制作可爱的小黄鸭输入法皮肤

AI+PS教程!教你设计圣诞主题输入法皮肤

1 收藏 18

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片