Efekt złota na tekście

Wprowadzenie:

Cześć, drodzy użytkownicy społeczności PSD. Miło mi, że znów bierzecie udział w jednym z moich samouczków. Dzisiaj nauczymy się, jak tworzyć taki piękny efekt złota jak na rys. 01. Ponadto pokażę Wam, jak tworzyć własne biblioteki kolorów, abyście np. mieli zawsze dostęp do kolorów złota, które później utworzymy. Na koniec przyjrzymy się również, jak zamienić zwykły tekst dwuwymiarowy na trójwymiarowy.

No dobrze, wystarczy gadania. Zacznijmy od razu...

Adobe Illustrator – efekt złota na tekście

Część 1:

Krok 1: Tworzenie kolorów złota

Zanim zaczniecie tworzyć efekt złota, potrzebujecie oczywiście różne kolory złota. W tym samouczku będziemy potrzebować cztery różne wartości CMYK. Skąd jednak można najlepiej uzyskać te wartości? Moją zalecaną wskazówką jest dość prosta. Ponieważ potrzebujemy kolorów złota, wpiszcie w dowolną wyszukiwarkę (w moim przypadku "Google") słowa "Złoto, sztabki złota, kolory złota" lub coś podobnego. Następnie przejdźcie do "Wyszukiwania obrazów" i zobaczcie różne obrazy zawierające kolory złota. Jak widzicie na rys. 02, wybrałem obraz z dwiema sztabkami złota. Zachowajcie ten obraz lub wybrany obraz na swoim komputerze, a następnie przejdźcie do programu Illustrator.

Adobe Illustrator - efekt złota na tekście

Po otwarciu programu Illustrator, na początek utwórzcie nowy obszar roboczy o formacie DIN A3. Można to zrobić poprzez Plik>Nowy.

Adobe Illustrator - efekt złota na tekście

Następnie przejdźcie do Plik>Umieść i wybierzcie obraz, który wcześniej zapisaliście. Potwierdźcie to okno klikając OK.

Adobe Illustrator - efekt złota na tekście

Ten obraz będzie teraz wykorzystany jako odniesienie do kolorów złota. Weźcie narzędzie Prostokąt, utwórzcie cztery małe kwadraty i umieśćcie je gdzieś na krawędzi obszaru roboczego. Rozmiar nie ma znaczenia. W moim przypadku wszystkie kwadraty mają wymiary 28 x 28 mm.

Adobe Illustrator - Efekt złotej czcionki

Teraz doszliśmy do momentu, w którym musicie odczytać wartości kolorów z waszego obrazu. Aby to zrobić, najpierw wybierzcie kwadrat, a następnie weźcie pipetę znajdującą się w Paletce narzędziowej. Następnie wybierzcie różne odcienie złota z obrazu. Zróbcie to dla każdego kwadratu raz. Na rys. 06 można zobaczyć, z jakich obszarów odczytywałem wartości kolorów za pomocą pipety.

Adobe Illustrator - efekt złotego tekstu

Dla tych, którzy nie są do końca zadowoleni z własnych wartości kolorów, podaję ponownie wartości CMYK moich czterech kolorów (patrz rys. 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator - efekt złotej czcionki

Krok 2: Tworzenie gradientu

Po utworzeniu czterech różnych wartości kolorów jest czas na utworzenie gradientu z tymi kolorami. Aby to zrobić, weźcie ponownie narzędzie Prostokąt i utwórzcie ponownie kwadrat. Rozmiar nie ma tu również duzego znaczenia.

Zanim przejdziecie do tworzenia gradientu z kolorów złota, musicie dodać te kolory do swojej Palety kolorów. Możecie ponownie otworzyć tę Paletę poprzez Okno>Paleta kolorów, jeśli jej jeszcze nie widzicie.

Adobe Illustrator - efekt złota na tekście

Gdy klikniecie na kwadrat z kolorem złota, ten kolor pojawi się również w dolnej części Palety narzędziowej po lewej stronie. Przytrzymując lewy przycisk myszy, możecie teraz przeciągnąć ten kolor do Palety kolorów za pomocą przeciągnij i upuść. Zróbcie to z wszystkimi czterema kolorami.

Adobe Illustrator - efekt złota na tekście

Następnie potrzebujecie Palety gradientów. Jeśli jej jeszcze nie otworzyliście, przejdźcie do Okno>Gradient (lub na Macu - Command+F9), aby ją wyświetlić.

Adobe Illustrator - efekt złota na tekście

W następnym kroku wybierz kwadrat, które utworzyliście na początku Krok 2. Kliknij raz w pole gradientowe w palecie Gradientu, aby utworzyć predefiniowany gradient czarno-biały. Ten gradient należy teraz dostosować do naszych potrzeb.

Adobe Illustrator - efekt złota na tekście

Za pomocą palety Kolorów, możecie teraz przeciągnąć utworzone wcześniej kolory złota do pola gradientowego metodą Przeciągnij i upuść. Czarne i białe pola kolorów w tym gradiencie można łatwo usunąć, przeciągając je przytrzymaniem lewego przycisku myszy poza paletę Gradientu.

Teraz przeciągnij tyle pól kolorów do gradiencji, ile widoczne są na Rysunku 12.

Adobe Illustrator - efekt złota na tekście

Od lewej do prawej strony, następująca kolejność pól kolorów (patrz Rysunek 13).

Adobe Illustrator - efekt złotego na tekście

Krok 3: Tworzenie tekstu i przygotowanie do gradientu złota

Po utworzeniu gradientu złota możecie napisać słowo lub zdanie narzędziem Tekst. W moim przypadku napiszę słowo "Złoto". Aby efekt złota był później odpowiednio widoczny, zalecam wybranie stosunkowo grubego czcionki. W przypadku delikatnych, filigranowych czcionek efekt złota nie będzie tak wyraźny i raczej będzie się wydawał nie na miejscu. W moim przypadku wybrałem czcionkę Myriad Pro o pogrubieniu bold. Rozmiar czcionki ustawiam na 300pt.

Adobe Illustrator - Efekt złotej czcionki

Jeśli jesteście zadowoleni z wyboru czcionki i słów, przejdźcie do górnego paska narzędziowego i wybierzcie Czcionka>Konwertuj na krzywe.

Adobe Illustrator - efekt złotego tekstu

Teraz możecie kliknąć pipetą na kwadracie z wcześniej przez was utworzonym gradiencją. W przeciwieństwie do Photoshopa, pipeta w Illustratorze rozpoznaje różnicę między pojedynczym kolorem a gradiencją. W efekcie cały gradient zostanie zastosowany do waszego tekstu. Następnie powinno to wyglądać mniej więcej jak na Rysunku 16.

Adobe Illustrator - efekt złocony na tekście

Ponieważ gradiencja teraz biegnie wciąż z lewej na prawo, a nie jak zamierzono z góry na dół, możecie albo po prostu ustawić kąt 90° w palecie Gradiencji ...

Adobe Illustrator - efekt złota na tekście.

... lub chwycicie narzędzie Gradiencji z palety narzędzi. Dzięki temu narzędziu możecie dostosować gradiencję poprzez kliknięcie i przeciągnięcie. Możecie więc swobodnie ustawić kąt, pozycję oraz długość gradiencji.

Adobe Illustrator – efekt złota na tekście

Po dostosowaniu gradiencji, efekt powinien wyglądać mniej więcej jak na Rysunku 19 (patrz Rysunek 19).

Adobe Illustrator - efekt złota na tekście

Krok 4: Rozświetlenie złota

W kolejnym kroku musicie zadbać o to, aby wasze złoto ładnie świeciło.

Aby to osiągnąć, teraz stwórz kontur koloru czarnego o grubości 5pt.

Adobe Illustrator – efekt złotej czcionki

Ponieważ starsze wersje Illustratora nie pozwalają na gradiencje na konturach, musicie przekształcić ten kontur w osobny obiekt. Można to zrobić poprzez Obiekt>Przekształć. W następnym oknie usuń hakiem przy Powierzchnia i dodaj przy Kontur. Potwierdź to klikając OK.

Adobe Illustrator - efekt złotej czcionki

Za pomocą skrótu Command+Shift+G (na PC - Strg+Shift+G) możecie odgrupować element (naciśnij ten skrót 2 razy). To spowoduje, że możecie wybrać kontur osobno. (Rysunek 22)

Adobe Illustrator – efekt złotej czcionki

Teraz kliknij kwadrat z gradientem i utwórz kopię bezpośrednio obok, przytrzymując jednocześnie klawisz Alt. Wróć teraz do palety gradientów i przefarbnij wybraną wartość złota na biało, jak w rysunku 23. Biały kolor później będzie odpowiedzialny za podświetlenia na krawędziach.

Adobe Illustrator - Efekt złoty na tekście

Wybierz obramowanie swojego tekstu i wypełnij je właśnie zmienionym gradientem. Najłatwiej zrobić to ponownie za pomocą pipety, klikając na kwadrat z odpowiednim gradientem (rys. 24).

Adobe Illustrator - Efekt złotej czcionki

Aby dostroić ten gradient, ponownie sięgnij po narzędzie gradientu z palety narzędzi i przeciągnij gradient z lewego górnego rogu na prawy dolny (musisz to zrobić oddzielnie dla każdej litery). Następnie całość powinna wyglądać mniej więcej jak na rysunku 25.

Adobe Illustrator – efekt złota na tekście

Jeśli teraz umieścisz ten tekst na ciemnym tle, połyskujące krawędzie będą wyglądać jeszcze lepiej. I to wszystko, efekt złota jest gotowy.

Adobe Illustrator – efekt złota na tekście

Część 2:

Tworzenie bibliotek kolorów

Ważne jest mieć możliwość zapisania tych kolorów i gradientów w osobnych bibliotekach w programie Adobe Illustrator.

Aby to zrobić, można tworzyć własne biblioteki kolorów, które są przechowywane bezpośrednio w Adobe Illustrator.

Wróć teraz do palety pól kolorów. Tutaj wcześniej przeciągnęliście wszystkie odcienie złota za pomocą przeciągnij i upuść. To samo możecie teraz zrobić z obydwoma gradientami, które utworzyliście.

Adobe Illustrator – Efekt złotej czcionki

Kliknij teraz na mały symbol folderu w dolnym prawym rogu palety pól kolorów. W następnym oknie możesz nadać nowej grupie kolorów nazwę. Po prostu nazwij tę grupę "Kolory złota" i potwierdź okno za pomocą OK. W ten sposób zostanie utworzona nowa grupa.

Adobe Illustrator – Efekt złotej czcionki

Przeciągnij teraz swoje odcienie złota do tej grupy za pomocą przeciągnij i upuść. Niestety gradientów nie można umieścić w tym folderze, ponieważ Illustrator na to nie pozwala.

Ponieważ chcesz zachować w bibliotece kolorów złota tylko odcienie złota, musisz usunąć domyślne kolory. Najlepiej zrobić to, wybierając trzymając wciśnięty klawisz Shift kolory do usunięcia, a następnie klikając na małym koszu w dolnym prawym rogu.

Zazwyczaj nie usuwam kolorów czarnego i białego, ponieważ często mogą się przydać. Po wykonaniu tych kroków, całość powinna wyglądać mniej więcej tak jak na rysunku 29.

Adobe Illustrator - Efekt złota na tekście

Teraz kliknij strzałkę w prawym górnym rogu, aby otworzyć menu rozwijane. Przewiń prawie na dół i kliknij zapisz bibliotekę kolorów jako ASE. W następnym oknie nadaj nazwę (w tym przypadku znów "Kolory złota").

Adobe Illustrator - efekt złota na tekście

Twoja pierwsza własna biblioteka kolorów jest gotowa.

Teraz stwórz nowy dokument za pomocą Plik>Nowy.

Po utworzeniu dokumentu zauważysz, że kolory złota zniknęły, a domyślne kolory są ponownie widoczne.

Aby ponownie uzyskać kolory złota, ponownie kliknij na małą strzałkę w górnej lewej części palety pól kolorów, aby otworzyć menu rozwijane. Tym razem wybierz opcję otwórz bibliotekę kolorów a następnie niestandardowy. Zostaną wyświetlone biblioteki kolorów, które zapisaliście sami. Kliknięcie na Kolory złota otworzy nową paletę kolorów z odcieniami złota i gradientami, które wcześniej zapisaliście.

Adobe Illustrator - efekt złotej czcionki

Dodatkowa zawartość

Złota czcionka jako realizacja 3D

Jak już zostało zapowiedziane na początku samouczka, przygotowałem dla was małą dodatkową zawartość. Chciałbym pokazać szybko, jak z waszej czcionki 2D zrobić czcionkę 3D. Zatem zaczynajmy...

Wybierzcie swoją złotą czcionkę i kliknijcie na górnym pasku menu Efekty>3D>Ekstruzja i płaska krawędź.

Adobe Illustrator - efekt złota na tekście

Następnie pojawi się nieco większe okno dialogowe, w którym teraz możecie dokonać wszystkich ustawień dla tekstu 3D. Kiedy klikniecie na dole po lewej stronie Podgląd, zawsze zobaczycie od razu, co się zmienia, gdy zmienicie wartość.

Dwie ustawienia są teraz bardzo istotne dla naszej czcionki 3D.

• W górnej części możecie obracać 3D-czcionkę swobodnie i pozycjonować ją tak, jak chcecie (1).
• W Głębokość ekstruzji możecie ustawić, jak daleko ma zostać przedłużona wasza czcionka (2).

Na razie to wszystko nie wygląda zbyt imponująco (rysunek 33), ponieważ część czcionki wyekstruowana do tyłu jest szara i jeszcze nie jest złota.

Adobe Illustrator - efekt złota na tekście.

To proste wyzwanie możecie szybko rozwiązać, klikając na Więcej opcji i wybierając Kolor cieniowania jako Niestandardowy. Jako wartość koloru możecie wpisać tu #D2B023. Wszystkie ustawienia, które zrobiłem, zobaczycie na rysunku 34.

Adobe Illustrator - Efekt złotego tekstu

Wasza złota czcionka 3D jest gotowa.

Adobe Illustrator - efekt złoty na tekście

Słowa końcowe

Mam nadzieję, że ten samouczek sprawił wam przyjemność i teraz wiecie, jak w dość prosty sposób stworzyć taką złotą czcionkę. Jeśli pojawia się jakiekolwiek pytania, napiszcie je po prostu w komentarzach pod tym samouczkiem. Postaram się jak najszybciej na nie odpowiedzieć.

Wasz

Julian