PS一个写实风格唱机图标的设计思路

 

  · 软件: Photoshop

  · 耗时 3-4 小时

  · 技巧: 图层样式、图层蒙版、光效、阴影效果

  本文将简略的陈述这款图标的设计思路,如何让图标显得栩栩如生,大家在放假的时候,来杯咖啡,慢慢的按照作者步骤来一发吧,难度有的,主要是掌握思路哦!~~~

  步骤01


  首先用草图勾勒出大体理念。这里我画出了黑胶,然后添加了按钮、唱针等元素。为了让草图看起来更有立体感(而不使用透视法),因此,我添加了圆角矩形,让图标看起来像是打开的盒子一般。

  步骤02


  扫描草图,导入到PS中。选择渐变工具,填充背景从深色到浅色。下一步,花一个512×512的圆角矩形,半径90px。按住Alt,选择形状,创建新图层组,命名为“Icon”,现在为该图层组添加蒙版

  步骤03


  色彩选择非常重要。颜色一定要细腻,黑胶使用了深棕色,按钮使用了亮棕色。

  步骤04


  利用图层样式,我们可以添加很多有趣的效果。黑胶部分添加了线性渐变叠加,混合模式为色彩简单,还加入了一点杂色渐变。复制图层后,改变渐变模式为纯色渐变,这样能增添一种光反射效果。

  步骤05


  现在需要添加一些阴影,可以通过色彩或者线性加深的混合模式。给旋钮以及唱针加入光反射以及投影。

  步骤06


  为了更逼真的阴影效果,在黑胶上方画一个灰色矩形,加入外发光效果,混合模式为线性加深,然后调节不透明度。

  步骤07


  材质也很重要,适度改变材质的饱和度。然后为图层添加蒙版,混合模式为叠加。

  步骤08


  注意工作图层有序排布。

  步骤09


  现在可以对图层样式进行详细修改,直到满意为止。

  步骤10


  创建新图层,至于顶部,加入内发光和光泽。通过光泽效果,让整体图标显示同一种色调。

分类:

  • PS鼠绘教程
  • ps图标制作教程
时间: 2025-01-02 02:35:30

PS一个写实风格唱机图标的设计思路的相关文章

PhotoShop绘制一个google风格加号图标教程

ps教程学习如何用PhotoShop制作一个简单的google风格加号图标效果,主要用到自定义形状工具和图层样式制作出来的. 先看效果图: 新建文档1000x1000像素,背景白色,新建图层,画一半径50像素的黑色圆角矩形. 复制此层,大小位置如下,为了醒目我把颜色改为白色. 添加描边样式. 填充归零,效果如下. 分类: PS鼠绘教程 ps图标制作教程

PS制作一个豹纹风格ICON图标

今天为大家介绍一篇关于ICON图标的制作教程.这方面的PS教程不是很多,其实非常简单,这篇教程的重点在于为图标添加一层豹纹的效果和如何处理毛边缘的技巧.下面我们开始学习吧. 最终效果 用铅笔工具画一个文件夹的轮廓. 用钢笔描边. 调整后得到如下两图. 分类: PS入门教程 ps图标制作教程

开发一个自动判别系统~~请指导设计思路

问题描述 课程设计要我设计一个识别产品是否符合合同要求的判定程序我想用这个程序的实现的思路应该是是什么样的~~能否给个大概思路~~,我需要思路~~谢谢~ 解决方案 解决方案二:......穿越去未来世界,买个"超智能机器人"回来.然后看看它是否能做到.如果它做不到,那就再去穿越到更更更未来的世界......呵呵,开玩笑了.话说,就你说这么几句,那真是未来的人工智能也不知道能不能解决的.描述详细一点:合同如何要求的,那些产品数据如何获取,判定逻辑是什么样子的.

关于 留言板的一些设计思路

问题描述 关于 留言板的一些设计思路 先要弄一个咨询留言板,类似于百度贴吧那样能一个楼层回复好多次的设计思路.求 大神不吝赐教 解决方案 如果你是web项目的话,可以运用数据库,每次留言时,你要根据用户是否登录,登陆的数据库里存用户姓名,未登录的存留言内容,然后再留言板那块儿把数据库里的内容调出来,同时对用户名进行判断,有的用原来姓名,没有的用匿名.(数据库设计的比较重要,里面的关系要准确,不然会混乱) 解决方案二: 展现的时候采用深度优先算法.递归所有回复.

用PS设计一枚IOS 7风格日记图标

  扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧.今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯.好嘞,教程开始! 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯. Part 1 :打好地基 Cttrl + N 创建画布,大小为1024px * 1024px , 填充背景色为#fcf2da. 然后 → 编辑 → 首选项 → 参考线.网格和切片,设置如下: 武器已准备,接下来踏上征程吧! 先创建一个圆

photoshop设计一个扁平化风格彩虹图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个扁平化风格彩虹图标的制作教程. 教程分享:   先来一个彩虹吧 毕竟你我都是祖国的花骨朵 是吧 我们先创建一个600×600的画布 快捷键Ctrl+N   酱婶的 然后 重点来啦重点来啦 我们调出标尺 快捷键Ctrl+R 找到画布横竖的中心点   <点图片看大图>www.16xx8.com 我 不想 写了 好累啊 好吧 还是继续吧 先创建一个新图层   然后 用椭圆工具 或者 快捷键U 来画一个 410×410px的圈 记住 刚

Fireworks牛仔布料风格矢量图标设计教程

  大家好,大家应该都知道cooolfire设计的牛仔布料风格的图标吧,很帅气,但是他是用PS设计的,可是我一直用的是FW,所以我想使用FW的朋友们一定要知道用FW怎样做出来吧,所以抽了个中午时间做下了分享一下,第一次做教程,不是很细,丢鸡蛋的话,我先我买把档蛋伞档下,千万别丢石子,疼啊!! (FW,PNG源文件已经上传,下载后用FW8.0打开即可)或者存为PSD或AI格式的都行呢

9款关于配色、PS和网站风格的设计工具

  关于配色 1.Colorfavs 网站地址:http://www.colorfavs.com Colorfavs主要用于上传图像并获取图像颜色,它界面设计简洁,可以浏览优秀颜色搭配,有收藏配色方案功能,可以直接拖拽上传图像抓取颜色配色,操作方便简单. 2.UIgradients 网站地址:http://uigradients.com/ UIgradients是专业的渐变色分享网站,里面有近上百种丰富的渐变色彩方案可供选择,设计师可根据自己风格来选择搭配,此外我们还能直接获得对应渐变配色的CS

Illustrator设计矢量风格3D图标绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计矢量风格3D图标的绘制教程. 教程分享:   1.3D文本,选用Illustrator字体工具输入"3D Logo".然后在效果菜单 选择 弯曲 选择 弧度(Effect >Warp > Arc)做如下设置:   2.三维挤压与导角 然后在效果菜单 选择 三维,再选择 挤压与导角( Effect > 3D > Extrude & Bevel )做如图设置.你可以用拖拽立方体的方法来设置X,