手机版
手机扫一扫打开网站

扫一扫打开手机网站

公众号
微信扫一扫关注我们

微信扫一扫关注我们

帖子详情

相关文章推荐
  • 【远程兼职】今天仅需40人,男女不限!
  • 请问一下有没有摄像师有南充嘉舟丽港的航拍素材,有报酬
  • 本科学历可报!图文数据标注,月入4-6千!在校大学生线上可做~
  • 招募授课老师 每周只需授课3.5天保底年薪12w-18w,周末住宿打车报销~
  • 80-200元/时,n次方教育招募精品课堂授课教师,保底年薪12w-18w,有打车费用报销,周末上课酒店住宿全包!
  • wx视频号 发视频、发图文
  • 杭州晟纬文化艺术工作室
  • 擁有多年經驗!!因車禍腳傷而轉職接案
  • 招募发型模特

    招募发型模特

    2024-06-29
  • 设计兼职 工资周结,100-300元/单提成!
  • 市桥街有现场招聘会
  • 需要一名女演员
  • 【设计兼职】工资周结,100-300元/单提成!
  • 北京互勉拍摄中式证件照➕美式证件照
  • 线上兼职,内容发布简单,每天10到20分钟,可月入500+
  • 修改错字,日结
  • 你好我们机构是教育局属下的正规教育机构。现正在招能长期的兼。职助教老师24年2月20日∽24年7月中小学生放假止。
  • 个人自由设计师,可约稿
  • 超简单两个兼职,手机也可操作!
  • 全国收  拍摄地:杭州或者广州
  • 北京跟组

    北京跟组

    2024-01-21
  • 招募线上分销代理,时间地点不限,自己利用空闲时间赚零花钱!!
  • 广州8号替身fitting
  • 有类似这种感觉的演员私我发资料
  • 悬疑片招募演员
  • 【线上兼职】英语作文老师招募!120-250元/千单词,长期招募!
  • 找人做这种图

    找人做这种图

    2023-12-12
  • 《沧海扬帆》中国首部说唱舞台剧,还有大量角色未定,欢迎各位老师踊跃报名
  • 成都市冠卓品牌设计责任有限公司简介
  • 苹果图标制作深度解析 [PS]

    苹果图标制作深度解析 [PS]

    

    黯影 超级版主

    影值: -106 银子: -37

    2020-11-18 09:04:23 | 显示全部 返回 收藏收藏

    苹果图标制作深度解析-1.png
       形状好比人的骨架,骨骼精奇才能练就上乘的武功。

    同样,我还要再将画形状也分成三个部分来讲。

    扳手部分:

    在工具箱中选择椭圆工具,按住Shift键绘制出一个正圆形

    苹果图标制作深度解析-2.png

    在工具箱中选择圆角矩形工具,按下鼠标后向右下方拖曳,直至矩形的形状大小与圆形比例适合,按下键盘上的↑↓键,调整圆角的大小,调整完成后,释放鼠标键。

    苹果图标制作深度解析-3.png

    使用选择工具将两个形状都选中,单击对齐调板中的垂直居中按钮,使得圆角矩形与圆形对齐。

    苹果图标制作深度解析-4.png

    再按下路径查找器中的与形状区域相加按钮。

    苹果图标制作深度解析-5.png

    单击路径查找器中的扩展按钮。此时两个简单的形状就组合成了一个复杂的形状。

    苹果图标制作深度解析-6.png

    使用多边形工具绘制一个8边形,按下鼠标后向右下方拖曳,按下键盘上的↑↓键,调整多边形边的数量,调整完成后,按住Shift键,拖曳至的形状大小与圆形比例适合,释放鼠标键。

    苹果图标制作深度解析-7.png

    使用对齐调板对齐这两个形状

    苹果图标制作深度解析-8.png

    使用直接选择工具,按住Shift键,将8边形上的四个锚点选中

    苹果图标制作深度解析-9.png

    按住Shift键,将这四个锚点向左拖曳

    苹果图标制作深度解析-10.png

    使用选择工具将两个形状同时选中,按下路径查找器中的与形状区域相减按钮。

    苹果图标制作深度解析-11.png

    单击路径查找器中的扩展按钮。此时扳手的形状就大体的出现了。

    苹果图标制作深度解析-12.png

    为了使得扳手更加逼真,这里使用直接选择工具将扳手形状最右端的两个端点选中。

    苹果图标制作深度解析-13.png

    按住Shift键稍稍向右移动。

    苹果图标制作深度解析-14.png

    至此,扳手的形状就创建完成。记得存储一下我们的劳动成果。

    苹果图标制作深度解析-15.png

       螺丝刀部分:

    使用多边形工具,绘制出一个6边形,在绘制过程中按住Shift键,可以使6边形水平放置,这会对以后对齐它有很大的帮助。

    苹果图标制作深度解析-16.png

    使用旋转工具来旋转这个形状,同样为了对齐6边形的边,在旋转的过程中始终是按住Shift键的。

    苹果图标制作深度解析-17.png

    使用直接选择工具选择右端的两个锚点。

    苹果图标制作深度解析-18.png

    按住Shift键向右拖曳。

    苹果图标制作深度解析-19.png

    释放鼠标后,螺丝刀的刀头形状就大体出现了。

    苹果图标制作深度解析-20.png

    使用圆角矩形工具,从左至右拖曳出一个圆角矩形,不要释放鼠标。

    苹果图标制作深度解析-21.png

    由于上一个步骤绘制扳手的时候,调整了圆角矩形的圆角大小,这里还是需要使用按下键盘上的↑↓键来调整圆角的弧度后,再释放鼠标键。

    苹果图标制作深度解析-22.png

    以上一个圆角矩形的左侧边为起点,绘制出第二个圆角矩形,此时的圆角矩形的大小约是前面一个圆角矩形的宽2倍,高1/3。

    苹果图标制作深度解析-23.png

    确认大小合适后,释放鼠标。

    苹果图标制作深度解析-24.png

    使用选择工具,将三个形状一起选中,按下对齐调板中的垂直居中对齐按钮。

    苹果图标制作深度解析-25.png

    使用选择工具,将螺丝刀的刀头选中,将光标移至右上角的位置上,光标形状变为如图所示形状后

    苹果图标制作深度解析-26.png

    按住Shift键,将刀头进行缩放。最左侧边的宽度略小于刀竿的宽度即可。

    苹果图标制作深度解析-27.png

    使用选择工具,调整螺丝刀把手的大小。

    苹果图标制作深度解析-28.png

    将刀竿与刀头的形砖选中,执行路径查找器中的与形状区域相加按钮。

    苹果图标制作深度解析-29.png

    单击扩展按钮。

    苹果图标制作深度解析-30.png

    此时,完成了螺丝刀的形砖制作,记得存储一下我们的劳动成果。

    苹果图标制作深度解析-31.png
       圆标部分:

    是用椭圆工具,按住Shift键,绘制出一个正圆。

    苹果图标制作深度解析-32.png

    使用矩形工具,绘制出一个矩形,矩形的比例大致为 长:宽= 3:1

    苹果图标制作深度解析-33.png

    双击旋转工具,弹出旋转对话框,在对话框中输入90,按下复制按钮

    苹果图标制作深度解析-34.png

    使用选择工具,将两个矩形选中,单击路径查找器中的与形状区域相加按钮。

    苹果图标制作深度解析-35.png

    单击扩展按钮。

    苹果图标制作深度解析-36.png

    使用选择工具,将两个形状都选中,并按下对齐调板中的垂直居中对齐与水平居中对齐按钮各一次。

    苹果图标制作深度解析-37.png

    使用选择工具,选择圆的形状,双击工具箱中缩放工具的按钮,设定缩放比例为95,然后单击复制按钮。

    苹果图标制作深度解析-38.png

    得到一个较小的圆

    苹果图标制作深度解析-39.png

    使用直接选择工具,将最低端的锚点选中。

    苹果图标制作深度解析-40.png

    向上拖曳

    苹果图标制作深度解析-41.png

    改变圆形的形状。

    苹果图标制作深度解析-42.png

    使用选择工具,将光标移至图形的中下方,光标形砖变成如图所示

    苹果图标制作深度解析-43.png

    按下鼠标,将形状的一边向上拖曳

    苹果图标制作深度解析-44.png

    使用选择工具,将光标移至图形的右中侧,光标形砖变成如图所示

    苹果图标制作深度解析-45.png

    按下Alt键,向中间位置拖曳鼠标

    苹果图标制作深度解析-46.png

    至此,圆标的部分也绘制完成。保存一下我们的劳动成果。

    苹果图标制作深度解析-47.png
    苹果图标制作深度解析-48.png
       将扳手的形状选中,执行对象>路径>偏移路径命令,弹出偏移路径对话框,输入数值-0.4。
    (注:-0.4的数值只是根据形状大小而来,偏移路径命令只能计算绝对数值,而不能计算相对数值,希望能在CS3的版本中能够有所更新,所以大家在使用该命令的时候,要尝试大小合适才行。)

    苹果图标制作深度解析-49.png

    单击好按钮,得到一个与外轮廓相似的形状。

    苹果图标制作深度解析-50.png


    将两个形状选中,使用美工刀工具将图形在图形的扳手头尾部割下一条轨迹,注意不要割到扳手头。

    苹果图标制作深度解析-51.png

    此形状将分为两截。可在图层调板中暂时将上面较小的形状关闭显示。

    苹果图标制作深度解析-52.png

    将两个外轮廓同时选中,单击工具箱底部的渐变按钮

    苹果图标制作深度解析-53.png

    使用渐变工具从上往下拖曳,在拖曳的同时注意渐变的变化

    苹果图标制作深度解析-54.png

    在渐变调板中,将左端的滑块相中心位置移动

    苹果图标制作深度解析-55.png

    并在颜色调板中取一个深灰色

    苹果图标制作深度解析-56.png

    单击渐变调板最左端的空白处,会自动添加一个渐变滑块

    苹果图标制作深度解析-57.png

    并改变该滑块的颜色为浅灰色。

    苹果图标制作深度解析-58.png

    此时可以再使用渐变工具更改渐变的方向和位置

    苹果图标制作深度解析-59.png

    在图层调板中将隐藏的形状再次显示,并选中扳手头部分

    苹果图标制作深度解析-60.png

    应用刚才创建的渐变,只是做渐变方向的改变而已

      
    苹果图标制作深度解析-61.png

    同样,手柄部分也是渐变的方向改变

    苹果图标制作深度解析-62.png

    看看整体效果

    苹果图标制作深度解析-63.png

    选中扳手头内部的形状,执行对象>路径>偏移路径命令,同样位移的数值适合即可

    苹果图标制作深度解析-64.png

    将得到形状填充为白色

    苹果图标制作深度解析-65.png

    用美工刀工具进行切割,注意切割的起点和终点,还必须保持一定的平滑度。

    苹果图标制作深度解析-66.png

    切割后的结果,如不满意,可以按下Ctrl+Z返回上一步骤,重新切割。

    苹果图标制作深度解析-67.png

    使用直接选择工具,选择上半部分,并按DEL键删除

    苹果图标制作深度解析-68.png

    使用矩形工具绘制一矩形

    苹果图标制作深度解析-69.png

    填充由上至下的渐变,此渐变为黑色到白色

    苹果图标制作深度解析-70.png

    可以利用图层调板,按住Shift键将图中所示的两个形状选中。

    苹果图标制作深度解析-71.png

    在透明度调板中执行建立不透明蒙版命令

    苹果图标制作深度解析-72.png

    得到半透明的渐隐效果

    苹果图标制作深度解析-73.png

    至此,扳手的部分立体化就完成了,我们可以将其全选,并执行Ctrl+ G命令。
      
    苹果图标制作深度解析-74.png

    将螺丝刀图形的手柄部分填充渐变如下所示,上面的讲解中已经详细讲解了渐变的创建,这里就不再累述。

    苹果图标制作深度解析-75.png

    使用渐变工具来改变渐变的方向



    选中刀杆的图形,使用美工刀工具一分为二

    苹果图标制作深度解析-77.png

    左半部分填充渐变如图所示

    苹果图标制作深度解析-78.png

    右半部分填充渐变如图所示

    苹果图标制作深度解析-79.png

    并执行对象>路径>偏移路径命令,得到的新形状填充为灰色

    苹果图标制作深度解析-80.png

    再次执行对象>路径>偏移路径命令,得到的新形状填充如图所示渐变

    苹果图标制作深度解析-81.png

    选中这两个路径偏移得到的形状,按住Alt键,并移动它

    苹果图标制作深度解析-82.png

    复制得到相同的两个形状

    苹果图标制作深度解析-83.png

    执行路径查找器中的从形状区域中减去按钮,并按下扩展按钮

    苹果图标制作深度解析-84.png

    使用美工刀进行切割

    苹果图标制作深度解析-85.png

    将下半部分删除,上半部分改填色为白色,并使用选择工具将其位移到如图所示位置

    苹果图标制作深度解析-86.png

    至此,螺丝刀的部分立体化就完成了,我们可以将其全选,并执行Ctrl+ G命令。
      
    苹果图标制作深度解析-87.png

    打开图标的部分

    苹果图标制作深度解析-88.png

    创建两个绿色的辨别,注意这两个绿色尽量颜色相近。

    苹果图标制作深度解析-89.png

    选择圆形,并创建渐变如图所示

    苹果图标制作深度解析-90.png

    更改渐变的类型

    苹果图标制作深度解析-91.png

    将上方菱形的渐变滑块进行向右移动

    苹果图标制作深度解析-92.png

    使用选择工具选择图中豌豆的形状,单击右键,在弹出的关联菜单中选择排列>置于顶层


    苹果图标制作深度解析-93.png

    将其填充成白色

    苹果图标制作深度解析-94.png

    绘制矩形,大于豌豆的形状,并应用渐变如图所示

    苹果图标制作深度解析-95.png

    选择矩形渐变和豌豆的形状,执行透明度调板中的建立不透明蒙版命令

    苹果图标制作深度解析-96.png

    得到结果如图所示

    苹果图标制作深度解析-97.png

    至此,螺丝刀的部分立体化就完成了,我们可以将其全选,并执行Ctrl+ G命令。

    苹果图标制作深度解析-98.png

    我们可以再次存储文件,下一节我们将讲解形状的组合以及形状的管理部分。
    苹果图标制作深度解析-99.png



    继续上一讲,我们将组件都完成后,就可以开始组合这些组件了。

    苹果图标制作深度解析-100.png

    对于初学者来说,养成一个好的习惯是非常重要的,不要觉得你自己是一个设计人,只要能做出好看的东西就可以了,而不需要管这个是怎么做出来的。其实一个好的习惯是举手之劳而已,这会给你以后的设计带来无穷的便利,而不要等到你学有所成的时候,再来意识到这个好习惯会给自己带来的优势,而再想调整过来就很难了。

    在这里,我将每一个组件都用一个图层来进行装载,对每个图层都进行命名,这就是我说的好习惯。

    苹果图标制作深度解析-101.png

    将螺丝刀的图层选中,使用选择工具将其移至扳手处,并将左端对齐扳手的左端

    苹果图标制作深度解析-102.png

    调整螺丝刀的大小,尽量让螺丝刀稍微大一点点

    苹果图标制作深度解析-103.png

    双击旋转工具,在弹出的对话框中输入数值 -45

    苹果图标制作深度解析-104.png

    单击确定按钮

    苹果图标制作深度解析-105.png

    选中扳手的图层,双击旋转工具,这次旋转的是 45度

    苹果图标制作深度解析-106.png

    按下确定按钮后,使用选择工具来调整其位置

    苹果图标制作深度解析-107.png
       使用选择工具,调整图标的位置

    苹果图标制作深度解析-108.png

    单击选择图层调板中的图标图层,按下鼠标后,向图层调板的上方拖曳,直至顶端

    苹果图标制作深度解析-109.png

    释放鼠标键,图标就以致螺丝刀和扳手的上方

    苹果图标制作深度解析-110.png

    调整这三个形状的位置

    苹果图标制作深度解析-111.png

    基本的组合就完成了,保存一下我们的劳动成果,稍后我们继续。

    苹果图标制作深度解析-112.png

    在图层调板的最上方新建一个图层,并命名为:加深

    苹果图标制作深度解析-113.png
       并将其填色改为如图所示的渐变,渐变的创建在上一节中已经详细讲解过,这里就不再重复了。

    苹果图标制作深度解析-114.png

    在透明度调板中将其改为:颜色加深

    苹果图标制作深度解析-115.png

    使用钢笔工具将其外轮廓大致的选折一遍

    苹果图标制作深度解析-116.png

    同时选中这两个形状

    苹果图标制作深度解析-117.png

    执行对象>剪切蒙版>建立命令

    苹果图标制作深度解析-118.png

    将加深图层移至图标图层的下方

    苹果图标制作深度解析-119.png

    看到了没,这样就可以对靠近图标位置的地方有投影的感觉

    苹果图标制作深度解析-120.png
       使用椭圆工具,按住Shift键绘制一个正圆

    苹果图标制作深度解析-121.png

    将其填色改为渐变。如果还记得上一节中作过的渐变,如果当时我们将其储存到色板调板中,现在就可以直接拿来用了。

    苹果图标制作深度解析-122.png

    按下Shift+Alt键,移动这个圆

    苹果图标制作深度解析-123.png

    就能在45度角的方向上得到一个新的圆

    苹果图标制作深度解析-124.png

    更改其填色为白色

    苹果图标制作深度解析-125.png

    为了更好的操作,我们将图层调板中所有图层都进行锁定,并在最低端的位置新建一个投影图层,使用矩形工具绘制出一个填色为白色的矩形。

    苹果图标制作深度解析-126.png

    使用网格工具单击创建一个网格点,并将网格点改为灰色

    苹果图标制作深度解析-127.png
       整加第二个网格点

    苹果图标制作深度解析-128.png

    在中心位置整加第三个网格点,并将这个点的颜色改为更浅的灰色

    苹果图标制作深度解析-129.png

    使用铅笔工具绘制一个不规则的长条形
    注意绘制快结束时,按下Alt键,将自动闭合路径

    苹果图标制作深度解析-130.png

    使用平滑工具,将这条路径平滑一下

    苹果图标制作深度解析-131.png
       选中这两个形状

    苹果图标制作深度解析-132.png

    执行对象>封套扭曲>用顶层对象建立 命令

    苹果图标制作深度解析-133.png

    这样投影就不规则了,这样看起比较自然

    苹果图标制作深度解析-134.png

    调整一下大小,并调整一下不透明度

    苹果图标制作深度解析-135.png

    大功告成。




    上一篇:Photoshop CC中图像大小工具详解
    下一篇:Photoshop制作多层次折叠纸张文字效果



    灵活就业-技能/资源雇佣平台
    您需要登录后才可以回帖 登录 | 注册

    
    

    主页

    需求大厅

    互动

    技能物语

    教程/投稿

    更多+

    
    发帖
    快速回复 返回顶部 返回列表