• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >photoshop > Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

作者:projava 字体:[增加 减小] 来源:互联网 时间:2017-05-22

projava 向大家分享了Photoshop设计制作黑色科技感旋转按钮图标,其中包含photoshop按钮制作,photoshop按钮,photoshop水晶按钮,photoshop 动作按钮,photoshop怎么做按钮等知识点,遇到此问题的同学们可以参考下
制作按钮之前需要把构造分析透彻;然后由底层开始用形状工具画出想要的图形,稍微复杂一点的可以用通过多个形状合并或减去得到;然后用图层样式给图形添加颜色和质感等即可。
最终效果

Photoshop设计制作黑色科技感旋转按钮图标


1、新建一个1000*1000,72分辨率的新画布。

Photoshop设计制作黑色科技感旋转按钮图标

2、新建一层,填充34%的灰色。

Photoshop设计制作黑色科技感旋转按钮图标
 3、在当前这个层上右键选择“转换为智能对象”,你也可以在“图层”菜单里选择这个命令。

Photoshop设计制作黑色科技感旋转按钮图标

4、添加杂色。

Photoshop设计制作黑色科技感旋转按钮图标

5、再高斯模糊一点。

Photoshop设计制作黑色科技感旋转按钮图标

6、现在看上去跟原图的背景差不多了。这里我插一句,之所以我把这个背景层转成智能对象后再添加滤镜的好处是,万一你觉得哪里不合适的话可以很方便的修改,比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值,不需要重新来过。

Photoshop设计制作黑色科技感旋转按钮图标
 7、布置两条居中的参考线,以参考线的交叉点为中心画一个直径为723像素的椭圆形状。

Photoshop设计制作黑色科技感旋转按钮图标

8、在圆形的下面用“合并形状”模式添加一个小圆形。

Photoshop设计制作黑色科技感旋转按钮图标

9、把填充透明度调至0,双击这个层进入图层样式,添加纯黑白的渐变。有同学做出来不是这个效果,可以试试取消勾选反向。

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标
 10、重新画一个直径为468像素的圆形。

Photoshop设计制作黑色科技感旋转按钮图标

11、从“椭圆1”层里选中小的圆形路径,直接CTRL+C复制小圆形。

Photoshop设计制作黑色科技感旋转按钮图标

12、粘贴到“椭圆2”,把路径操作模式改为“减去”。 有同学反映复制过去后交叉部分是黑色的,这是因为在步骤上出了一点问题,粘贴小圆形之前先要激活路径,就是按A点击大圆形。


Photoshop设计制作黑色科技感旋转按钮图标
 13、同样把填充透明度调为0,在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图,你可以左键移动渐变的黑白分布。

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

Photoshop设计制作黑色科技感旋转按钮图标

14、继续把“椭圆3”复制一层,在图层上右键清除图层样式,Ctrl+T把直径改为173像素。

Photoshop设计制作黑色科技感旋转按钮图标
 15、填充透明度调为0,添加渐变,灰色选择42%。

Photoshop设计制作黑色科技感旋转按钮图标 2 下一页 阅读全文</div> </div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Photoshop设计制作黑色科技感旋转按钮图标

相关文章

  • 2017-05-22如何用ps做动态图?教你用PS制作GIF动态闪图
  • 2017-05-22ps简单的制作一个美美的小说封面
  • 2017-05-22用ps怎么在图片上打马赛克?
  • 2017-05-22用PS剪裁出圆形图片
  • 2017-05-22用PS制作一张穿着西装的简历照片
  • 2017-05-22PS制作漂亮的眼影效果
  • 2017-05-22photoshop制作2寸照片方法介绍
  • 2017-05-22PS滤镜功能打造逼真的闪电电击效果
  • 2017-05-22PS中颜色属性及用法经验技巧介绍
  • 2017-05-22Photoshop制作酷炫的冲击粒子3D海报

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Photoshop制作从水底飞腾出来的透明白马
    • PS中两个图片怎么快速排版对齐?
    • PS给没有下雪的图片加上下雪的效果教程
    • ps制作翠绿的竹子效果图
    • ps怎么设置保存类型默认jpeg? ps设置默认保存为jpeg格式的教程
    • 用PS制作逼真的放大镜效果
    • Photoshop设计制作黑色科技感旋转按钮图标
    • Photoshop使用滤镜制作一张效果炫酷的光影海报
    • ps怎么制作卷边效果?
    • Photoshop制作圣诞节主题风格的橘子电商宣传海报

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有