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...
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.
Po otwarciu programu Illustrator, na początek utwórzcie nowy obszar roboczy o formacie DIN A3. Można to zrobić poprzez Plik>Nowy.
Następnie przejdźcie do Plik>Umieść i wybierzcie obraz, który wcześniej zapisaliście. Potwierdźcie to okno klikając OK.
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.
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.
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
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.
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.
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ć.
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.
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.
Od lewej do prawej strony, następująca kolejność pól kolorów (patrz Rysunek 13).
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.
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.
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.
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 ...
... 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.
Po dostosowaniu gradiencji, efekt powinien wyglądać mniej więcej jak na Rysunku 19 (patrz Rysunek 19).
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.
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.
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)
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.
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).
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.
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.
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.
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.
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.
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").
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.
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ź.
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.
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.
Wasza złota czcionka 3D jest gotowa.
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