Tekst szklany to jeden z najpopularniejszych efektów stylu tekstu w programie Photoshop, który dodaje elegancji, nowoczesności i profesjonalnego wyglądu projektom. Czy to logo, grafika nagłówka czy kreatywne projekty - ten efekt zachwyca swoim realistycznym oddaniem szkła, które łapie światło i cień. W tym samouczku pokażę Ci, krok po kroku, jak stworzyć efekt tekst szklany w programie Photoshop. Wykorzystamy do tego proste narzędzia jak style warstw, gradienty i efekty, aby osiągnąć przekonujące rezultaty. Zaczynamy i dodamy blask do Twojego tekstu!
1. Tło
Tworzymy nowy dokument o rozmiarze 700 x 400 pikseli. Dla tych, którzy chcą go wydrukować, zalecamy rozdzielczość 300 ppi.
Najpierw stworzymy piękny gradient tła. Większość gradientów składa się z dwóch kolorów. Jednak w programie Photoshop mamy możliwość tworzenia gradientów z wieloma kolorami i tym samym bardziej złożonych.
Tworzymy zatem gradient radialny:
Dla pierwszego suwaka wybieramy kolor: #790d3c, klikamy w środek paska kolorów i wybieramy kolor: #4a0823. Dla ostatniego: #2c0414.
Następnie przesuwamy gradient z prawego dolnego rogu na lewy górny, aby uzyskać efekt stożka światła w prawym dolnym rogu.
2. Tekst
Następnie bierzemy narzędzie tekstu. Wybrałem czcionkę "Adobe Caslon Pro", która jest dostarczana w pakiecie Creative Suite. Rozmiar czcionki w tym przykładzie to 75,92 pt. Teraz pozostaje do wyboru odpowiedni kolor. Nadajemy go, klikając w pole koloru w prawym górnym rogu.
Podajemy wartość: #a9419c.
Dla naszego pośredniego rezultatu:
Ustawiamy przezroczystość warstwy na 28%, dzięki czemu nasz tekst na razie wydaje się być przezroczysty.
Następnie dwukrotnie klikamy na warstwę "PSD" lub klikamy na przycisku fx w dolnym panelu warstw, aby otworzyć efekty warstwy. Najpierw zaznaczamy opcję Cień zewnętrzny. Poniżej znajdziesz wartości:
Otrzymujemy następujący rezultat:
Następnie przechodzimy do Cienia wewnętrznego i ustawiamy następujące wartości:
Otrzymujemy następujący rezultat:
• Świecenie zewnętrzne:
Przejściowy rezultat:
• Świecenie wewnętrzne:
• Płaski krawędź i relief:
• Kontur:
Przejściowy rezultat:
• Blask: Aby wybrać kolor metody wypełnienia, klikamy raz za pomocą pipety obok ciemnego tła obok litery "P".
Przejściowy rezultat:
• Kontur:
Wynik pośredni:
3. Tworzenie odbić
Teraz tworzymy małe odbicie w dolnej części litery "D". Wybieramy cały nasz tekst, trzymając wciśnięty klawisz Ctrl i klikając na miniaturze warstwy.
Następnie tworzymy nową warstwę.
Następnie przechodzimy do narzędzia Gradient i wybieramy gradient Biały-do-przezroczysty. Uważamy, aby opcja Gradient stożkowy była nadal zaznaczona …
… i przeciągamy gradient, jak po pokazane na poniższym obrazie.
Rezultat:
Możemy również ukryć zaznaczenie za pomocą Ctrl+H. Dzięki temu możemy lepiej ocenić rezultat, gdy rysujemy drugi gradient.
Następnie rysujemy kolejny gradient, jak pokazano na obrazie. W ten sposób wzmacniamy efekt odbicia.
Następnie naciskamy klawisze Ctrl+D, aby anulować ukrycie zaznaczenia. Nazwijmy naszą górną warstwę "Odbicie dolne". Aby nasz gradient ładnie dopasował się do tekstu, wybieramy metodę wypełniania: Multiplicative.
Otrzymujemy więc następujący wynik pośredni:
Zrobimy to samo teraz z górnym lewym rogiem: Zaznaczamy tekst, trzymając klawisz Ctrl i klikając na miniaturę warstwy.
Tworzymy nową warstwę, nazwijmy ją "Odbicie górne" …
… i ponownie rysujemy gradient Biały-do-przezroczysty stożkowy. Na obrazie pokazano dokładny sposób…
Wynik pośredni:
Następnie anulujemy zaznaczenie za pomocą Ctrl+D …
… i zmieniamy Przezroczystość na 30%.
Wynik pośredni:
Dla silniejszego efektu odbicia, zaznaczamy pętlę elipsy na górnej połowie naszego tekstu … (aby jednocześnie przesuwać elipsę podczas jej rysowania, przytrzymuj klawisz Spacji).
Następnie odwracamy to zaznaczenie, wciskając Ctrl+Shift+I, …
… a następnie usuwamy resztę gradientu klawiszem Delete, aby otrzymać ostrą krawędź odbicia.
4. Tworzenie punktów świetlnych (2 warianty)
Aby stworzyć jeszcze większe wrażenie blasku, tworzymy małe punkty świetlne. Istnieje kilka wariantów. Wyjaśnię wam 2 z nich. Po pierwsze za pomocą wielokątnych gwiazdek, a po drugie za pomocą plam świecących.
Wariant 1: Wielokątne gwiazdki
Zaczynamy od wielokątnych gwiazdek. Tworzymy nową warstwę i nazywamy ją "Gwiazdki".
Następnie wybieramy narzędzie Wielokąt …
... kliknij w pasku narzędziowym na małą strzałkę w dół i...
... tam kliknij opcję Gwiazda.
• Zmniejsz o stronę ustawiamy na 98%, aby otrzymać bardzo ostre szpice. Następnie wpisujemy jeszcze Strony 5, aby otrzymać 5 szpiców na gwiazdkę.
Teraz ważne jest, że ustawiliśmy kolor pierwszego planu na biały. Następnie umieszczamy gwiazdki na najjaśniej oświetlonych miejscach...
Tak pięknie to może wyglądać.:)
Teraz zajmiemy się drugą wersją. Ale najpierw posprzątamy naszą Paletę warstw, grupując nasze wieloboki w jedną grupę (poprzez zaznaczenie odpowiednich warstw i naciśnięcie Ctrl+G). Następnie możemy je ukryć klikając na nie. Grupę możemy nazwać "Gwiazdki".
Wersja 2: Tworzenie refleksów jako pędzle
Chciałbym pokazać wam bardzo wydajny sposób na szybkie i łatwe umieszczanie refleksów. Potrzebujemy najpierw nowego dokumentu o obszarze roboczym 2000 x 2000 pikseli (będziemy tego potrzebować, ponieważ refleksy będą ogromne nawet w małej skali;) ).
Wypełniamy tło na czarno...
... i wywołujemy nasze refleksy.
Teraz musimy upewnić się, że umiejscowimy refleksy jak najbardziej na środku, aby uwzględnić również poświatę dookoła bez przycinania na naszym obszarze roboczym.
Kto teraz dobrze się przyjrzy albo spojrzy na swój monitor z góry, może zauważyć, że nasz refleks prawie dotyka górnej krawędzi dość blisko.;)
Niedowoliliśmy go jednak na szczęście w pełni. Dlatego teraz naciśniemy Ctrl+I, aby odwrócić naszą warstwę.
Następnie zaznaczamy całą warstwę za pomocą skrótu klawiszowego Ctrl+A, przechodzimy do Edytuj>Zdefiniuj pędzel...
... i zapisujemy nasz refleks jako pędzel.
Wróćmy do naszego dokumentu, najpierw tworzymy nową warstwę i nazwijmy ją "Refleksy".
Teraz możemy wywołać nasz niedawno utworzony pędzel w paletce pędzli.
Upewnijmy się wcześniej, że nasz pędzel nie jest zbyt duży. Kolor pierwszego planu również powinien być biały.
Na jednego refleksu najlepiej utworzyć nową warstwę (aby móc ją przesuwać według potrzeb) i umieścić go na odbijających strefach w naszym obrazie.
5. Tworzenie odbicia
Jak to bywa z większością mocno błyszczących obiektów, pozostawiają one zazwyczaj odbicie. I dokładnie to teraz zrobimy z naszym tekstem.
Potrzebujemy najpierw skopiować warstwę naszego całego tekstu wraz z odbiciami. Aby to zrobić, zaznaczamy warstwy "PSD", "Światło dolne" i "Światło górne" i przeciągamy je z naciśniętym przyciskiem myszy na dolny arkusz, aby utworzyć kopię wszystkich trzech warstw.
Następnie naciśnijmy Ctrl+E, aby połączyć te duplikaty w jedną warstwę.
Następnie naciśniemy Ctrl+T, aby zmienić rozmiar warstwy. Następnie klikamy na prawym przycisku w warstwę transformacji i wybieramy Spożywcze lustrzane.
Następnie przesuwamy płaszczyznę strzałkami w dół aż krawędzie płaszczyzn się dotkną. W tym przypadku dzieje się to tylko z literą "S". Pozostałe dwie będziemy musieli jeszcze dostosować.
Następnie wybieramy narzędzie Prostokąt zaznaczenia i zaznaczamy literę "P".
Naciśnięcie klawisza "V" przywołuje nasze narzędzie przesuwania. Za jego pomocą przesuwamy literę "P" strzałkami w górę aż do momentu dotknięcia dolnej krawędzi. Następnie naciskamy Ctrl+H, aby tymczasowo ukryć krawędź zaznaczenia i lepiej ocenić pozycję. Pomaga to naprawdę bardzo przy przesuwaniu.
Przycinanie dolnej krawędzi litery "P" nie ma znaczenia, ponieważ zostanie ona później i tak ukryta.
To samo działanie wykonujemy teraz z literą "D".
Następnie tworzymy maskę warstwy na tej warstwie …
… wybieramy narzędzie gradientu i ustawiamy gradient czarno-biały lub czarno-przeźroczysty, upewniając się, że opcja Gradient liniowy jest aktywowana.
Zaczynamy od dolnej krawędzi i przesuwamy do góry na wyższość pokazaną na zdjęciu. W trakcie tego kroku możemy przytrzymać klawisz Shift, aby gradient był naprawdę prosty.
Otrzymujemy następujący wynik pośredni:
Jak w przypadku wielu odbić, odbicie jest zazwyczaj bardzo słabe. Dlatego zmniejszamy nieco przezroczystość tej warstwy (44%), aby uzyskać względnie realistyczne odbicie.
Jest to korzystne dla tekstu, ponieważ przez odbicie staje się bardziej przestrzenny. Aby podkreślić tę przestrzeń, stworzymy podłogę.
Przedtem jeszcze poukładamy nasze warstwy. Przemianowujemy ostatnio utworzoną warstwę na "Odbicie". Ponieważ odbicie znajduje się pod tekstem, przenosimy tę warstwę "Odbicie" pod warstwę "PSD". Następnie grupujemy tekst wraz z odbiciem i refleksjami w jedną grupę i nazywamy ją "PSD". Trzy warstwy plam rozmazania również grupujemy w grupę plam rozmazania. Nasza struktura warstw składa się z warstwy tła, grupy "PSD", grupy "Gwiazdki" i grupy "Plamy rozmazania".
Poniżej grupy "PSD" tworzymy teraz folder o nazwie "Podłoga", w którym utworzymy nasz ostatni graf.
6. Tworzenie podłogi
W grupie warstw "Podłoga" tworzymy nową warstwę, którą również nazywamy "Podłoga". Następnie wybieramy nasze narzędzie gradientu.
Ustawiamy następujące wartości kolorów:
Następnie, trzymając klawisz Shift, przeciągamy piękny gradient z góry na dół.
Wynik pośredni:
Wygląda to już ładnie, ale ma być naszą podłogą. Następnie naciskamy Ctrl+T i przesuwamy warstwę w dół tak daleko, aż nieco wystaje ponad odbicie. W ten sposób tekst nie opiera się o tylne krawędzie "przestrzeni", lecz bardziej znajduje się w środku.
Wynik pośredni:
Oto nasza wirtualna podłoga. Jednak jeszcze nie prezentuje się w pełni przekonująco, ponieważ nie rzuca cienia. Dlatego tworzymy nową warstwę dla cienia i przesuwamy ją pod naszą warstwę "Podłoga".
Nadajemy tej warstwie nazwę "Cień". Następnie wybieramy miękką, okrągłą czarną pędzel …
… i przesuwamy trochę poza dokument z przytrzymanym klawiszem Shift raz wzdłuż krawędzi podłogi.
Wynik pośredni:
Teraz nasza cień jest trochę za silny. To jednak nie szkodzi, ponieważ możemy go przesunąć trochę w dół za pomocą narzędzia Przenoszenia i strzałek strzałek. Lub możemy ponownie nacisnąć Ctrl+T i przesunąć dolny środkowy uchwyt trochę do góry, aby nasz cień stał się trochę ostrzejszy.
Następnie możemy jeszcze zregulować przezroczystość cienia (na poziom 60%).
I wreszcie osiągnęliśmy cel.:)
Mam nadzieję, że podobał wam się ten samouczek i cieszę się z każdego komentarza.:)
