超人标志图标PS设计教程

  经验版权:rainxieyu 翻译


  超人之钢铁之躯上映,特效很棒。我记得起初看超人电影时还是小孩子,让我想起很多美好的回忆。所以在本教程中我们将使用Illustrator和Photoshop制作超人标志。整个制作过程一般需要3- 5小时,话不多说了,让我们开始吧。

  Step1

  我们先在Illustrator画出基本形,用钢笔工具(P) 开始创建标志外框。


  Step2

  使用钢笔工具(P) 开始创建S标志(可以参考真正的标志)。


  Step3

  如果你细心观察会发现标志的中心有几条细钢丝,使用钢笔工具大概绘制出来。这里不必太细致,因为我们后期还需Photoshop做调整。


  Step4

  效果>3D>凸出和斜角 。自定旋转:-4º、0º、0º、120º。改变凸出厚度35pt。具体设置可参考下图:


  Step5

  对象>扩展外观 。分解图形,然后改变颜色为灰色。窗口>路径查找器 。合并形状。


  Step6

  现在我们到Photoshop中创建一个新的文档。我使用2880px*1800px。背景使用白至黑径向渐变。


  Step7

  复制对象粘贴(智能对象)到Photoshop中。请把基本形分为一层,3D凸出部分为一层,在加上黄色部分的细节。


  Step 8

  选择黄色图层>图层样式。选择斜面浮雕 ,具体设置可参考下图。


  Step 9

  选择内发光 ,具体设置可参考下图。


  Step10

  最后我们还可以设置阴影 ,具体设置可参考下图。


  Step 11

  下图为图层样式的效果。


  Step 12

  选择现在效果为白边图层>图层蒙版,在用黑色柔软画笔(B )隐藏部分细节(下图1、2、3区域)。

  

 

  )隐藏部分细节(下图1、2、3区域)。


  Step13

  现在可使用钢笔工具(P)勾出黑色部分,然后图层蒙版,在用黑色柔软画笔(B)隐藏部分细节。


  Step14

  在红色标志图层上新建一层,使用黑色柔软画笔(B)增强标志明暗对比。ctrl+G图层编成组(按ctrl+点击红色标志缩览图)加上图层蒙版,只显示标志部分。


  Step 15

  选择红色标志图层>图层样式。首先选择斜面浮雕,具体设置可参考下图。


  Step 16

  选择等高线,使用默认值。


  Step17

  选择内阴影,这里的内阴影主要是提高亮光。


  Step18

  现在添加渐变叠加,使用径向渐变来达到更好的光照效果。


  Step19

  你可以根据自己所做的来调整图层明暗关系,最终效果可以参考下图。


  Step20

  现在开始添加一些纹理。选择3D凸出图层>图层样式>颜色叠加(黄颜色)。导入金属纹理素材,ctrl+G图层编成组(按ctrl+点击3D凸出缩览图)加上图层蒙版,只显示3D凸出标志部分。混合模式改为正片叠底。


  Step21

  新建一层,使用不透明度为30%白色柔软画笔(B)绘制高光部分。ctrl+G图层编成组(按ctrl+点击3D凸出缩览图)加上图层蒙版,只显示标志部分。混合模式改为颜色减淡。


  Step 22

  在新建一层,使用黑色柔软画笔(B)绘制暗部(根据实际情况改变画笔不透明度)。在ctrl+G图层编成组(按ctrl+点击3D凸出缩览图)加上图层蒙版,只显示标志部分,混合模式改为线性加深。在转折(1、2、3、4)区域可用套索工具(L)来创建完美的过渡。


  Step23

  接下来制作小阴影,复制3D凸出层和红色标志层,合并后填充黑色,滤镜>模糊>高斯模糊。使用10像素半径,改变混合模式为正片叠底不透明度为80%。


  Step24

  接下来添加背景纹理,导入金属背景素材,混合模式改为柔光。


  Step 25

  接下来添加标志纹理,复制金属背景纹理层,移动到最顶图层上。添加图层蒙版,只显示超人标志纹理。


  Step26

  加强质感。金属素材放到顶部使用混合模式为柔光不透明度为70%。


  Step27

  添加最后的金属纹理,用混合模式为柔光。


  Step 28

  Ctrl+Shift+Alt+E盖印可见图层,混合模式改为叠加不透明度为40%。在新建一层,使用白色柔软画笔(B)绘制光照亮点,Ctrl+G图层编成组混合模式改为线性减淡不透明度为80%。到这里制作完成了,让我们看看效果吧。由于尺寸太多源文件传不上来,所以我缩小了一点上传。


分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-09-20 05:47:59

超人标志图标PS设计教程的相关文章

PS设计教程之制作WordPress新闻博客模板

通常在第一次制作新闻博客模板,很难把握方向.这篇教程将为你提供如何在Adobe Photoshop中制作WordPress新闻博客主题的参考.该主题包括页眉区,图片轮换区域(包含特色文章,最近消息,按照分类显示,侧边栏,widget).如果你是初学者,跟着本教程一步一步来就可以.如果你有一定基础,亦可从本教程中获得新的收获. 点击图片,进行全屏预览. 本教程需用到的资源 · Search · 社交图标 第1步:创建文档 在PS中创建一个1200像素 x 1700像素的文档 标尺工具在本教程中非常

PS印章设计教程

在photoshop中可以制作各式各样的印章,其中书法家.书画家就经常会给自己刻制一些印章,然后在作品上盖个章,其往往会有较好的视觉效果,本实例"PS设计教程-印章设计"将教大家进行简单的印章设计. photoshop教程效果图 1.打开photoshop,新建一个500*300的空白文档,如下图所示: 2.将字体选择为"中國龍瑩篆體",如下图所示: 3.分四个文字图层分别打出"陶园居士"四个字,这样比较好调节字的位置,这种字体有些字是打不出来的

photoshop皮包主题UI图标设计教程

给各位photoshop软件的使用者们来详细的说一下皮包主题UI图标的设计教程. 教程分享: 最终效果:   下面,教程开始! 在正式做图标之前,需要先自定义一个图案. 首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后[滤镜]-[杂色]-[添加杂色],给图层添加7%的杂色.完成之后,[编辑]-[自定义图案]添加一个图案,命名为[磨砂纹理]   准备工作做好了,开始画皮包. 新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变.   建一个5

PS设计绿色网站Logo标志教程

本ps教程学习如何用photoshop制作绿色风格的博客常用图标,主要用到了加深减淡工具.图层样式,先看效果图.   新建文档500x500像素,背景白色,建新层,用钢笔画出下图路径,填充#97d623. 用加深减淡工具涂抹,得到类似下图效果. 新建图层,画一正圆选区,填充#e6e3dc,然后加暗. 添加图层样式. 效果如下. 新建图层,画下图形状,颜色#94d718. 添加图层样式. 效果如下. 下面制作高光,新建图层4,调出符号选区,填充白色,图层不透明度50%. 用直线套索减选删除,效果如

PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计

作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的,全英文的.本人尝试翻译这些优秀的教程.因为翻译能力有限,翻译的细节上还有待推敲,希望广大网友不吝赐教. 约定: 1.本文的软件是Photoshop CS5版本 2.原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图 3.原文中有些操作没有给出参数.本人在反复测试的情况下测定了一些参数,以红色的

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

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

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

  · 软件: Photoshop · 耗时 3-4 小时 · 技巧: 图层样式.图层蒙版.光效.阴影效果 本文将简略的陈述这款图标的设计思路,如何让图标显得栩栩如生,大家在放假的时候,来杯咖啡,慢慢的按照作者步骤来一发吧,难度有的,主要是掌握思路哦!~~~ 步骤01 首先用草图勾勒出大体理念.这里我画出了黑胶,然后添加了按钮.唱针等元素.为了让草图看起来更有立体感(而不使用透视法),因此,我添加了圆角矩形,让图标看起来像是打开的盒子一般. 步骤02 扫描草图,导入到PS中.选择渐变工具,填充背

PS设计皮革质感文件夹图标

  PS设计皮革质感文件夹图标 分类: PS鼠绘教程 ps图标制作教程

优秀的Photoshop图标设计教程

现在大部分网站都融入了图标,图标逐渐成为网站里重要的一部分.适当地使用图标能帮助实现一个在客户看来非常专业的网站.尽管从网上可以下载到免费 的图标或者也可以购买通用的图标,但是学会了图标设计的技术无疑能够带来很多益处.这里就有国外20个优秀的Photoshop图标设计教程,希望对你有 所帮助. How To Design a Realistic Takeout Coffee Icon Tutorial Link For How To Design a Realistic Takeout Coff