suchen
HeimWeb-FrontendPS-TutorialPhotoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标

Jun 01, 2016 pm 02:34 PM
图标文件夹玻璃

本教程介绍透明图标的制作方法。过程可能不太复杂,不过制作的时候需要非常细心,需要把图标的各个层面的高光部分都渲染出来,做出高透明效果 。 最终效果

Photoshop打造透明效果的玻璃文件夹图标

1、新建一个600 * 300像素的文档,背景拉上下图所示的绿色线性渐变。

Photoshop打造透明效果的玻璃文件夹图标

Photoshop打造透明效果的玻璃文件夹图标
 
2、新建一个图层,命名为“云彩”,进入通道面板,新建一个Alpha通道,执行:滤镜 > 渲染 > 云彩,可以按Ctrl + F 多测试几次,选出自己满意的效果。

Photoshop打造透明效果的玻璃文件夹图标

3、按Ctrl + L 调整色阶,参数及效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
4、执行:选择 > 色彩范围,用吸管工具吸取白色部分,调出选区,再转换到图层面板,填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

5、在云层图层下新建一个图层,命名为蓝色背景,并为其填充蓝色渐变,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
6、按Ctrl + E 合并云彩和背景图层得到云彩图层,使用圆角矩形工具,半径设置为5,拉出选区,按Ctrl + C 复制,按Ctrl + V 粘贴,得到图层1,再新建一个图层,命名为“描边”。

Photoshop打造透明效果的玻璃文件夹图标

7、调出图层1的选区,选择描边图层,执行:编辑 > 描边,设置描边宽带为3像素,颜色为浅蓝色,位置居外,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

8、设置图1的不透明度为50%,并为这层添加图层蒙版,拉出黑白渐变使其过渡自然。

Photoshop打造透明效果的玻璃文件夹图标
 
9、新建一个图层,用钢笔工具勾出路径,并填充白色,设置不透明度为:50%,按住Alt键为其添加剪切蒙版,用同样的方法制作其它高光部分。

Photoshop打造透明效果的玻璃文件夹图标

10、合并所有图层命名为文件夹前,再复制一层命名为文件夹后,按Ctrl + T 对其进行斜切自由变换处理,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

11、用同样的方法去制作其它高光部分,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
12、在文件后上新建一个图层,命名为文件,使用圆角矩形工具,半径设置为5像素,拉出选区,并填充白色,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标

13、使用椭圆选框工具绘制正圆,新建三个空白图层分别命名为红,绿,蓝,并为其填充颜色,设置图层的不透明度为70%,效果如下图。

Photoshop打造透明效果的玻璃文件夹图标
 
14、复制文件夹后得到图层副本,对文件夹后按Ctrl + T 进行扭曲变换处理,再为其添加图层蒙版,处理下细节。

Photoshop打造透明效果的玻璃文件夹图标

最终效果:

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
Die wichtigsten Funktionen von Photoshop: Ein tiefer TauchgangDie wichtigsten Funktionen von Photoshop: Ein tiefer TauchgangApr 19, 2025 am 12:08 AM

Zu den wichtigsten Merkmalen von Photoshop gehören Ebenen und Masken, Anpassungswerkzeuge, Filter und Effekte. 1. Schichten und Masken ermöglichen eine unabhängige Bearbeitung von Bildteilen. 2. Einstellen von Werkzeugen wie Helligkeit/Kontrast können den Bildton und die Helligkeit verändern. 3. Filter und Effekte können schnell visuelle Effekte hinzufügen. Das Beherrschen dieser Funktionen kann kreative Fachleute helfen, ihre kreative Vision zu erreichen.

Photoshop und digitale Kunst: Malerei, Illustration und KompositingPhotoshop und digitale Kunst: Malerei, Illustration und KompositingApr 18, 2025 am 12:01 AM

Zu den Anwendungen von Photoshop in digitaler Kunst gehören Malerei, Illustration und Bildsynthese. 1) Malerei: Mit Pinsel, Stiften und Mischwerkzeugen kann der Künstler realistische Effekte erzielen. 2) Abbildung: Mit Vektor- und Formwerkzeugen können Künstler komplexe Grafiken genau zeichnen und Effekte hinzufügen. 3) Synthese: Mit dem Masken- und Schichtmischmodus können Künstler verschiedene Bildelemente nahtlos mischen.

Advanced Photoshop Tutorial: Master -Retusche & CompositingAdvanced Photoshop Tutorial: Master -Retusche & CompositingApr 17, 2025 am 12:10 AM

Zu den erweiterten Photoshop -Technologien von Photoshop Photo Bearbeitung und Synthese gehören: 1. Verwenden Sie Schichten, Masken und Anpassungsschichten für grundlegende Operationen; 2. Verwenden Sie Bildpixelwerte, um Photo -Bearbeitungseffekte zu erzielen. 3.. Verwenden Sie mehrere Schichten und Masken für die komplexe Synthese; 4. Verwenden Sie "Verflüssigungswerkzeuge", um die Gesichtsmerkmale anzupassen. 5. Verwenden Sie die "Frequency Separation" -Technologie, um eine delikate Fotobearbeitung durchzuführen. Diese Technologien können die Bildverarbeitungsstufe verbessern und Effekte auf professioneller Ebene erzielen.

Verwenden Sie Photoshop für Grafikdesign: Branding und mehrVerwenden Sie Photoshop für Grafikdesign: Branding und mehrApr 16, 2025 am 12:02 AM

Zu den Schritten zur Verwendung von Photoshop für das Markendesign gehören: 1. Verwenden Sie das Stift -Tool, um grundlegende Formen zu zeichnen, 2. Schatten und Hervorhebungen durch Ebenenstile hinzuzufügen. Anpassen Sie die Farben und Details an. Photoshop hilft Designern, Markenelemente mit der Flexibilität von Ebenen und Masken zu erstellen und zu optimieren und die Konsistenz und Professionalität von Designs zu gewährleisten, von einfachen Logos bis hin zu komplexen Branding -Leitfäden.

Das Abonnementmodell von Photoshop: Was Sie für Ihr Geld erhaltenDas Abonnementmodell von Photoshop: Was Sie für Ihr Geld erhaltenApr 15, 2025 am 12:17 AM

Das Abonnementmodell von Photoshop lohnt sich zu kaufen. 1) Benutzer können jederzeit auf die neueste Version zugreifen und über Geräte hinweg verwenden. 2) Die Abonnementgebühr ist niedrig, und es werden kontinuierliche Aktualisierungen und technische Unterstützung bereitgestellt. 3) Fortgeschrittene Funktionen wie neuronale Filter können für die komplexe Bildverarbeitung verwendet werden. Trotz der hohen langfristigen Kosten sind die Bequemlichkeits- und Feature-Updates für professionelle Benutzer wertvoll.

Photoshop: Untersuchung kostenloser Versuche und RabattoptionenPhotoshop: Untersuchung kostenloser Versuche und RabattoptionenApr 14, 2025 am 12:06 AM

Sie können den Zugriff auf Photoshop auf die wirtschaftlichste Weise erhalten: 1. Erleben Sie die Softwarefunktionen mit einer 7-tägigen kostenlosen Testversion; 2. Finden Sie Rabatte für Schüler oder Lehrer sowie saisonale Aktionen; 3. Verwenden Sie Gutscheine auf Websites von Drittanbietern. V.

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.

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ße Werkzeuge

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.

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)