UI图标 按教程制作

用户头像
无锡/设计爱好者/11年前/14614浏览
UI图标 按教程制作
跟着教程做还是比较简单的,效果还行。
来源:PS梦工场 作者:南辰
UI图标 按教程制作(图ZMjAxMjg2MTI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
最终效果图
收藏
UI图标 按教程制作(图ZMjAxMzcyNDQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
新建
收藏
UI图标 按教程制作(图ZMjAxMzcyNzY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
开始设置背景
收藏
UI图标 按教程制作(图ZMjAxMzczMDg=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzczMTI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzczMjg=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
背景OK了
收藏
UI图标 按教程制作(图ZMjAxMzczNzI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
新建图层,用白色大号柔边画笔在画布中心点击出白色亮光
收藏
UI图标 按教程制作(图ZMjAxMzc0MDQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
自由变换,把圆形压扁
收藏
UI图标 按教程制作(图ZMjAxMzc0NDA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
设置一下透明度
收藏
UI图标 按教程制作(图ZMjAxMzc0NTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
用圆角矩形画出主体图形
收藏
UI图标 按教程制作(图ZMjAxMzkwMjA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
新建一层,画一个图形盖过圆角矩形,之后用于转换为剪贴蒙版
收藏
UI图标 按教程制作(图ZMjAxMzkwNjQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
新图层上加角度渐变
收藏
UI图标 按教程制作(图ZMjAxMzkwNzI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
然后按住Alt键在角度渐变与圆角矩形中间点击鼠标左键,将其转换为剪贴蒙版。然后在图层名称上点击右键,将其转换为智能对象
收藏
UI图标 按教程制作(图ZMjAxMzkwODQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
滤镜>像素化>马赛克
收藏
UI图标 按教程制作(图ZMjAxMzkwOTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
将执行了马赛克滤镜的图层Ctrl+J复制一层,同样转换为剪贴蒙版。然后点击滤镜>风格化>照亮边缘
收藏
UI图标 按教程制作(图ZMjAxMzkxMDg=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
将其图层混合模式设置为线性减淡(添加),图层不透明度设置为30%。此时每个格子间都被细线分割开了
收藏
UI图标 按教程制作(图ZMjAxMzkxNjg=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
将上一步创建的图层Ctrl+J再次进行复制。将图层混合模式设置为减去,图层不透明度设置为20%。选择移动工具,利用键盘上的方向键将其位置向下方与右方分别移动1像素。这样格子的间隔部分便形成了凹槽的效果
收藏
UI图标 按教程制作(图ZMjAxMzkyMTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
在图形中间画一个正圆
收藏
UI图标 按教程制作(图ZMjAxMzkyMzY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
设置图层样式
收藏
UI图标 按教程制作(图ZMjAxMzkyNDA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyNTI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyNTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyNjA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyNjQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
加文字
收藏
UI图标 按教程制作(图ZMjAxMzkyNjg=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
文字图层样式的设置
收藏
UI图标 按教程制作(图ZMjAxMzkyNzY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyODA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyODQ=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
把第4步创建的圆角矩形图层按住Alt键向上拖动复制一份,把填充调为0,这样我们就可以不受这个图层本身颜色的控制了,而可以对图层样式进行调整。
收藏
UI图标 按教程制作(图ZMjAxMzkyOTI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkyOTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkzMDA=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
收藏
UI图标 按教程制作(图ZMjAxMzkzMTI=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
双击图层,打开图层样式面板。在混合选项中,将“图层蒙版隐藏效果”勾选上
收藏
UI图标 按教程制作(图ZMjAxMzkzMTY=) - APP界面 - 站酷设计师百慕大YuY原创素材 - 站酷ZCOOL
然后为图层添加蒙版,用黑色画笔将细节擦出来。最后添加上倒影,完成最终效果。
收藏
58
举报
|
142
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
2.5d插画
手机交互概念素材
必胜
攀登者矢量素材
app界面插画(欢迎界面)
app/web背景素材
户外旅行驴友探险社媒照片
户外旅行男孩拇指便车顺风车
APP界面//暂无消息页面/暂无预约页面
户外旅行女孩行李地图出发
我的钱包-UI界面设计-app
界面图片上传编辑
户外骑行矢量素材
APP界面/空状态页面
拜师
以笔为剑,纵情挥洒的东方气韵|御林铭心 颜体
APP界面/暂无网络页面/成功失败页面
地图图标
消息图标
App界面设计/UI设计展板
户外旅行露营野外体验玩乐
户外旅行飞机情侣假日出行
APP界面//暂无数据页面/暂无收藏页面
订单页面图标
手机,扫码,支付,手机付款,检查,插画 , 扁平 , 引导页,开屏页,开机动画 , app , 可爱风格 , 漂亮插画 , 界面 , 山 , 月亮 , 风景插画,互联网 , 互联网插画 , 商务 , 项目 ,  网页插画 ,
你可能喜欢
相关收藏夹
大家都在看
登录注册