分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

Photoshop制作简单的木质音响图标

Photoshop制作简单的木质音响图标
制作图标之前,先认真分析图标的构成。然后由底层开始慢慢制作,用形状工具画出形状,再用图层样式增加质感和颜色即可。 最终效果 1、新建一个1000×1000 px 的画布,填充颜色#7b7776。 2、创建一个512×512像素,圆角半径为90px的圆角矩形,并置入木纹素材,然后在图层面板中,按住ALT点击木纹图层和圆角矩形图层的交界,创建剪贴蒙版。 ……继续阅读 »

学UI设计 715浏览 2个赞

AI制作圣诞图标教程

AI制作圣诞图标教程
大家好,我是角角,圣诞快到了,首先预祝大家圣诞快乐。今天给大家带来的是用AI制线性风格的圣诞图标,制作很简单,适合新手练习。   1.打开AI,新建文档。建立一个800X600px的画布,颜色填充为#e2e2e2,也可以随意。 2.用椭圆工具绘制一个120X120px的正圆,由于是线性图标,所以我们关掉上面的填充,描边用3px,描边颜色填充为#ef……继续阅读 »

学UI设计 781浏览 1个赞

PS制作邮件图标设计教程

PS制作邮件图标设计教程
今天来做一个淡淡的icon,干净利索。 大家可以看到这个惨白的icon,哈哈,其实像一个的软软的质感,有点像真皮沙发,有没有。 现在有很多的手机的主题都是极简质感,本人用的也是手机自带的图标,简简单单,很大气。等这个周末来晒一下,我的壁纸和桌面。言归正传,来进入今天的学习。 1. 建立一个1000X800,200分辨率的背景,颜色填充为#ece8df。 ……继续阅读 »

学UI设计 981浏览 1个赞

PS制作医疗搜索图标设计教程

PS制作医疗搜索图标设计教程
教你轻松做一个搜索icon。 请点击此处输入图片描述 首先,建立一个画板1000X800像素。 1,建立背板,圆角矩形600×600,半径为100。 2. 复制一个圆角矩形上移6,混合模式做效果得到效果:接下来在复制一层,填充为0,做内阴影,来添加底部反光得到效果背板已经结束了,我们现在做中央的表盘部分。 3. 建立一个正圆,大小为503X50……继续阅读 »

学UI设计 739浏览 2个赞

PS制作彩虹的按钮图标设计教程

PS制作彩虹的按钮图标设计教程
大家好,今天我们来学习彩虹的按钮图标。 建立画布800x600pi,填充颜色为#a846ff。复制一层做一个渐变叠加得到画板效果 接下来我们做按钮,建立一个圆角矩形308x308pi,半径为68 给椭圆矩形做效果,混合模式:斜面浮雕——颜色叠加——投影看过前面课程的同学应该知道,我们做完底部后,要一步步做投影。复制一层,填充黑色,下移20,高斯……继续阅读 »

学UI设计 890浏览 2个赞

PS制作可爱云朵的icon图标设计教程

PS制作可爱云朵的icon图标设计教程
今天来学习一个可爱云朵的icon。 首先建立一个画板背景径向渐变 接下来就是画个小云朵,小云朵大家应该会用布尔运算画吧,不会画的话,私聊编主,后台发送布尔运算教程。小云朵一个五颜六色的彩,混合模式,渐变叠加 复制一层下移2个像素,修改不透明度 复制一层上移1个像素在复制一层云朵上移6个像素 接下来画中间的微信图标,一样运用布尔运算画出来,用混合模式做出想要……继续阅读 »

学UI设计 892浏览 2个赞

UI设计教程之app icon的绘制及优化

UI设计教程之app icon的绘制及优化
图标有以下分类:系统图标,操作界面图标,手机主题图标。今天我们来改一组移动端APP图标。同学们在设计界面的时候,总是在设计icon这个板块出现很多问题,比如:一些同学在做首页tab bar上的icon时出现一些比较基础的问题:icon不清晰,或者是描边不统一,图标排在一起忽大忽小,不稳定,设计风格不统一等,接下来我们用一个案例来带着同学们一步一步了解icon……继续阅读 »

学UI设计 586浏览 1个赞

PS制作闹钟图标设计教程

PS制作闹钟图标设计教程
1.新建一个画板 2.背景填充为#aab6bb用蒙版工具做一个亮光,得到下面效果。 3.建立一个512x512pi的圆角矩形,半径为120pi,颜色填充#2c2e30。复制一层,不透明度10%,建立图层蒙版,可以得到上面的亮光,这样我们就是把光源设置为顶光之前讲了一个物体有暗面就会有亮面,当然有亮面,也会有暗面。所以我们复制一个,不透明度为80%,建立一……继续阅读 »

学UI设计 918浏览 1个赞

PS制作ipone商店图标设计教程

PS制作ipone商店图标设计教程
今天教大家一个熟悉的图标。相信绝大多数的同学们都使用ipone,ipone的图标大家也已经很熟知。 在十年前,第一代ipone的问世,开启了手机触屏时代,小编认为啊,现在的手机屏越来越大的原因,跟一些的人手指头比较大有一定原因。因为屏太小,一不小心就点到两个图标,完了后台懵逼了,不知道开哪一个,后台管理就打架,最后死机了。那这肯定是个bug,完了手机屏幕就越……继续阅读 »

学UI设计 718浏览 2个赞

PS制作医疗图标设计教程

PS制作医疗图标设计教程
1.新建一个800×600的画布,混合模式渐变填充 建立402x402pi的圆角矩形正方形,半径为100. 建立中心发光点,创建一个椭圆进行高斯模糊 建立一个2x68pi的长条,颜色填充为cdcdcd,复制一个,填充为白色,得到图形 根据角度,旋转复制6个,得到图形, 建立一个266×266的圆心,图层样式:渐变叠……继续阅读 »

学UI设计 834浏览 0个赞

用AI打造温暖的鹿形织物图标

用AI打造温暖的鹿形织物图标
前言 毛线编织纹理中的一针一线,最能传达温暖、体贴和一种温馨的亲和力。织物的质感如果运用在这类设计中将会非常出彩。今天我们就来学习在AI中如何掌握这一技法,这个技法的精髓的就在于对于细节和整体的把控,以小见大。而为其增加魅力的是织物上的图案。 你将会学到: 1、运用变形工具对基础型的变换; 2、利用变换工具来排布纹理; 3、通过改变色彩的方式进行图案的安排;……继续阅读 »

学UI设计 928浏览 2个赞

简约磁带图标教程

简约磁带图标教程
老规矩,我们先来看最终效果! 用PS就可以搞定,是不是炒鸡简单?抓紧时间搓搓手!呸~  抡起鼠标开始吧。     1. 新建画布,尺寸800*600px,填充色#e75030。 2. 绘制尺寸302*302px,圆角33的圆角矩形,颜色#112d4a,给圆角矩形加图层样式-描边(2px内部描边,颜色#162237); 垂直居中对齐,水……继续阅读 »

学UI设计 567浏览 2个赞