suchen
HeimWeb-FrontendPS-Tutorialphotoshop绘制精致金属昆虫头像图标教程

photoshop绘制精致金属昆虫头像图标教程

Jun 01, 2016 pm 02:30 PM
图标头像昆虫金属

看到这个酷酷的小东西了吗?古怪却又精致的要命!如果你想“收养”一只作为宠物的话,那么可别错过这篇文章 看到这个酷酷的小东西了吗?古怪却又精致的要命!如果你想“收养”一只作为宠物的话,那么可别错过这篇文章。
  1、新建一个440×320像素的文档,方便起见,用白色作为背景。新建一个通道,选择椭圆工具,用对象框相加减的方法建立虫虫头部和眼部的大体形状。如果你不太习惯这个方法,那就用路径工具慢慢勾出形状,再转化为选区。最后从它的脸部两旁减去两个小椭圆,作为它的颚部。(图01)

photoshop绘制精致金属昆虫头像图标教程

  2、回到图层面板,在背景层上新建一层,命名为“Head”,载入选区(通道的使命已经完成,现在可以删除它了),将前景色和背景色面板设为默认值,选择径向渐变工具,在编辑渐变对话框中,选择从前景色到背景色,在选区内填充渐变。(图02)

photoshop绘制精致金属昆虫头像图标教程

  3、添加图层效果:投影,不透明度为28%,角度为90,其余按照默认;描边,大小为1像素,位置在外部,不透明度为26%,填充类型为颜色,阴影和描边颜色均为黑色。(图03)

photoshop绘制精致金属昆虫头像图标教程

  4、现在来为虫虫的头部添加光泽,使它更具有金属质感。方法是在Head层上新建一个调整图层,内容为曲线,注意勾选和前一图层编组,调整曲线如下图所示(图04),

photoshop绘制精致金属昆虫头像图标教程

  要根据你的图形来调整曲线,直到它能很好的表现想要的光泽感。接下来调整亮度和对比度,同样用调整图层来实现,新建亮度和对比度调整图层,依然确定和前一图层编组,增加亮度6,对比度11。(图05)

photoshop绘制精致金属昆虫头像图标教程

  这个小东西最吸引人的东西莫过于它那一对大眼睛了,很有趣吧?下面就是制作方法。可要看仔细喽!
  5、新建一层,命名为“Eyes”,在靠近头部的一边,用椭圆工具画一个椭圆,在靠近左边的位置,用刚才的渐变设定来填充椭圆。取消选择,选这移动工具,Shift+Ctrl+Alt拖动渐变椭圆副本到头部的另一侧(Shift可保证平行移动〕,如果不希望你的小宠物是对眼的话,将副本层水平翻转,然后将副本层向下合并,形成的新层依然名为Eyes。(图06)

photoshop绘制精致金属昆虫头像图标教程

  6、调节眼睛的光泽,新建曲线调整图层,调节曲线,使对比更明显。(图07)

photoshop绘制精致金属昆虫头像图标教程

  7、继续修饰眼部,在Eyes层应用以下图层样式:内阴影,不透明度为28%,距离2像素,大小4像素,其余按照默认设定;描边,大小1像素,位置在外部,不透明度为68%,颜色为黑色。(图08)

photoshop绘制精致金属昆虫头像图标教程

  8、下面我们要为虫虫的眼部上色。同样,为了不破化原有图层,我们也用调整图层的方法。在Eyes层上的曲线层上新建一个色相/饱和度调整层,勾选和前一层编组,在色相/饱和度对话框中,点击着色,然后选择色相83,饱和度75,亮度0,这是中很鲜艳的绿色,当然,你也可以用别的颜色。(图 09)

photoshop绘制精致金属昆虫头像图标教程

  9、新建一层,命名为“Highlight eyes”,用椭圆工具选择一个比眼睛稍小的椭圆,选择渐变工具,如图编辑渐变样式(这里的绿色就是我们在上一步所选用的绿色,如果你用了别的颜色,那么在这里也要相应改变)(图10),

photoshop绘制精致金属昆虫头像图标教程

  白色色标的两个颜色中点位置分别为70%,25%,在选区内填充渐变,如图(图11)。

photoshop绘制精致金属昆虫头像图标教程

  将选区向右和向下各移动两个像素,删除选区内图像,取消选择。用加深工具和橡皮工具修饰图像。将图层复制,水平翻转,移动到右眼合适位置,将这两层拼合,将图层混合模式改为“叠加”。(图12)

photoshop绘制精致金属昆虫头像图标教程

  10、下面要进行的是虫虫眼睛部分的图案。正是这种图案,赋予了它神秘感和科技感,我们现在来看看它的做法。
  首先,新建一个文档,5×5像素大小,背景为透明。用黑色作为前景色,选择全部图像,在编辑菜单中选择“描边”命令,描边大小为1像素,位置在内,然后取消选择。用图像大小命令将图像改为3×3像素,将现在的图像定义为图案,命名为“pattern eyes”。
  回到刚才的图像中,在Highlight eyes层上新建一层,命名为“Pattern Eyes”,载入Eyes层的选区,选择油漆桶工具,在填充类型中选择图案,用刚才我们定义的图案来填充选区后,取消选择。如图13的左边。
  现在它的眼睛看起来像个麦克风,我们马上来改善这一状况。将图层的混和模式改为“叠加”,把不透明度降低到40%,这时眼睛部分就完成了。(图13)

photoshop绘制精致金属昆虫头像图标教程

  11、在Eyes层下新建一层,命名为“Eye socket”,载入Eyes层的选区,将选区扩展,扩展量为2像素,将前景/背景色面板恢复成默认值,用线性渐变从上至下填充选区,取消选择。
  新建一层,再次选择Eyes层的选区,填充白色,取消选择后将图层向上移动3像素,用不同透明度的橡皮工具擦除部分,结果如图。(图14)

photoshop绘制精致金属昆虫头像图标教程

  12、新建一层,命名为“cheek”,把它放置到背景层之上,在这一层里,我们要来做虫虫的锷部。先选择Head层选区,进入快速蒙版编辑模式,用白色笔刷将两个月芽状添加到选区,如图(图15),

photoshop绘制精致金属昆虫头像图标教程

  退出快速蒙版,从选区中减去头部的形状,这样,锷部的形状就确定了。当然,你也可以用对象相加减的方法来确定形状。选择两种深灰色分别作为前景、背景色(图16),

photoshop绘制精致金属昆虫头像图标教程

  用线性渐变填充选区(图17)。

photoshop绘制精致金属昆虫头像图标教程

  13、为check层添加图层效果:投影,不透明度17%,距离2像素,大小4像素;内阴影,不透明度17%,其余默认;斜面和浮雕,样式内斜面,方法为平滑,深度1%,方向为下,大小24像素,软化为0,其余按照默认。设定完之后,你会很奇怪为什么效果不想我们预览时那么明显,这是因为 Head层挡住了部分效果。我们载入头部选区,删除check层内的选区图像,这样就可以了。(图18)

photoshop绘制精致金属昆虫头像图标教程

  14、还有一点细节要处理。新建一个1×2像素的文档,上半部分填充黑色,将这个上黑下白的图像定义为图案(图19),

photoshop绘制精致金属昆虫头像图标教程

  载入check层的选区,将选区储存为新通道,用刚才的图案填充通道内的选区,取消选择;在check层上新建一层,载入通道,用黑色填充,用橡皮工具擦除一部分后,将图层不透明度降低到35%。(图20)

photoshop绘制精致金属昆虫头像图标教程

  15、新建一层,命名为“nose”,选择单列选框工具,选择一个1像素宽的矩形,从中选取一段,填充黑色;取消选择,复制此层,用移动工具向右移动一个象素,,再次复制和移动,不过这次填充为白色,合并这三层,将图层不透明度降低到60%。(图21)

photoshop绘制精致金属昆虫头像图标教程

  这样,虫虫的头部就完成了!

Stellungnahme
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Photoshop für Designer: Erstellen visueller KonzeptePhotoshop für Designer: Erstellen visueller KonzepteApr 13, 2025 am 12:09 AM

Das Erstellen von visuellen Konzepten in Photoshop kann in den folgenden Schritten erreicht werden: 1. Erstellen Sie ein neues Dokument, 2. Fügen Sie eine Hintergrundschicht hinzu, 3. Zeichnen Sie das Pinsel -Tool, um grundlegende Formen zu zeichnen. Anpassen Sie Farben und Helligkeit, 5. Text und Grafiken hinzufügen, 6. Verwenden Sie Masken für lokale Bearbeitung.

Ist Photoshop kostenlos? Abonnementpläne verstehenIst Photoshop kostenlos? Abonnementpläne verstehenApr 12, 2025 am 12:11 AM

Photoshop ist nicht kostenlos, aber es gibt verschiedene Möglichkeiten, es zu kostengünstig oder kostenlos zu verwenden: 1. Die kostenlose Testzeit beträgt 7 Tage, und Sie können alle Funktionen in diesem Zeitraum erleben. 2. Rabatte für Schüler und Lehrer können die Kosten um die Hälfte senken, und schulischer Beweis ist erforderlich. 3. Das CreativeCloud -Paket ist für professionelle Benutzer geeignet und enthält eine Vielzahl von Adobe -Tools. 4. Photoshopelements und Lightroom sind kostengünstige Alternativen mit weniger Funktionen, aber niedrigeren Preisen.

Der Wert von Photoshop: Abwägung der Kosten gegen seine FunktionenDer Wert von Photoshop: Abwägung der Kosten gegen seine FunktionenApr 11, 2025 am 12:02 AM

Photoshop ist die Investition wert, da sie leistungsstarke Funktionen und eine breite Palette von Anwendungsszenarien bietet. 1) Zu den Kernfunktionen gehören Bildbearbeitung, Schichtmanagement, Produktion von Spezialeffekten und Farbanpassungen. 2) Geeignet für professionelle Designer und Fotografen, aber Amateure können Alternativen wie GIMP in Betracht ziehen. 3) Abonnieren Sie AdobecreativeCloud können nach Bedarf verwendet werden, um hohe einmalige Ausgaben zu vermeiden.

Der Kernzweck von Photoshop: Kreatives BilddesignDer Kernzweck von Photoshop: Kreatives BilddesignApr 10, 2025 am 09:29 AM

Die Kernverwendung von Photoshop im kreativen Bilddesign ist seine leistungsstarke Funktionalität und Flexibilität. 1) Es ermöglicht Designer, Kreativität in visuelle Realität durch Schichten, Masken und Filter zu verwandeln. 2) Zu den grundlegenden Verwendungen gehören die Anbaus, Größe und Farbkorrektur. 3) Fortgeschrittene Verwendungen wie Ebenenstile, Mischmodi und intelligente Objekte können komplexe Effekte erzielen. 4) Zu den häufigen Fehlern gehören eine unsachgemäße Schichtverwaltung und eine übermäßige Verwendung von Filtern, die durch das Organisieren von Schichten und die Verwendung von Filtern angemessen gelöst werden können. 5) Leistungsoptimierung und Best Practices umfassen die rationale Verwendung von Ebenen, regelmäßiges Speichern von Dateien und die Verwendung von Abkürzungsschlüssel.

Photoshop für Webdesign: Erweiterte Techniken für UI/UXPhotoshop für Webdesign: Erweiterte Techniken für UI/UXApr 08, 2025 am 12:19 AM

Photoshop kann im Webdesign verwendet werden, um Prototypen mit hohem Fidelity, Design-UI-Elemente und Simulation von Benutzerinteraktionen zu erstellen. 1. Verwenden Sie Schichten, Masken und intelligente Objekte für das grundlegende Design. 2. Simulieren Sie die Benutzerinteraktion durch Animations- und Timeline -Funktionen. 3.. Verwenden Sie Skripte, um den Entwurfsprozess zu automatisieren und die Effizienz zu verbessern.

Neulingsartikel: Verwenden Sie die PS -Pinsel, um der Schriftzündung Crackeffekte hinzuzufügen (Share)Neulingsartikel: Verwenden Sie die PS -Pinsel, um der Schriftzündung Crackeffekte hinzuzufügen (Share)Apr 07, 2025 am 06:21 AM

Im vorherigen Artikel "Unterrichten Sie Schritt für Schritt, um Plattenbildern mit PS (Favoriten) Druckeffekte hinzuzufügen, habe ich einen kleinen Trick eingeführt, um PS zu verwenden, um Plattenbilder mit PS zu Druckeffekten zu hindern. In dem folgenden Artikel wird Ihnen vorgestellt, wie Sie die PS -Pinsel verwenden, um der Schriftrisseffekte Risseffekte zu verleihen. Schauen wir uns an, wie es geht.

Photoshop Erweiterte Typografie: Erstellen atemberaubender TexteffektePhotoshop Erweiterte Typografie: Erstellen atemberaubender TexteffekteApr 07, 2025 am 12:15 AM

In Photoshop können Sie Texteffekte über Ebenenstile und Filter erstellen. 1. Erstellen Sie ein neues Dokument und fügen Sie Text hinzu. 2. Tragen Sie Ebenenstile wie Schatten und äußeres Glühen auf. 3. Verwenden Sie Filter wie Welleneffekte und fügen Sie Kegel- und Entlastungseffekte hinzu. 4. Verwenden Sie Masken, um den Effektbereich und die Intensität anzupassen, um die visuelle Auswirkung des Texteffekts zu optimieren.

Wie man Bilder schneidetWie man Bilder schneidetApr 06, 2025 pm 10:27 PM

Durch Schneiden wird der Hintergrundteil im Bild entfernt und das Thema zurückgelassen. Zu den gängigen Ausschnitten gehören: Manuelles Ausschnitt: Verwenden Sie die Bildbearbeitungssoftware, um den Rand des Motivs manuell zu skizzieren. Automatische Ausschnitte: Verwenden Sie Software, um das Thema automatisch zu identifizieren und vom Hintergrund zu trennen. Verwenden Sie Cutout-Tools von Drittanbietern: Verwenden Sie spezielle Tools, um Bilder auszuschneiden. Kanalausschnitt: Verwenden Sie den Kanal des Bildes, um Kanäle mit offensichtlichen Unterschieden von der Subjektfarbe für den Betrieb auszuwählen.

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

MantisBT

MantisBT

Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

SublimeText3 Englische Version

SublimeText3 Englische Version

Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)