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łotego tekstu Adobe Illustrator – efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-01.webp?tutkfid=118269)
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łoty na tekście Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-02.webp?tutkfid=118274)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-03.webp?tutkfid=118299)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-04.webp?tutkfid=118267)
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 Adobe Illustrator - Efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-05.webp?tutkfid=118268)
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łotej czcionki Adobe Illustrator - efekt złotego tekstu](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-06.webp?tutkfid=118271)
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łotego tekstu Adobe Illustrator - efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-07.webp?tutkfid=118270)
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. Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-08.webp?tutkfid=118276)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-09.webp?tutkfid=118272)
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łocony na tekście Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-10.webp?tutkfid=118278)
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łotej czcionki Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-11.webp?tutkfid=118275)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-12.webp?tutkfid=118280)
Od lewej do prawej strony, następująca kolejność pól kolorów (patrz Rysunek 13).
![Adobe Illustrator - efekt złota na tekście Adobe Illustrator - efekt złotego na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-13.webp?tutkfid=118273)
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łota na tekście Adobe Illustrator - Efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-14.webp?tutkfid=118277)
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łotej czcionki Adobe Illustrator - efekt złotego tekstu](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-15.webp?tutkfid=118279)
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łota na tekście Adobe Illustrator - efekt złocony na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-16.webp?tutkfid=118286)
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łotego tekstu Adobe Illustrator - efekt złota na tekście.](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-17.webp?tutkfid=118283)
... 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 Adobe Illustrator – efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-18.webp?tutkfid=118282)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-19.webp?tutkfid=118281)
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łotego tekstu Adobe Illustrator – efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-20.webp?tutkfid=118291)
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łota na tekście. Adobe Illustrator - efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-21.webp?tutkfid=118288)
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łota na tekście Adobe Illustrator – efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-22.webp?tutkfid=118284)
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łota na tekście. Adobe Illustrator - Efekt złoty na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-23.webp?tutkfid=118285)
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łota na tekście Adobe Illustrator - Efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-24.webp?tutkfid=118293)
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 Adobe Illustrator – efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-25.webp?tutkfid=118289)
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 Adobe Illustrator – efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-26.webp?tutkfid=118287)
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 Adobe Illustrator – Efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-27.webp?tutkfid=118292)
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łota na tekście Adobe Illustrator – Efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-28.webp?tutkfid=118290)
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 Adobe Illustrator - Efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-29.webp?tutkfid=118294)
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 Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-30.webp?tutkfid=118295)
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łota na tekście Adobe Illustrator - efekt złotej czcionki](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-31.webp?tutkfid=118298)
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łotej czcionki Adobe Illustrator - efekt złota na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-32.webp?tutkfid=118297)
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 Adobe Illustrator - efekt złota na tekście.](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-33.webp?tutkfid=118300)
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 Adobe Illustrator - Efekt złotego tekstu](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-34.webp?tutkfid=118296)
Wasza złota czcionka 3D jest gotowa.
![Adobe Illustrator - efekt złota na tekście Adobe Illustrator - efekt złoty na tekście](/storage/media/text-tutorials/870/goldeffekt-schrifteffekt-adobe-illustrator-35.webp?tutkfid=118301)
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