设为首页
收藏本站
新手帮助
工单报错
开启辅助访问
切换到宽版
任务赚豆
推广赚豆
登录
立即注册
首页
Portal
分类
BBS
最新
精品
教程
素材
头条
搜索
搜索
CG模型库
平面素材
CG教程
CG素材
影视素材
中文字幕
2D设计
3D设计
绘画插画
游戏开发
影视调色
剪辑非线
影视后期
摄影摄像
平面素材
AE模版
音乐素材
行业软件
插件滤镜
3D模型
游戏素材
音乐影音
视频素材
书籍杂志
动画
微信充豆
卡密充值
微信开通VIP
卡密开通VIP
本版
用户
多小时爱学网
»
分类
›
办公室
›
资讯图文
›
制作木质复古风格收音机图标的PS教程
热图推荐
充500学豆
|
自定内容
|
自定内容
|
自定内容
|
赞助本站
人到中年,丈夫不想过性
19岁出演“潘金莲”爆红
温岭新娘和摄影师2分06
试过的污友是这么说 把
爸爸和儿子的幽默对话,
拳击第一女神演真实肉搏
郭德纲,于谦相声新段子
打开Office2007文档时提
用PS精修出高端大气的模
PS制作柔顺头发效果高清
制作独特彩妆美女模特头
制作照片倒影效果的PS教
返回列表
发新帖
[创意]
制作木质复古风格收音机图标的PS教程
[复制链接]
1659
|
0
|
2017-8-4 22:07:25
|
显示全部楼层
|
阅读模式
游客只能看到小图片,注册后看更多内容!
您需要
登录
才可以下载或查看,没有帐号?
立即注册
x
自从有了智能手机,手机的APP就风靡一时,各种各样的APP图标设计也非常的流行,教程主要通过图层样式来完成,感兴趣的让我们一起来学习吧。最终效果:
老规矩先来分析一下,教程里面的木纹图标我们主要分为以下几个部分:底座、旋钮、显示屏、横线,大都问题都不大,主要是底座和显示屏比较麻烦一点,需要用到多个图层来制作高光效果,分析完了以后我们离成功就近了一步,下面就让我们一起来学习吧。
步骤一:首先新建画布500px*500px画布,命名为收音机,填充背景颜色#c8beae。具体参数如下。
步骤二:使用圆角矩形工具绘制一个320px*320px圆角半径为60px的圆角矩形,颜色设置#d29b4d并命名为底座,添加图层样式。
步骤三:现在打开素材,为素材添加图层样式并按住ctrl+alt+g键创建剪贴蒙版到底座图层。
步骤四:现在来绘制底座高光,绘制俩个圆角矩形,使用小黑工具单击选中内步形状,并减去顶层形状。
步骤五:将混合模式改为滤色,不透明度设置为40%,添加图层蒙版,擦除不需要的位置。
步骤六:继续使用圆角矩形工具绘制一个283px*278px圆角半径为60px的圆角矩形,颜色设置# f8bf86并命名为底座亮色。
步骤七:我们复制一下底座亮色图层,将颜色设置为#96622f,重新命名为底座暗色,并移动到合适的位置。
步骤八:继续打开素材,操作同上:为素材添加图层样式转换为智能对象并创建剪贴蒙版到底座暗色。将图层打组命名为底座。
步骤九:现在我们来绘制显示屏的位置,用圆角矩形工具绘制一个238px*119px圆角半径为90px的圆角矩形,颜色设置# a4a29e并命名为显示屏底座,添加图层样式。
步骤十:我们来为显示屏添加高光位置,用圆角矩形工具绘制一个178px*50px圆角半径为90px的圆角矩形,颜色设置# ffffff,高斯模糊12px,命名为显示屏高光。
步骤十一:继续添加高光位置,操作方式同上,绘制圆角矩形,颜色白色,添加图层蒙版擦除不需要的位置,适当调节不透明度。
步骤十二:现在来绘制边框使用圆角矩形工具绘制一个238px*119px圆角半径为90px的圆角矩形,颜色设置# 16120f并命名为边框。
步骤十三:现在我们将边框填充数字设置为0,添加图层样式,并移动图层顺序到显示屏底部。
步骤十四:高逼格的显示屏一下就出来了,有木有!!!现在我们来为中心添加数字。
步骤十五:现在我们用直线工具绘制直线,线条颜色设置为#d80202并添加图层样式
步骤十六:现在我们来绘制线条的位置吧,选择圆角矩形工具,绘制高度2px的线条,然后复制,打组后命名为横条。
步骤十七:之后我们为横条添加图层样式,并添加蒙版,遮挡不需要的位置。
步骤十八:接下来我们绘制旋钮吧,只要完成了一个,另一个就可以复制啦,是不是很开心,首先选择椭圆工具,绘制一个65px*65px的正圆,颜色为#211f1d。
步骤十九:继续绘制50px*50px的正圆,并添加图层样式。
步骤二十:现在我们将旋钮复制一下吧,并ctrl+T适当缩小一些。
步骤二十一:现在我们来绘制最后的部分吧,绘制一个5px*5px的正圆,颜色#4adb43,并添加一下图层样式吧,然后将投影制作一下就完成了哦。
圆角
,
绘制
,
步骤
,
矩形
,
底座
相关帖子
•
Substance 3D Painter三维纹理材质绘制软件V10.1.0版
•
Procreate珠宝设计数字绘画视频教程第二季
•
Astute Graphics Elite Bundle高效实用Illustrator插件V3.8.2版
•
Mari三维纹理贴图绘制工具软件6.0v3版
•
游戏概念艺术3D环境场景草图绘制视频教程
•
游戏世界概念艺术设计草图绘制大师级视频教程
•
机甲战争概念艺术场景插画从3D到2D绘制流程视频教程
•
Sculpt-Paint Wheel雕刻绘制工具Blender插件V3.0.3b版
•
剧本故事板绘制艺术解析大师级视频教程
•
Astute Graphics Elite Bundle高效实用Illustrator插件V3.8.0版
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
admin
7万
主题
7万
帖子
65万
积分
管理员
积分
651212
加好友
发消息
回复楼主
返回列表
众筹
精品商城
办公求助
签到奖励
独家修复
资讯图文
广告展示
图文推荐
Substance 3D Painter三维纹理材质绘制软件V10.1.0版
2024-10-29
Substance 3D Designer纹理材质制作软件V14.0.2.8324版
2024-10-29
Substance 3D Designer花纹家具纹理贴图绘制视频教程
2024-10-29
Substance Painter游戏铠甲药瓶逼真材质纹理制作视频教程
2024-10-29
UE5虚幻引擎动作角色扮演RPG游戏开发视频教程
2024-10-06
热门排行
1
Blender 3.0低多边形建筑模型设计训练视频教程
2
Lumion 11.5小岛动画场景实例制作视频教程
3
金属珠宝首饰设计绘画技能训练视频教程
4
STASH创意艺术动画短片视频杂志第154期
5
ImagineFX科幻数字艺术杂志2022年第六期
6
PS海洋怪物照片合成特效技术视频教程
7
ImagineFX手绘素描杂志2022年刊第4季
8
Blender几何节点创建科幻建筑视频教程