Użytkownik: Hasło: lub Zarejestruj się

home lupa mail GB flag
Strona Główna / Inne / Efektowny napis
Poziom trudności Znaczenie kolorów
poziom trudności
  • Ścieżka menu - j. angielski
  • Ścieżka menu - j. polski
  • Skrót klawiaturowy

Efektowny napis 3D

zdjęcie po obr

Wykorzystany program graficzny:
Adobe Photoshop 7 (eng.)

Po najechaniu kursorem na zdjęcie po lewej - ukaże się wersja przed edycją.



1. Otwieramy program Photoshop.

2. Tworzymy nowy dokument.
File / New lub Ctrl + N

W oknie które się pojawi, wpisujemy właściwości nowego dokumentu. W tym konkretnym przypadku możecie posłużyć się takimi jak ja.

3. Ok mamy czystą "kartkę" o ustalonych przez nas wymiarach, z tłem koloru białego.
Czas nanieść jakiś napis.
Z przybornika wybieramy narzędzie do pisania: Horizontal Type Tool horizontal type tool (T)
W menu właściwości narzędzia - ustawiamy parametry:

właściwości narzędzia

Czcionka: Impact (lub jakaś inna gruba, np. Arial Black)
Wielkość czcionki: 140 pt
Anti-aliasing: Smooth
Kolor: Czarny

Klikamy w lewej środkowej części dokumentu i piszemy jakiś tekst. Po napisaniu możemy go jeszcze wyśrodkować używając narzędzia: Move Tool move tool (V). Można też pomóc sobie strzałkami na klawiaturze (po wybraniu narzędzia Move Tool - inaczej się nie poruszy).

4. Teraz musimy zrasteryzować tekst, czyli przekształcić go w grafikę. Klikamy prawym przyciskiem myszy na warstwie z tekstem w panelu warstw i wybieramy: Rasterize layer
Nastepnie zaznaczamy obrazek, który jeszcze niedawno był napisem. Jako że na jego warstwie nie ma nic innego poza nim samym (tło jest na niższej warstwie) - Wciskamy klawisz Ctrl i klikamy na warstwę z napisem w panelu warst lewym przyciskiem myszy.
Widzimy że program zaznaczył cały tekst. W porządku.

zaznaczony tekst

5. Teraz tworzymy nową czystą warstwę. Umieścimy na niej obwódkę tekstu. W tym celu klikamy małą ikonkę na dole panelu warstw (druga od prawej) Create a new layer

Program stworzył nową warstwę i domyślnie ją aktywował (jest niebieska). Bardzo dobrze.
Teraz zrobimy obwódkę. Z menu programu wybieramy: Edit / Stroke.
W oknie które się pojawi wpisujemy takie parametry:
Width: 5px
Color: wybieramy szary
Location: Center
Mode: Normal

Widzimy, że dookoła tekstu pojawiła się szara obwódka. Możemy już anulować zaznaczenie - wciskamy Ctrl + D

tekst z obwódką

6. Nadal pracujemy na warstwie z obwódką (najwyższa). Odpicujemy ją - pobawimy się opcjami mieszania - Blending Options. Aby uzyskać do nich dostęp - dwukrotnie klikamy na ikonce warstwy obrysu (możemy też kliknąć PPM na warstwie za ikonką i z menu wybrać: Blending Options.
Pojawi się okno Layer Style (Style warstwy), a wnim po lewej - menu Blending Options.

Layer Style

Nadamy obwódce trzeciego wymiaru (płaskorzeźby). Klikamy na zakładkę Bevel and Emboss i ustawiamy parametry takie jak na obrazku powyżej.

Następnie sprawimy, że obwódka będzie rzucała cień, co uczyni ją jakby wupukłą. Klikamy na Drop Shadow i ustawiamy takie parametry:

Drop shadow

Możemy jeszcze ją wycieniować. Naniesiemy na nią gradient. Zakładka Gradient Overlay. Parametry:

Gradient overlay

Jeżeli chcesz użyć innego gradientu - kliknij na pasku gradientu i wybierz z innych dostępnych, lub stwórz nowy (suwaki na dole pola wyboru gradientu).
Klikamy OK.

Po tych trzech operacjach uzyskujemy coś takiego:

7. Czas zająć się wypełnieniem, czyli samym napisem, który tkwi na drugiej (środkowej) warstwie. Klikamy na tej warstwie - zaznaczy się na niebiesko (co znaczy że pracujemy właśnie na niej - jest aktywna).
Co by z nim zrobić? Nadajmy mu ładny, niebieski kolorek. Pędzlem nie będziemy się bawić. Skorzystamy z poznanej przed chwilą techniki, czyli znów wybieramy Blending Option również dla tej warstwy.
Już?
Teraz zaznaczamy zakładkę Color Overlay. Klikamy prostokącik z kolorem (domyślnie czerwony) i w oknie które się pojawi wybieramy interesujący nas kolor. Teraz już tylko OK, OK.

8. Oto efekt:

tekst 3d

Polecam eksperymenty z różnymi ustawieniami parametrów zakładek Blending Options. Próbujcie zmieniać różne parametry i właściwości, obserwując na bieżąco efekty Waszej działalności, a efekty mogą być ciekawe. Oto kilka przykładów:

1.
wariant 1


2. Na warstwie z wypełnieniem użytyta opcja mieszania Pattern Overlay. Inne efekty nieaktywne (inaczej by zasłaniały).
Na warstwie obrysu w opcji mieszania Bevel and Emboss - właściwość Style: Inner Bevel
wariant 2


3. Jak wyżej.
wariant 3


4. Również jak wyżej :) Poza tym Pattern Overlay zastosowany również na obrysie.wariant 4

Koniec.


Oceń ten tutorial:

średnia ocena: 5.46 / 6
ilość oddanych głosów: 65


Wasze komentarze do tego tutoriala (31):

Komentarze wyświetlane są od najstarszych ()
22Xardas22 (2007-12-07)

Facet Jak dla mnie BOMBA... Nie wiem jak mogę sie odwdzięczyć? za ten kurs... dzieki. ( w szkole infy uczy nasz prawdziwa niemota.)

marcinho (2008-01-02)

nono tutek max ;p co nie krzysiu ? :D

damian (2008-02-06)

jak probuje cos napisac to zamiast liter wychodza kreski.... pomocy...


admin
Zmień czcionkę (pasek ustawień właściwości narzędzia pod menu). Być może też piszesz tym samym kolorem jakie ma tło. Zmień kolor w tym samym pasku na górze (taki prostokącik z kolorem), lub w przyborniku po lewej.

Songo (2008-02-27)

Zmień kolor tekstu na czarny ;)

Kow4L (2008-03-28)

bardzo dobry tutek, ale mógłbyś również pisać nazwy menu itd. po polsku jak napisałeś na górze, a w tutku są tylko z angielskiej wersji photoshopa..;D

Micro (2008-04-03)

Pomozcie mi piscie do mnie na gg chce sie nauczyc obluga ps w szybki sposow gg 8532409


admin
Nauka w najszybszy z możliwych sposobów: http://www.gobart.pl/cyfrografia-szkolenia-CD.php

Micro (2008-04-03)

No zrobilem Nice :] pozdro dla ciebie KOles :D

JACA (2008-06-01)

SUPER TUTEK OPISANY JAK TRZEBA CZEKAM NA WIĘCEJ

igna78 (2008-06-08)

Wszystko super opisanen! Mam tylko jeden problem jak pozbyc sie tla?

paweł (2008-06-23)

tutek ok.tylko zeby było opisane po polsku

[1] [2] [3] [4] »

Napisz komentarz do tego tutoriala:

Nick:

Treść (max. 500 znaków, zakaz umieszczania linków):

Photoshop - Tutoriale
Photoshop - Podstawy
Pobieralnia
Photoshop - Porady
Galeria GobArt

Ostatnio dodane (retusz):
zdjęcie po obróbce graficznej

Serwis GobArt
RSS
Losowy tutorial

Photoshop 7.0
fotomontaż
Tatuaż
Tatuaż

Nasz serwis gobart.pl używa plików cookies.
Zgodnie z wymogami prawa informujemy, że pliki cookies są używane do logowania i ustawiania wybranych preferencji serwisu. Jeśli chcesz uzyskać więcej informacji na temat cookies - zajrzyj na stronę internetową www.wszystkoociasteczkach.pl