Samouczki z wytłoczonym, stylowym tekstem są wszędzie, ale ten jest idealny dla początkujących. Chcesz naprawdę stylowego efektu wytłoczonego tekstu? Minęły ponad 2 miesiące od ostatniego opublikowanego przeze mnie samouczka dotyczącego Photoshopa, ale mam dla Ciebie świetną wiadomość — wróciłem do Internetu z mnóstwem nowych rzeczy do pokazania, więc bądź na bieżąco ze wszystkimi naszymi nadchodzącymi tutorialami!

Dzisiaj zaczniemy od tego uroczego efektu tekstowego i zgodnie z prośbą większości czytelników udostępniamy również plik PSD do pobrania za jedyne 1 USD. PSD służy wyłącznie do celów edukacyjnych; możesz włączyć go do projektu dla klienta, ale nie możesz bezpośrednio odsprzedać tego pliku.

Dość gadania; Zacznijmy.

Photoshop z efektem wytłoczonego tekstu

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

Krok 1. Przygotowanie płótna programu Photoshop.

Utwórz nowy plik Photoshopa (Ctrl + N). Używamy tutaj rozmiaru 600*400, ale jak zawsze — Twój może być znacznie większy, jeśli tego potrzebujesz.

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Używając narzędzia Wiadro z farbą, wypełnij płótno ciemnoszaroniebieskim kolorem — #535559.

Krok 2. Wybierz czcionkę.

Jestem wielkim fanem wszystkich czcionek używanych i znanych w latach 50., więc moją ulubioną czcionką wszechczasów będzie prawdopodobnie „Bello”. Nie jest darmowy, ale można go kupić online. Należy pamiętać, że czcionka NIE zostanie uwzględniona w przypadku zakupu pliku PSD, ponieważ nie możemy dystrybuować czcionek komercyjnych. Jeśli więc masz czcionkę Bello, wybierz ją i wpisz słowo dużą literą. Użyliśmy tutaj 188pt.

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Krok 3. Dodawanie stylów warstw.

Gdy warstwa tekstowa jest nadal zaznaczona, przejdź do Warstwa >> Style warstw i zastosuj następujące ustawienia…

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem
Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Teraz tekstura tła. Będziemy korzystać ze wzoru, który sami stworzyliśmy, a jeśli kupisz plik PSD, będzie on już zawarty w stylu.

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Na koniec dodamy obrys o wielkości 1 piksela z nakładką gradientową, aby nadać tekstowi większą głębię.

Transparent
Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Dotarliśmy tak daleko, jeśli wszystkie style warstw zostały zastosowane poprawnie. Jeśli wynik różni się od tego, co widzisz tutaj, wróć i sprawdź, czy wszystkie ustawienia stylów warstw zostały poprawnie zastosowane; na razie to tylko część techniczna, więc nie powinieneś mieć żadnego problemu.

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Krok 4. Dodawanie głębi do płótna.

Nadeszła era Web 2.0 i płaskie płótno może zrujnować każdy efekt, niezależnie od tego, jak piękny jest, więc jeśli chcemy, aby nasz produkt wyróżniał się, musi mieć pewną głębię. Dlatego nie będziemy wracać do kanwy bazowej (jeśli jest zablokowana, kliknij ją dwukrotnie na palecie warstw i naciśnij OK, aby odblokować). Iść do Warstwa >> Style warstwi zastosuj następujące ustawienia:

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem
Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

W przypadku gradientu użyj następujących kolorów:
1. #667c85 w kolorze jasnoniebieskim
2. #475e68 w kolorze ciemnoniebieskim

Oto, co dostaliśmy do tej pory…

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Krok 5. Dodawanie połysku

Naciśnij „Ctrl” i kliknij warstwę tekstową na palecie warstw programu Photoshop. Spowoduje to załadowanie zaznaczonego tekstu.

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Utwórz nową warstwę na wszystkich pozostałych. Używając narzędzia gradientu, z biały do ​​przezroczystego, narysuj linię od góry tekstu do dołu. Spowoduje to dodanie łagodnego, ale widocznego gradientu do czytnika.

Za pomocą narzędzia lasso eliptyczne narysuj okrąg, jak widać na poniższym obrazku:

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Iść do Wybierz >> Odwrotność aby odwrócić zaznaczenie i naciśnij „usuń”, aby usunąć resztę gradientu. Spowoduje to pozostawienie połysku tylko w górnej części tekstu, tak jak poniżej:

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Teraz, aby nadać mu przyjemny i naturalny wygląd, ustaw krycie warstwy połysku na „Nakładka” (patrz poniżej):

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Krok 6. Dodawanie błysków

Następnym krokiem jest dodanie słodkich iskierek dookoła tekstu. To da mu większą głębię, marzycielski i elegancki charakter. Utwórz nową warstwę Photoshopa na wierzchu pozostałych. Używając narzędzia Pędzel, wybierz 27-pikselowy pędzel z miękką krawędzią i używając białego koloru, chaotycznie rozprowadź kilka kropek na krawędziach tekstu.

Transparent

Ustaw krycie wypełnienia kropek na 70%. Przełącz z trybu „Normalny” na „nakładkę”.

WSKAZÓWKA: kropki nakładaj tylko tam, gdzie obrys tekstu jest biały, wzmocni to efekt świetlny.

Jak dotąd, jeśli dokładnie wykonałeś te kroki, powinieneś otrzymać to:

Photoshop z efektem wytłoczonego tekstu — Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem

Dodaliśmy też trochę więcej blasku różnymi pędzlami, ale pamiętajmy, żeby nie przesadzić, bo lepiej mieć mniej połysku, a za dużo.
Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem - samouczki PS Lorelei Web Design

Mam nadzieję, że podobał Ci się ten samouczek Photoshopa. Koniecznie sprawdź także nasze inne tutoriale Photoshopa i zasubskrybuj kanał. Jeśli chcesz uczyć się szybciej, kup plik PSD samouczka za jedyne 1.00 USD. Po zakończeniu realizacji transakcji kliknij przycisk „wróć do sprzedawcy” – pobieranie rozpocznie się automatycznie. Jeśli z jakiegoś powodu pobieranie nie spowodowało przekierowania, zostaw komentarz poniżej lub napisz do nas, a my wyślemy Ci plik jak najszybciej. Dziękuję!

Photoshop z efektem wytłoczonego tekstu - Zaprojektowany stylowy wytłoczony tekst z metalicznym blaskiem - kup

Wersja tekstowa

Ulepszony samouczek: Tworzenie wytłoczonego tekstu z metaliczną poświatą w Photoshopie

Przegląd

Ten samouczek poprowadzi Cię przez proces tworzenia stylowego tłoczonego tekstu z efektem metalicznej poświaty, idealnego do logo, nagłówków lub grafiki cyfrowej. Wykorzystamy style warstw, gradienty i opcje mieszania, aby uzyskać wyrafinowany wygląd.

wymagania

  • Adobe Photoshop (wystarczy dowolna najnowsza wersja)
  • Podstawowa znajomość narzędzi i interfejsu programu Photoshop

Krok 1: Konfigurowanie dokumentu

  1. Otwórz Photoshopa i utwórz nowy dokument. Do użytku w Internecie wystarczający jest rozmiar 800×600 pikseli przy rozdzielczości 72 dpi. Do druku należy rozważyć wyższą rozdzielczość (co najmniej 300 dpi).
  2. Wypełnij tło z ciemnym kolorem lub gradientem, aby podkreślić metaliczny blask. Do tego efektu dobrze sprawdzi się głęboki błękit lub czerń.

Krok 2: Tworzenie tekstu

  1. Wybierz narzędzie Tekst (T) i wpisz żądany tekst. Wybierz pogrubioną lub grubą czcionkę, aby uzyskać najlepszy efekt wytłoczenia. Czcionki takie jak Arial Black lub Impact to dobry wybór.
  2. Dostosuj rozmiar czcionki aby pasował do Twojego projektu. W tym samouczku użyjemy rozmiaru czcionki, który wypełnia znaczną część płótna, zapewniając widoczność szczegółów wytłoczeń i efektów blasku.

Krok 3: Zastosowanie efektu wytłoczenia

  1. Po wybraniu warstwy tekstowej przejdź do panelu Warstwy i kliknij dwukrotnie , aby otworzyć okno dialogowe Styl warstwy.
  2. Wybierz „Faza i wytłoczenie” aby dodać głębi swojemu tekstowi. Użyj tych ustawień, aby uzyskać subtelny, realistyczny wygląd wytłaczania:
    • Styl: Skos wewnętrzny
    • Technika: gładka
    • Głębokość: 100%
    • Kierunek: w górę
    • Rozmiar: 5 pikseli (dostosuj w zależności od rozmiaru tekstu)
    • Zmiękczenie: 0 pikseli
  3. Dostosuj cieniowanie aby wzmocnić metaliczny efekt. Ustaw Kąt na 120° i Wysokość na 30°. Eksperymentuj z ustawieniami konturu połysku, aby znaleźć takie, które będzie pasować do Twojego projektu.

Krok 4: Dodanie metalicznego blasku

  1. Wciąż w oknie dialogowym Styl warstwy, wybierz „Wewnętrzny blask” dla subtelnego wewnętrznego blasku. Wybierz jasny kolor pasujący do pożądanego metalicznego wyglądu (srebrny, złoty itp.). Ustaw tryb mieszania na Ekran, Krycie na 75% i Rozmiar na około 20 pikseli.
  2. Dodaj „zewnętrzny blask” aby stworzyć wrażenie światła odbijającego się od metalu. Wybierz kolor podobny do wewnętrznego blasku, ustaw tryb mieszania na Ekran, krycie na 50-75% i dostosuj rozmiar, aby uzyskać miękki, promienny efekt wokół tekstu.

Krok 5: Udoskonalenie metalicznej tekstury

  1. Aby uzyskać dodatkową teksturę i realizm, kliknij „Satyna” w oknie dialogowym Styl warstwy. Dodaje to głębi i złożoności metalicznemu wykończeniu. Użyj tych ustawień:
    • Tryb mieszania: pomnóż
    • Krycie: 20%
    • Kąt: 19 °
    • Odległość: 21 pikseli
    • Rozmiar: 27 pikseli
  2. Bawić się "Kontur" ustawienia w obszarze Faza i wytłoczenie, aby uzyskać dodatkowe niuanse tekstury, wzmacniając efekt wytłoczenia.

Krok 6: Korekty końcowe

  1. Dopracuj ogólny wygląd dostosowując krycie wypełnienia warstwy do 0%. Spowoduje to, że kolor tekstu będzie niewidoczny, a widoczne będą jedynie style warstw, co pozwoli uzyskać wyraźniejszy efekt metaliczny i wytłoczony.
  2. W razie potrzeby, dodaj warstwę tła z gradientem lub wzorem, który uzupełnia metaliczny tekst, aby ukończyć projekt.

Wnioski

Udało Ci się stworzyć fragment tekstu, który nie tylko wyskakuje z ekranu dzięki wytłoczonemu efektowi, ale także świeci wyrafinowanym metalicznym blaskiem. Technikę tę można dostosowywać i modyfikować za pomocą różnych kolorów, tekstur i stylów warstw, aby dopasować ją do różnych projektów.

Eksperymentowanie z ustawieniami i dodawanie dodatkowych elementów, takich jak iskierki lub tekstury tła, może jeszcze bardziej spersonalizować Twoje dzieło. Style warstw programu Photoshop to potężne narzędzie umożliwiające ożywienie tekstu, a ich opanowanie może znacznie zwiększyć możliwości projektowania.

Transparent