PS教程 Photoshop制作圆形简洁开关图标

   想要自己用photoshop设计出一个圆形简介开关,那么就一起来看看下面这个教程吧,制作之前我们先找一些实物照片来分析一下开关的质感,色彩表现等。然后分解开关,了解它的结构。再设定材质为塑料,设定好光源位置就可以绘制了。

  效果图:


  PS教程 Photoshop制作圆形简洁开关图标(上)

  1、先建立一个1136 * 640的画布。


  2、在这个画布上,用椭圆工具勾绘出一个圆形,作为按钮侧面,命名图层为“按钮-下”。


  3、建立一个新图层,画一个同样大小的同心圆,再选中底边锚点,向上拖到锚点位置如图,作为按钮正面,命名图层为“按钮-上”。


  4、编辑“按钮-上”,绘制开关按钮正面的形状和质感,图层样式如下图。


  5、接着我们编辑“按钮-上”,绘制开关按钮侧下方的形状和质感,图层样式如下。


  6、接着我们画用来按钮按钮的凹槽位。同样的方法我们画一个稍大一些的同心圆,图层名“凹槽”,然后添加下图所示的样式。


  7、至此,我们已经完成了70%了,需要再加上阴影。阴影层,我使用了一个稍微“瘦”一些的椭圆形状,这样形成的阴影看起来更加真实。


  8、最后我们再打上OFF,ON的字样,再增加一点泛红光的效果,完成最终效果。


  怎么样,学会了吗?

分类:

  • PS图片处理
  • ps图标制作教程
时间: 2024-10-26 12:21:16

PS教程 Photoshop制作圆形简洁开关图标的相关文章

PS教程 Photoshop制作斜投影效果

  我们在很多手机应用APP图标中会看到斜投影效果的图,这种斜投影效果已经流行了一段时间了,那么斜投影效果是怎么做出来的呢?下面小编就来教一下大家. PS教程 Photoshop制作斜投影效果 1.画出喜欢的图形,记得编组. 2.将星星与背板居中对齐,接下来为长投影层做准备. 3.使用路径选择工具,复制粘贴,不断粘贴. 4.合并路径,接着增加矢量蒙版. 5.添加图层样式. 怎么样,操作简单方便有没有,快点来试试吧! 分类: ps抠图教程

PS图标教程 Photoshop制作晶格化ICON图标

  我们常常看到一些手机或者电脑软件应用图标是精美的晶格化效果,那么这种晶格化icon图标是怎么制作出来呢?下面我们一起来看看操作教程. 先来看看效果图: PS图标教程 Photoshop制作晶格化ICON图标 1.新建画布填充背景颜色. 二.画出图标基本外形,填充渐变色. 三.新建画布,新建图层,隐藏背景图层. 四.将做好的渐变存为图案. 五.在icon的基本形状上叠加刚定义的图案. 六.画上剪影icon,家厚度.投影就完成了! 漂亮吗~大家也可以根据自己的喜欢修改图标形状以及颜色. 分类:

Photoshop制作可爱的钢琴图标

  Photoshop制作可爱的钢琴图标.效果图非常有创意,用一些极简的图形表现出钢琴的效果;绘制的时候先要把构造分解一下,大致了解每一部分的材质和光影;然后逐层刻画即可. 最终效果 1.绘制钢琴图标轮廓. 2.绘制钢琴的整体轮廓. 3.绘制盖子和内部细节. 4.绘制钢琴身部的细节. 5.绘制钢琴的底部和钢琴键. 6.添加阴影和英文字母. 7.添加背景图片和整体调色,完成最终效果. 分类: PS入门教程 ps图标制作教程

photoshop制作指纹解锁UI图标

  最近,越来越多的智能手机加入了指纹解锁功能,因此,大家都会指纹解锁的UI图标非常有印象了.那么,今天我们就来学习一下使用photoshop制作指纹解锁UI图标的方法,在本教程中,小编将配合图片与文字解说为大家完成呈现photoshop制作指纹解锁的UI图标的全部步骤,赶紧学起来吧! 分类: PS入门教程 ps图标制作教程

PS教程:制作金属边框的蓝色透明按钮

PS教程:制作金属边框的蓝色透明按钮,制作的时候只要画好相应的图层,加上图层样式效果就出来了. 本教程的按钮构成部分不多,总共为两大部分,金属外框和蓝色玻璃部分.制作的时候只要画好相应的图层,加上图层样式效果就出来了.制作过程比较简单. 最终效果 1.将背景色填充为黑色.前景色设为 #0090ff ,用"形状工具"在画布中央画一个圆. 2.对这个圆应用下面的图层属性: 3.最终,你得到这样的效果: 4.用"矩形"工具,画出下面的形状,确保矩形之间的间距是一样的: 5

PS教程:制作环绕地球的3D文字

Photoshop制作环绕地球的3D文字,图文教程. 最终效果 地球素材     1.打开素材,使用椭圆选区工具按住shift绘制正圆选区     2.转到路径面板,将选区变为工作路径     3.选择文字工具,在路径上输入文字     4.ctrl+T,按住ctrl+alt,鼠标拖动左上角的定位点进行透视变换     5.ctrl+R打开标尺,从上侧和左侧标尺拖出辅助线(辅助线紧靠地球的边缘)     6.使用椭圆选区工具,按住shift自辅助线交叉点处绘制地球的圆形选区     7.在文字图

PS教程:制作个性的彩色字

Photoshop制作个性的彩色抽丝字效果,本教程的文字都是用自做的图形拼凑而成. 本教程的文字都是用自做的图形拼凑而成.制作的时候先做好一些纹理图形.没有的话可以找相关的素材,然后通过简单的剪切和拼凑来做出字体效果. 最终效果 1.新建一个800 * 800 像素的文件,背景填充黑色,新建一个图层,选择渐变工具,再选择彩虹渐变,拉出下图所示的线性渐变. <图1> 2.对渐变层执行:滤镜 > 扭曲 > 波浪,参数设置如图2,效果如图3. <图2> <图3>

PhotoShop制作圣诞iphone icon图标教程

借着圣诞节到来,这次用photoshop制一个简单的圣诞iphone icon,整个过程利用photoshop的矢量功能结合位图功能完成(什么?别告诉我你不知道photoshop矢量 的强大!),这篇文章很简单,对!是文章不是教程(不敢说是教程),主要是介绍photoshop中矢量在icon的应用和一些小细节(细节决定成败这是错不了的). 当然高手看一眼最终效果就知道如何制作了,好吧,这是写给高手娱乐的-- 废话不多说,这是最终效果 用圆角矩形工具画出长宽为512px,R值为92px的标准iph

PhotoShop制作立体游戏应用图标设计教程

应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我们就可以先动手画几个"模拟"图标,