Heim Web-Frontend PS-Tutorial Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮

Jun 01, 2016 pm 02:30 PM
导航 按钮 透明

透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。
最终效果

Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮

1、打开下图所示的背景素材,选择菜单:滤镜 > 模糊 > 高斯模糊,数值稍微大一点,效果如下图。

Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮
 
2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选择“合并形状”,勾出底部三角形形状,如下图。

把当前图层填充改为:0%,此时形状的颜色就消失了,但是你会发现形状路径还在。

Photoshop快速制作透明水晶导航按钮

3、给当前形状添加图层样式,设置:内发光、内阴影,投影,参数及效果如下图。

Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮

4、输入想要的文字,文字用白色,再添加投影样式,如下图。

Photoshop快速制作透明水晶导航按钮
 
5、按照下面的过程给顶部边框,边角位置增加高光效果。

Photoshop快速制作透明水晶导航按钮

Photoshop快速制作透明水晶导航按钮

6、这样一个透明的质感就完成了,导航的技法是一样的。

Photoshop快速制作透明水晶导航按钮

最终效果:

Photoshop快速制作透明水晶导航按钮


Erklärung dieser Website
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

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

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

5 Möglichkeiten zum Deaktivieren des Übermittlungsoptimierungsdienstes in Windows 5 Möglichkeiten zum Deaktivieren des Übermittlungsoptimierungsdienstes in Windows May 17, 2023 am 09:31 AM

Es gibt viele Gründe, warum Sie den Übermittlungsoptimierungsdienst auf Ihrem Windows-Computer deaktivieren möchten. Unsere Leser beschweren sich jedoch darüber, dass sie die richtigen Schritte nicht kennen. In dieser Anleitung wird erläutert, wie Sie den Lieferoptimierungsdienst in wenigen Schritten deaktivieren können. Um mehr über Dienste zu erfahren, lesen Sie vielleicht unsere Anleitung zum Öffnen von „services.msc“ für weitere Informationen. Was macht der Lieferoptimierungsdienst? Delivery Optimization Service ist ein HTTP-Downloader mit Cloud-Hosting-Lösung. Es ermöglicht Windows-Geräten, Windows-Updates, Upgrades, Anwendungen und andere große Paketdateien von alternativen Quellen herunterzuladen. Darüber hinaus trägt es dazu bei, den Bandbreitenverbrauch zu reduzieren, indem es mehreren Geräten in einer Bereitstellung ermöglicht, diese Pakete herunterzuladen. Außerdem Windo

So starten Sie das iPad Mini 6 neu, erzwingen einen Neustart und fahren es herunter So starten Sie das iPad Mini 6 neu, erzwingen einen Neustart und fahren es herunter Apr 29, 2023 pm 12:19 PM

So erzwingen Sie einen Neustart des iPad Mini 6. Das Erzwingen eines Neustarts des iPad Mini 6 erfolgt durch eine Reihe von Tastendrücken und funktioniert folgendermaßen: Drücken und loslassen, um die Lautstärke zu erhöhen. Drücken und loslassen, um die Lautstärke zu verringern. Drücken Sie die Ein-/Aus-/Sperrtaste und lassen Sie sie los, bis Sie Folgendes sehen: Apple-Logo, das darauf hinweist, dass das iPad Mini zwangsweise neu gestartet wurde. Das ist alles. Der erzwungene Neustart wird normalerweise aus Gründen der Fehlerbehebung verwendet, z. B. wenn das iPad Mini einfriert, Apps einfrieren oder ein anderes allgemeines Fehlverhalten auftritt. Beim Verfahren zum erzwungenen Neustart des iPad Mini der 6. Generation ist zu beachten, dass es auch für alle anderen Geräte gilt, die über ultradünne Rahmen verfügen und diese verwenden

Nach dem Umschreiben:

So beheben Sie, dass der PS5-Controller unter Windows 11 nicht erkannt wird Nach dem Umschreiben: So beheben Sie, dass der PS5-Controller unter Windows 11 nicht erkannt wird May 09, 2023 pm 10:16 PM

<h3>Was sollte ich über den Anschluss meines PS5-Controllers wissen? </h3><p>So gut der DualSense-Controller auch ist, es gab Berichte darüber, dass der Controller keine Verbindung herstellte oder nicht erkannt wurde. Der einfachste Weg, dieses Problem zu lösen, besteht darin, den Controller über ein entsprechendes USB-Kabel mit Ihrem PC zu verbinden. </p><p>Einige Spiele unterstützen DualSense nativ. In diesen Fällen können Sie den Controller einfach einstecken. Dies wirft jedoch andere Fragen auf, z. B. was, wenn Sie kein USB-Kabel haben oder keins verwenden möchten

So lösen Sie das Problem der schwarzen Linien in der transparenten Taskleiste von Win11 So lösen Sie das Problem der schwarzen Linien in der transparenten Taskleiste von Win11 Dec 22, 2023 pm 10:04 PM

Nachdem viele Freunde translucenttb zum Einrichten einer transparenten Taskleiste verwendet hatten, stellten sie fest, dass es in der transparenten Taskleiste von Win11 eine schwarze Linie gab, die sehr unangenehm aussah. Wie sollte ich das Problem zu diesem Zeitpunkt tatsächlich lösen? . In der transparenten Taskleiste von Win11 befindet sich eine schwarze Linie: Methode 1: 1. Laut Benutzerfeedback können Sie mit der rechten Maustaste auf translucenttb klicken und die Einstellungen öffnen. 2. Setzen Sie dann den „Rand“ der Symboloption auf „1“, um das Problem zu lösen. Methode 2: 1. Wenn es immer noch nicht funktioniert, können Sie mit der rechten Maustaste auf die leere Stelle klicken, um „Personalisierung“ zu öffnen. 2. Wählen Sie dann das Standarddesign des Systems aus, um es zu ändern. Methode drei: 1. Wenn alles andere fehlschlägt, wird empfohlen, translucenttb zu deinstallieren. 2. Anschließend austauschen

Ändern Sie die Aktion des Netzschalters unter Windows 11 [5 Tipps] Ändern Sie die Aktion des Netzschalters unter Windows 11 [5 Tipps] Sep 29, 2023 pm 11:29 PM

Der Netzschalter kann mehr als nur Ihren PC herunterfahren, obwohl dies die Standardaktion für Desktop-Benutzer ist. Wenn Sie die Power-Button-Aktion in Windows 11 ändern möchten, ist das einfacher als Sie denken! Beachten Sie, dass sich der physische Netzschalter von der Schaltfläche im Startmenü unterscheidet und die folgenden Änderungen keinen Einfluss auf die Funktion des letzteren haben. Darüber hinaus gibt es leicht unterschiedliche Energieoptionen, je nachdem, ob es sich um einen Desktop-PC oder einen Laptop handelt. Warum sollten Sie die Power-Button-Aktion in Windows 11 ändern? Wenn Sie Ihren Computer häufiger in den Ruhezustand versetzen als herunterfahren, reicht es aus, das Verhalten Ihres Hardware-Netzschalters (d. h. des physischen Netzschalters an Ihrem PC) zu ändern. Die gleiche Idee gilt für den Schlafmodus oder das einfache Ausschalten des Displays. Windows 11 ändern

So implementieren Sie mit Vue Schaltflächen-Countdown-Effekte So implementieren Sie mit Vue Schaltflächen-Countdown-Effekte Sep 21, 2023 pm 02:03 PM

So verwenden Sie Vue zum Implementieren von Button-Countdown-Effekten Mit der zunehmenden Beliebtheit von Webanwendungen müssen wir häufig einige dynamische Effekte verwenden, um die Benutzererfahrung zu verbessern, wenn Benutzer mit der Seite interagieren. Unter diesen ist der Countdown-Effekt der Taste ein sehr häufiger und praktischer Effekt. In diesem Artikel wird die Verwendung des Vue-Frameworks zum Implementieren von Button-Countdown-Effekten vorgestellt und spezifische Codebeispiele gegeben. Zuerst müssen wir eine Vue-Komponente erstellen, die eine Schaltfläche und eine Countdown-Funktion enthält. In Vue ist eine Komponente eine wiederverwendbare Vue-Instanz, und eine Ansicht ist dies

iOS 17: So organisieren Sie iMessage-Apps in Nachrichten iOS 17: So organisieren Sie iMessage-Apps in Nachrichten Sep 18, 2023 pm 05:25 PM

In iOS 17 hat Apple nicht nur mehrere neue Messaging-Funktionen hinzugefügt, sondern auch das Design der Nachrichten-App optimiert, um ihr ein klareres Aussehen zu verleihen. Auf alle iMessage-Apps und -Tools, wie z. B. die Kamera- und Fotooptionen, kann jetzt zugegriffen werden, indem man auf die Schaltfläche „+“ über der Tastatur und links neben dem Texteingabefeld tippt. Wenn Sie auf die Schaltfläche „+“ klicken, wird eine Menüspalte mit einer Standardreihenfolge der Optionen angezeigt. Von oben beginnend gibt es Kamera, Fotos, Aufkleber, Bargeld (falls verfügbar), Audio und Standort. Ganz unten befindet sich die Schaltfläche „Mehr“, die beim Antippen alle anderen installierten Messaging-Apps anzeigt (Sie können auch nach oben wischen, um diese versteckte Liste anzuzeigen). So organisieren Sie Ihre iMessage-App neu. Dies können Sie unten tun

So setzen Sie Ihren Xbox Series S- oder X-Controller zurück So setzen Sie Ihren Xbox Series S- oder X-Controller zurück Jun 03, 2023 pm 08:19 PM

Die Xbox-Spielekonsole ist bei Gamern beliebt. Mit der neuen SeriesX und SeriesS wird Gaming zu einem nahezu lebensechten Erlebnis. Der Xbox-Controller ist Ihr wichtigstes Werkzeug zum Erleben von Gaming-Effekten. Manchmal wird die Controller-Verbindung unterbrochen oder beim Versuch, den Controller mit der Hauptkonsole zu verbinden, treten Fehler auf. Dies kann auf verschiedene Probleme im Zusammenhang mit der Kopplung zurückzuführen sein. Dies kann mit ein paar einfachen Schritten behoben werden. Setzen Sie Ihren Xbox Series S- oder Xbox Series X-Controller zurück. Schritt 1: Halten Sie die Xbox-Taste auf Ihrem Controller einige Sekunden lang gedrückt, um den Controller auszuschalten. Schritt 2: Gehen Sie auf dem Bildschirm zu „Controller ausschalten“ und drücken Sie die Taste A, um diese Option auszuwählen. HINWEIS: Wenn Sie weiterhin X drücken

See all articles