Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Jak stworzyć prosty efekt tekstowy stłuczonego szkła w Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

Polish (Polski) translation by Mateusz Kurlit (you can also view the original English article)

Final product image
What You'll Be Creating

W tym poradniku pokażę ci jak stworzyć efekt tekstowy szkła za pomocą kilku stylów warstw. Następnie, pokażę ci jak uzyskać stłuczone szkło za pomocą narzędzia do zaznaczania i masek. Zaczynajmy!

Efekt tekstowy był inspirowany przez wiele stylów warstw dostępnych w GraphicRiver.

Materiały poradnika

Podczas tego poradnika wykorzystamy poniższe materiały:

1. Jak stworzyć tło

Krok 1

Utwórz nowy dokument 100 x 667 px. Umieść obraz Sorensen Leather - Campo-burgundy-20824 nad warstwą Tło, zmień nazwę na BG Texture i ustaw dowolny rozmiar.

Add the Background Texture

Krok 2

Kliknij ikonę Utwórz nową warstwę wypełnienia lub korekcyjną w dolnej części panelu Warstwy i wybierz Poziomy.

Add a Levels Adjustment Layer

Krok 3

Zmień wartość Gamma na 1.10 i Podświetlenia na 180.

Levels Settings

Krok 4

Dodaj Gradient nad wszystkimi warstwami.

Stwórz gradient od przezroczystości do koloru wybierając kolor #d6d6d6 dla lewej i #a6a6a6 dla prawej strony.

Zmień Styl na Radialny i Skala na 250 oraz zaznacz pole Roztrząsanie.

Gradient Fill

Krok 5

Zmień Tryb mieszania warstwy Gradient na Ściemnianie.

Gradient Layers Blend mode

2. Jak stworzyć tekst

Krok 1

Napisz tekst wielkimi literami korzystając z czcionki Ronnia Bold. Ustaw kolor Biały i rozmiar na 150 pkt.

Create the Text

Krok 2

Zmień wartość Wypełnienie warstwy tekstowej na 0 i powiel ją.

Duplicate the Text Layer

3. Jak nałożyć styl warstwy na oryginalną warstwę tekstową

Kliknij dwukrotnie oryginalną warstwę tekstową, aby nałożyć styl warstwy:

Krok 1

Dodaj Cień z tymi ustawieniami:

  • Tryb mieszania: Światło jaskrawe
  • Kolor: #f2dede
  • Krycie: 10%
  • Odznacz pole Użyj oświetlenia globalnego
  • Kąt: -19
  • Odległość: 11
  • Rozmiar: 20
Drop Shadow 1

Krok 2

Kliknij znak + po prawej stronie zakładki Cień, aby dodać kolejny efekt Cień z tymi ustawieniami:

  • Tryb mieszania: Ściemnienie
  • Kolor: #837777
  • Krycie: 30%
  • Odznacz pole Użyj oświetlenia globalnego
  • Kąt: 107
  • Odległość: 12
  • Rozpiętość: 2
  • Rozmiar: 10
Drop Shadow 2

W ten sposób stworzyliśmy cień i podświetlenie efektu.

Drop Shadow and Highlight

4. Jak nałożyć styl warstwy na pierwszą kopię warstwy tekstowej

Kliknij dwukrotnie pierwszą kopię warstwy tekstowej, aby nałożyć następujący styl:

Krok 1

Dodaj Faza i płaskorzeźba z tymi ustawieniami:

  • Rozmiar: 3
  • Tryb cienia: Nakładka
    • Kolor: #e4eeee
Bevel and Emboss

Krok 2

Dodaj Kontur z tymi ustawieniami:

  • Kontur: Zatoczka - głęboka
  • Zaznacz pole Wygładzony.
  • Zakres: 100%
Contour

Krok 3

Dodaj Cień wewnętrzny z tymi ustawieniami:

  • Tryb mieszania: Ekran
  • Kolor: #e2e2e2
  • Krycie: 10%
  • Odznacz pole Użyj oświetlenia globalnego
  • Kąt: 90
  • Odległość: 2
  • Rozmiar: 13
Inner Shadow

Krok 4

Dodaj Blask wewnętrzny z tymi ustawieniami:

  • Tryb mieszania: Nakładka
  • Krycie: 30%
  • Kolor: #f1ecec
  • Technika: Precyzyjnie
  • Rozmiar: 3
  • Zaznacz pole Wygładzony
  • Zakres: 35
Inner Glow

Krok 5

Dodaj Nałożenie gradientu z tymi ustawieniami:

  • Zaznacz pole Roztrząsanie
  • Tryb mieszania: Łagodne światło
  • Krycie: 50%
  • Styl: Lustrzany
  • Kąt: 105
  • Skala: 150%
  • Zaznacz pole Odwrotnie
  • Kliknij pole Gradient, aby stworzyć wypełnienie gradientem.
Gradient Overlay

Krok 6

Aby stworzyć Gradient i dodać Znaczniki kolorów, musisz kliknąć obszar pod paskiem gradientu. Po wybraniu Znacznika koloru, możesz zmienić jego wartości Kolor i Położenie. Oto wartości Znaczników kolorów ustawione od lewej do prawej:

Kolor - Położenie

  • #252321 - 0%
  • #656565 - 22%
  • #eeeeee - 44%
  • #585858 - 69%
  • #eeeeee - 70%
  • #606060 - 83%
  • #252321 - 100%
Create the Gradient

Krok 7

Zmień wartość Wypełnienie pierwszej kopii warstwy na 0.

Change the Fill Value

5. Jak nałożyć styl warstwy na druga kopię warstwy tekstowej

Kliknij dwukrotnie drugą kopię warstwy tekstowej, aby nałożyć następujący styl warstwy:

Krok 1

Dodaj Faza i płaskorzeźba z tymi ustawieniami:

  • Rozmiar: 5
  • Zaznacz pole Wygładzony
  • Tryb cienia: Nakładka
    • Kolor: #d0e8e9
Bevel and Emboss

Krok 2

Dodaj Kontur z tymi ustawieniami:

  • Zaznacz pole Wygładzony
  • Zakres: 70%
Contour

Ten styl będzie ostatnią częścią efektu.

Styled Top Layer

6. Jak maskować zaznaczenie

Krok 1

Wybierz Lasso wielokątne i kliknij ikonę Dodaj do zaznaczenia na pasku Opcji.

Kolejnym etapem jest stworzenie ostrych kształtów nad kilkoma częściami tekstu, aby odwzorować wygląd stłuczonych obszarów.

Create a Selection

Krok 2

Po wykonaniu zaznaczenia, przytrzymaj klawisz ALT i kliknij ikonę Dodaj maskę warstwy w dolnej części panelu Warstwy.

Add Layer Mask

Krok 3

Przytrzymaj klawisz ALT i przeciągnij maskę do każdej kopii warstwy tekstowej.

Duplicate the Mask

7. Jak stworzyć proste potłuczone kawałki

Krok 1

Za pomocą Lasso wielokątne, stwórz kilka ostrzejszych zaznaczeń dla mniejszych potłuczonych kształtów wokół tekstu, aby stworzyć potłuczone kawałki.

Kiedy skończysz, stwórz nową warstwę nad wszystkimi innymi, nazwij ją Kawałki i wypełnij zaznaczenie kolorem Biały.

Naciśnij CTRL-D, aby pozbyć się zaznaczenia.

Create the Shattered Pieces

Krok 2

Powiel dwukrotnie warstwę Kawałki.

Duplicate the Pieces Layer

8. Jak skopiować i wkleić style warstw

Krok 1

Kliknij prawym klawiszem myszy oryginalną warstwę tekstową i wybierz Kopiuj style warstwy. Następnie kliknij prawym klawiszem myszy warstwę Kawałki i wybierz Wklej styl warstwy.

Powtórz operację dla pierwszych i drugich kopii warstw tekstowej i Kawałki.

Copy and Paste Layer Styles

Krok 2

Kliknij prawym klawiszem myszy ikonę fx po prawej stronie warstwy Kawałki i wybierz Skaluj efekty.

Scale Effect

Krok 3

Ustaw wartość Skala na 50%. Potwórz operację dla kopii warstw Kawałki.

Scale Effect for Copy Layers

Krok 4

Kliknij dwukrotnie warstwę Kawałki i zmień wartość Rozmiar efektu Cień z powrotem na 10.

Drop Shadow Distance

W ten sposób uzyskamy identyczny rozmiar cienia dla wszystkich części tekstu.

Adjusted Shadow

9. Jak stworzyć efekt reflektora

Krok 1

Użyj Zaznaczanie eliptyczne, aby stworzyć elipsę wokół tekstu.

Create an Elliptical Selection

Krok 2

Stwórz nową warstwę nad warstwą Gradient i nazwij ją Światło.

Wypełnij zaznaczenie kolorem #d6d6d6.

Fill the Selection

Krok 3

Przejdź do Filtr > Rozmycie > Rozmycie gaussowskie i ustaw Promień na 50 lub dowolną inną wartość.

Gaussian Blur

Krok 4

Zmień Tryb mieszania warstwy Światło na Światło jaskrawe oraz Krycie na 10% lub dowolną inną wartość.

Light Layers Settings

Gratulacje, gotowe!

W tym poradniku, stworzyliśmy proste tło wykorzystując teksturę skóry i wypełnienie gradientu dla efektu winietowania.

Następnie, stworzyliśmy trzy warstwy tekstowe i wykonaliśmy efekt szkła.

Później, skorzystaliśmy z lassa wielokątnego, aby stworzyć stłuczone obszary i potłuczone kawałki oraz dopasowaliśmy je do efektu.

Na koniec, dodaliśmy oświetlenie za tekstem za pomocą zaznaczania eliptycznego i rozmycia.

Nie wahaj się zostawić komentarz, sugestię i własną pracę poniżej.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.