Chcesz dodać swoim tekstom coś ekstra, ale masz mało czasu? Żaden problem! Za pomocą Photoshopa można w kilku prostych krokach stworzyć fajne efekty typograficzne. W tym samouczku pokażę Ci pięć szybkich i łatwych technik, aby uczynić Twoją typografię kreatywną i nowoczesną. Od Neon-Glow po metaliczne style po zniekształcone efekty - te szybkie techniki wprowadzą urozmaicenie i styl do Twoich projektów. Zaczynajmy i eksponujmy Twoje teksty!
1. Efekt z konturami retro dla nagłówków
Dla ulotek i tapet idealne są kreatywne kontury retro tworzone bardzo szybko za pomocą opcji wypełnienia Sieć na zewnątrz.
Krok 1: Umieścić tekst
Jako obraz wyjściowy wybieram tło promieni z lekko obróconym tekstem. Tekst ma czcionkę Eight Track o wielkości 300 pt.
Krok 2: Opcja wypełnienia 'Sieć na zewnątrz' jako gradient
Opcja Sieć na zewnątrz jako opcja wypełnienia zwykle stosowana jest jako jaśniejszy lub ciemniejszy blask/cień. Photoshop oferuje jednak także możliwość zastosowania gradientu zamiast koloru jako blasku.
Przy dokładnym ustawieniu dla tekstów uzyskuje się liczne efekty konturowe, które można zmiennić za pomocą różnych metod wypełniania. Dzięki dostępności i łatwości tworzenia odpowiednich gradientów otrzymuje się niemal nieskończoną różnorodność efektów konturowych, które mogą delikatnie obwodzić czcionki lub otaczać je w stylu psychodelicznym.
Rozmiar w oknie Opcji wypełnienia określa, jak dużą ma być zewnętrzna sieć. Przesunięcie wypełniania określa na ile mocno efekt ma działać bezpośrednio na tekście. Ważna jest precyzja techniki: Precyzyjna.
Bardzo dobrze: Pod opcją Efekty specjalne znajduje się przerywany gradient, który można użyć do udanego efektu retro. Kolory również łatwo można dostosować. Kto lubi, może również stopniowo zanikać zewnętrzne kontury w przezroczystości.
Efekt kontur retro jest gotowy:
2. Efekt z postrzępionymi konturami dla nagłówków
Effekt z postrzępionymi konturami doskonale sprawdza się w ulotkach w stylu grunge lub do nagłówków. Sam efekt można szybko uzyskać.
Krok 1: Umieścić tekst na białym tle
Tło jest białe. Piszę narzędziem Textwerkzeug litery PSD o wielkości 600-Punkt Armia.
Krok 2: Wybrać litery Litery warstwy tekstowej wybieram przy użyciu Ctrl i kliknięcia na miniaturze warstwy tekstu.
Krok 3: Edytować wybór Przez skrót Ctrl+Alt+R otwieram okno dialogowe Udoskonalanie krawędzi. W nim ustawiam dla mojego wyboru Miękką krawędź. Konkretna wartość może różnić się w zależności od wielkości tekstu.
Krok 4: Utworzyć nową warstwę i wypełnić kolorem Tworzę nową warstwę za pomocą skrótu klawiszowego Ctrl+Shift+Alt+N i wypełniam ja dowolnym kolorem. Zostanie wypełniony tylko zaznaczony obszar kolorem.
Warstwę z tekstem mogę dezaktywować i zaznaczenie mogę anulować za pomocą skrótu Ctrl+D.
Krok 5: Konwertować na Obiekt Smart Zaznaczam warstwę z literami z miękką krawędzią i białą warstwę i konwertuję obie warstwy w Obiekt Smart.
Krok 6: Zastosować filtr Smart Aquarell Trzykrotnie stosuję filtr artystyczny Aquarell na moim Obiekcie Smart.
- Durchgang
| Szczegóły pędzla: | 6 |
| Obszar przyciemnienia: | 0 |
| Struktura: | 2 |
Dane wejściowe mogą również się różnić w zależności od wybranego koloru, rozmiaru miękkiej krawędzi i rozmiaru tekstu.
- Durchgang
| Szczegóły pędzla: | 14 |
| Obszar przyciemnienia: | 0 |
| Struktura: | 2 |
- Przejście
| Szczegóły pędzla: | 11 |
| Obszar zaciemnienia: | 0 |
| Struktura: | 2 |
Już po dwóch przejściach widać, jak powstał efekt nieregularnego, postrzępionego efektu krawędzi. Za pomocą trzeciego i ewentualnie czwartego przejścia mogę delikatnie dostroić efekt, jeśli to konieczne.
I w ten sposób efekt ten można dobrze wykorzystać jako składnik tekstu do hipnotyzujących tła. Przedstawione tutaj tło zostało dołączone do tego samouczka jako materiał roboczy.
W tym widoku w trybie Ciemniejszy kolor z 85 procentami przezroczystością, tło jest w trybie Normalnym również z 85 procentami przezroczystości:
W różnicowym widoku w trybie Różnica z 100 procentami przezroczystości, tło jest w trybie Normalnym z 50 procentami przezroczystości:
3. Prosty efekt lustrzanego odbicia w stylu 3D
Prosty efekt lustrzanego odbicia dla tekstów, który działa w bardzo prosty sposób bez zbędnego szumu, powstaje w następujących kilku krokach.
Źródło obrazu: Akhilesh Sharma - Fotolia.com.
Krok 1: Ustalenie lustrzanego obrazu jako wzorca
Pierwszym krokiem dla tego efektu jest ustanowienie obrazu, który ma zostać odzwierciedlony w tekście, jako wzorca. Robię to, gdy obraz jest otwarty, korzystając z menu Edycja>Ustaw wzorzec.
Krok 2: Umiejscowienie tekstu Umieszczam swój tekst w moim dokumencie za pomocą Arial o rozmiarze 300 punktów. Dokument ma wymiary 800x600 pikseli i czarne tło.
Krok 3: Opcje wypełnienia konturu Otwieram Opcje wypełnienia mojej warstwy tekstowej i wybieram zakładkę Kontur. W niej wybieram Wzorzec jako rodzaj wypełnienia i klikam na wcześniej ustalony wzorzec w Podglądzie wzorca.
Dodatkowe ustawienia:
| Rozmiar: | 3 px |
| Pozycja: | Środek |
| Skalowanie: | w zależności od potrzeb, czyli w zależności od tego, jak duży był ustalony wzorzec; w tym przypadku 35 % |
Przy pomocy myszy mogę bardzo dokładnie umieścić wzorzec na obrazie tak, jak chcę, aby był widoczny w konturze tekstu. Ustawienia mogę potwierdzić klikając OK.
Krok 4: Ustalenie opcji wypełnienia jako warstwy Klikając PPM mogę utworzyć warstwę z mojego Stylu warstwy. Kontur jest teraz dostępny w warstwie w Panelu warstw. Umieszczam warstwę pod moją warstwą tekstową.
Krok 5: Nakładanie wzorca W Opcjach wypełnienia dla warstwy tekstowej wybieram zakładkę Nakładanie wzorca i wybieram wcześniej ustalony wzorzec. Przy pomocy suwaka Skalowania zmniejszam mój wzorzec, dopóki nie pasuje do widoku. Przy pomocy myszy mogę jeszcze dokładnie umieścić wzorzec na obrazie, tak jak chcę, aby był widoczny w tekście.
Krok 6: Precyzyjne dostrojenie konturu Aby efekt wydawał się realistyczny, przesuwam warstwę konturu nieco w dół i w lewo za pomocą klawiszy ze strzałkami na klawiaturze, dzięki czemu powstaje lekka optyka 3D.
Teraz, aby dodać jeszcze trochę blasku do odbicia, dodaję 1-pikselowy Kontur na zewnątrz z Wzorem wypełnienia do warstwy tekstowej. Ponieważ kontur o grubości zaledwie 1 piksela jest naprawdę minimalnie wyraźny, może być wyświetlany również w górnej części tekstu. Jeśli efekt jest zbyt silny, po prostu zmniejsz nieco przezroczystość.
To tworzy piękne dodatkowe odbicie światła. Oto prosty efekt lustrzanego odbicia w stylu 3D.
4. Efekty gradientu odbicia w tekście i kształtach
Należy powiedzieć, że ten samouczek został zainspirowany przez Scotta Kelby'ego, który opisał ten efekt w swojej książce „Scott Kelby: Photoshop CS4 Down & Dirty Tricks”.
Scott Kelby opisał tworzenie tego efektu w 12 krokach dla dwóch liter. Postępował w następujący sposób:
- Utwórz tekst
- Utrwal tekst, wybierz i narysuj pierwszy gradient
- Zduplikuj warstwę i narysuj przeciwny gradient
- Przycięcie gradientu za pomocą zaznaczenia eliptycznego
- Transformuj zaznaczenie
- Odwróć zaznaczony obszar gradientu i usuń
- Dodaj kontur
- Dodaj zaokrąglone krawędzie i wytłoczenie
- -12. Powtórz te kroki dla drugiej litery
Efekt jest małym, miłym elementem. Jednak prowadzi do statycznego rezultatu. Tekstu nie można zmienić, ponieważ został zrastrowany na początku. Aby dodać kolejną literę, muszę powtórzyć większość kroków.
W moim samouczku chcę pokazać sposób, który pozostawia możliwość dalszej zmiany tekstu. Ten efekt pozwala również szybciej dodać kolejne litery.
Krok 1: Utwórz przebieg
Aby szybciej uzyskać ten efekt, tworzę podwójny przebieg jako wzorzec. Dlatego otwieram najpierw w dokumencie o rozmiarze 1000x600 pikseli Menu przebiegu, klikając na Podgląd przebiegu w pasku menu z włączonym Narzędziem przebiegu (G).
Teraz tworzę przebieg, który ma być umieszczony jako odbicie z podwójnym przebiegiem w tekście.
Przebieg ma następującą kolejność:
Szary – Biały – Czarny – Szary
Brakujące przerwy kolorów dodaję klikając obok istniejącego przełomu kolorów i przeciągam je za pomocą Przeciągnij i upuść we właściwe miejsce. Kolor przerwy kolorów mogę zmienić za pomocą Wybieracza kolorów w Menu przebiegu.
Przejście od Białego do Czarnego jest ostre. Wiadra kolorów nie powinny nakładać się na siebie na zasadzie pełnego przekrycia, ale powinny być minimalnie przesunięte. W przeciwnym razie przejście będzie miało później lekkie efekty schodkowe. Wygładzenie na poziomie 30 procent zapewnia, że przebieg w obszarze szarym jest ładnie miękki.
W razie potrzeby mogę również zapisać nowy przebieg w Podglądzie przebiegu, przypisując go dowolną nazwą jako Nowy. Następnie potwierdzam moje ustawienia przebiegu za pomocą OK.
Krok 2: Krzywy przebieg
Przeciągam przebieg za pomocą Narzędzia przeciągania z dolnej środkowej części dokumentu do górnego lewego rogu.
Z powodu łuku w przebiegu nie mogę wykonać wszystkich edycji za pomocą nakładania przebiegów. Rozwiązaniem jest zastosowanie zakrzywionego przebiegu jako wzorca.
Za pomocą Ctrl+T>Zakrzywianie ustawiam lekkie zakrzywienie, aby czarny przebieg był wyświetlany w zakrzywionej formie. Przeciągam lekko siatkę zakrzywiania w górny lewy róg.
Krok 3: Ustalanie przebiegu jako wzorca Teraz mogę ustalić zakrzywiony podwójny przebieg jako wzorzec. Wybieram opcję w menu Edytuj>Ustal wzorzec. Nazwa to: Podwójny przebieg z odbiciem.
Krok 4: Umieszczenie tekstu Wybieram nowe, ciemnoczerwone tło dla dokumentu. Teraz mogę wprowadzić mój tekst używając 530-punktowej czcionki Army. Wpisuję literę P.
Krok 5: Nakładanie wzorca Otwieram opcje wypełnienia mojej warstwy tekstowej. W zakładce Nakładanie wzorca wybieram z listy rozwijanej mój wcześniej ustalony wzorzec.
Teraz mogę po prostu przejść myszką do dokumentu i intuicyjnie przenieść mój wzorzec w żądane miejsce. W razie potrzeby mogę również zmienić skalę wzorca, jeśli jest za duży lub za mały dla litery.
Krok 6: Kontur W kolejnej zakładce Kontur ustawiam 5-pikselowy Kontur w pozycji Zewnętrzny. Tryb wypełnienia to Przebieg.
Klikam na Standardowe opcje w Podglądzie przebiegu i wybieram Srebro z wzorców metalowych.
Sam kontur nie wygląda jeszcze tak jak powinien. Dopiero z Odchylaniem krawędzi i wypukłością wygląda on poprawnie metalicznie.
Krok 7: Odchylanie krawędzi i wypukłość Ustawienia w zakładce Odchylanie krawędzi i wypukłość odpowiadają za efekt 3D-metaliczny. Wybieram następujące ustawienia:
• Styl: Kontur wypukły
• Technika: Zaokrąglenie
• Głębokość: 100 procent
• Rozmiar: 5 pikseli
• Kąt i wysokość cienia: 120 i 30 stopni
• Kontur blasku: Podwójny pierścień
Gotowy jest efekt.
Krok 8: Dodatkowe litery Aby dodać kolejne litery, po prostu kopiuję warstwę tekstową, przesuwam ją w odpowiednie miejsce i zmieniam odpowiednią literę za pomocą Narzędzia tekstu.
W razie potrzeby muszę dostosować podwójne przejście tylko w karcie Nakładanie wzoru do kształtu nowej litery.
Jeśli chcę dodać kolorowe akcenty do mojego przejścia, mogę dodać Nakładanie koloru w trybie Mieszanie w opcjach wypełnienia.
To już wszystko!
5. Tekst pochyły z ramką
Świetnym rozwojem poprzedniego efektu odbijającego może być dodanie ramki do tekstu i przechylenie ramki wraz z tekstem w widoku.
W tym przypadku nie każda litera będzie miała osobiste odbicie, ale odbicie będzie dzielone z resztą; to znaczy: Litery nie są na osobnych warstwach, ale razem w jednej warstwie.
Krok 1: Dodanie ramki
Przeciągnę prostokątny kształt z cienką obwódką używając narzędzia Własne kształty (U) z Domyślnych ustawień jako ramkę dla mojego tekstu.
Krok 2: Kopiowanie stylów warstw Za pomocą klawisza Alt przeciągam istniejące style warstw warstwy tekstu na warstwę ramki. W ten sposób skopiowałem style warstw dla ramki. W razie potrzeby dostosowuję konkretne położenie Nakładania wzoru w opcjach wypełnienia, aby efekt był właściwie wyświetlany.
Krok 3: Konwersja obu warstw na obiekt inteligentny Zaznaczam warstwę tekstu i ramki w Panelu warstw i konwertuję je na obiekt inteligentny.
Krok 4: Transformacja Otwieram opcję Ctrl+T na moim obiekcie inteligentnym, aby go przekształcić. Za pomocą Ctrl mogę przesunąć lewy górny punkt nieco do środka. W ten sposób ramka i tekst się przechylą.
W razie potrzeby mogę również przesunąć dolne punkty indywidualnie, przytrzymując klawisz Ctrl, aby wzmocnić efekt przechylenia. Następnie potwierdzam transformację za pomocą Enter.
Krok 5: Wskazówka dotycząca rozmieszczenia Ważne jest, aby tekst miał ramkę, aby rzeczywiście uzyskać efekt przechylania i kipienia. Sam tekst ten efekt osiągnie tylko w ograniczonym stopniu.
Jeśli chcę uzyskać szczególne wrażenie poprzez rozmieszczenie, umieszczam swój tekst z ramką w taki sposób, aby cała rama nie zmieściła się w dokumencie. W razie potrzeby muszę przyciąć dokument, aby uzyskać taki efekt wizualny. Powoduje to wrażenie wyjątkowej wielkości obrazu. Zawartość nie mieści się w ramce dokumentu, jest zbyt duża. W ten sposób można w przenośni przekazać wielkość zawartości. Na przykład w czasopiśmie DER SPIEGEL nazwa Google została umieszczona na okładce tak, że Google nie zmieścił się w całości. Pokazało to w przystępny sposób specjalną wielkość i siłę Google'a.
