Szybka wskazówka: jak stworzyć pyszny czekoladowy efekt tekstowy
dla wszystkich miłośników czekolady, tutaj jest jak stworzyć pyszny efekt tekstowy czekolady w programie Illustrator. Użyjesz narzędzia Blend, efektów takich jak chropowaty i chromowany, różnych trybów mieszania, a także efektu 3D Extrude &, aby stworzyć idealne kwadraty czekoladowe. Smacznego!
Krok 1
Otwórz nowy dokument internetowy. Weź narzędzie Prostokąt (M) i narysuj kwadrat 16×16 px, a następnie wypełnij go pokazanym brązowym kolorem. Po wybraniu tego kwadratu przejdź do menu efekt > Zniekształć& Przekształć i zastosuj efekt Przekształć. Z menu Obiekt wybierz rozwiń wygląd, a następnie Rozgrupuj dwa razy i uzyskałeś osiem potrzebnych kwadratów.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-1.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-1.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-1.jpg)
Krok 2
teraz skomponujmy litery. Wybierz kolumnę ośmiu kwadratów i przytrzymując klawisz Alt przeciągnij je, aby powielić całą kolumnę. Zrób to samo ponownie, aby uzyskać trzy kolumny, które będą używane dla każdej z liter. Następnie umieść cztery kwadraty, jak pokazano na obrazku i pomnóż je (Alt + przeciągnij), aby uzyskać literę „C”.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-2.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-2.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-2.jpg)
Krok 3
dla litery „H” wszystko, czego potrzebujesz, to dwie kopie trzech kolumn, a następnie umieść pozostałe dwa kwadraty między nimi. Litera ” O ” jest podobna tylko usunąć cztery kwadraty w rogach. Powiel litery ” C ” I „O”, a teraz masz wszystkie litery.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-3.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-3.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-3.jpg)
Krok 4
na tym kroku potrzebujesz koła 32×32 px (dwa razy większego od kwadratu) i kopii brązowego kwadratu. Umieść koło na górze kwadratu i upewnij się, że środek koła przecina lewy dolny róg kwadratu. Zaznacz oba kształty i kliknij rozwiń przecięcie obszarów kształtów >w Panelu odnajdywanie ścieżek. Zrób to samo, aby uzyskać inne ćwiartki okręgu. Następnie usuń wskazane kwadraty litery ” C ” i umieść na ich miejscu zaokrąglone rogi.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-4.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-4.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-4.jpg)
Na poniższym obrazku widać wszystkie kwadraty, które zostały zastąpione. Skończysz z literami, ale zanim przejdziesz dalej, skopiuj i wklej każdy z nich do tyłu, ponieważ będziesz ich potrzebować później. Na razie możesz je ukryć, żeby Ci nie przeszkadzały.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-5.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-5.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-5.jpg)
Krok 5
wykonaj kopię brązowego kwadratu, a następnie przejdź do menu efekt > 3D i zastosuj efekt wyciskania&. Wybierz pozycję przednią, głębokość wytłaczania 15pt i zaokrąglony jako kształt skosu. Właśnie otrzymałeś idealny kwadrat czekolady. Teraz przejdź do panelu Wygląd i przeciągnij miniaturę do Panelu style graficzne, aby ją zapisać.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-6.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-6.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-6.jpg)
jeśli obniżysz głębokość wytłaczania z 15 pt do 10 pt, otrzymasz błyszczący kwadrat czekolady. Zapisz go również w panelu Style graficzne. Na poniższym obrazku możesz zobaczyć inne rodzaje czekolady, które możesz uzyskać, zmieniając kolor wypełnienia kwadratów.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-7.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-7.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-7.jpg)
Krok 6
Zaznacz wszystkie kwadraty składające się na literę i Zastosuj styl zapisany wcześniej. Dla liter ” H „i drugiego” C ” zastosowałem pierwszy styl zapisany na poprzednim kroku, a dla pozostałych styl Chocolate square 2. Możesz wybrać tylko jeden z wariantów, jeśli chcesz. Po zakończeniu wybierz rozwiń wygląd z menu Obiekt.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-8.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-8.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-8.jpg)
Krok 7
weź narzędzie Prostokąt (M) i narysuj prostokąt o wymiarach 630 x 170 px za literami, a następnie przejdź do menu efekt > Zniekształć&Przekształć i zastosuj efekt szorstkowania. Z menu Obiekt wybierz rozwiń wygląd, a następnie Rozgrupuj.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-9.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-9.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-9.jpg)
Krok 8
po wybraniu wynikowego kształtu przejdź do menu obiektu > ścieżka > przesunięcie ścieżki i zastosuj wartość przesunięcia 10 px. Wypełnij te dwa kształty pokazanymi kolorami, a następnie zaznacz je i przejdź do menu Obiekt > mieszaj > opcje mieszania. Wybierz gładki kolor, a następnie wróć do obiektu > Blend i wybierz Make.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-10.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-10.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-10.jpg)
Krok 9
skopiuj i wklej z przodu mniejszy kształt dwóch (ale przeciągnij go z grupy mieszania) i wypełnij go pokazanym gradientem liniowym. Następnie przejdź do menu efekt > szkic i zastosuj efekt Chrome. Zmień tryb mieszania, aby mnożyć i zmniejszyć krycie do 25%.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-11.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-11.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-11.jpg)
krok 10
skopiuj i wklej ten sam kształt dwa razy. Pozostaw jedną z nich tam, gdzie jest (Czerwona ścieżka), a drugą przesuń w prawo (Zielona ścieżka). Wybierz oba kształty i kliknij odejmuj od obszaru kształtu > rozwiń z Panelu odnajdywanie ścieżek. Uzyskasz ścieżkę złożoną, ale przejdź do menu Obiekt > ścieżka złożona i wybierz Release. Zachowaj tylko żółte kształty, które widzisz poniżej i wypełnij je pokazanym kolorem. Następnie po wybraniu wszystkich tych małych kształtów przejdź do efektu > rozmycia i zastosuj 1.5 px rozmycie Gaussa następnie zmień tryb mieszania na miękkie światło.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-12.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-12.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-12.jpg)
krok 11
na tym etapie potrzebne są dwie inne kopie tego samego kształtu użytego wcześniej. Przesuń jedną z nich w górę (różową ścieżkę), a następnie powtórz poprzedni krok, aby uzyskać więcej podświetleń. Kolor wypełnienia i promień rozmycia są takie same tylko tym razem ustawić je na jasność.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-13.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-13.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-13.jpg)
twórz jeszcze więcej pasemek w ten sam sposób.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-14.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1000/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-14.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-14.jpg)
krok 12
aby utworzyć małe kawałki czekolady, najpierw narysuj kształt podobny do obrazu za pomocą narzędzia Pióro (P) lub narzędzia Ołówek (N). Wypełnij go ciemnym brązem, a następnie przejdź do efektu > stylizuj i zastosuj efekt wewnętrznego blasku. Następnie narysuj mniejszy kształt na górze, jak czerwony i wypełnij go pokazanym kolorem. Przejdź do menu efekt > rozmycie i zastosuj rozmycie Gaussa 1 px, a następnie zmień tryb mieszania na jasność. Pozostałe elementy są wykonane w ten sam sposób, tylko tryby mieszania małych kształtów podświetlenia są zmieniane na inny wygląd. Możesz nawet nieco zmniejszyć krycie, jeśli uważasz, że jest to konieczne.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-15.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-15.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-15.jpg)
Oto wszystkie małe kawałki czekolady ułożone losowo wokół liter:
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-16.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-16.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-16.jpg)
krok 13
skopiuj jeden z kwadratów czekolady (rozwinięty) i wybierz za pomocą narzędzia bezpośredniego zaznaczania (a) tylko przedni kwadrat z grupy. Przejdź do menu Obiekt > ścieżka i wybierz Dodaj dwa razy punkty kontrolne. Użyj tych punktów kotwiczenia jako odniesienia i narysuj trzy czerwone ścieżki między nimi. Obrysuj je pędzlem o nazwie zwężający się obrys, który można znaleźć w menu Biblioteki pędzli w obszarze Artistic > Artistic_Ink. Zmniejsz wagę obrysu do 0,05 pkt, a następnie przejdź do menu Obiekt i wybierz rozwiń wygląd. Wypełnij powstałe paski pokazanym gradientem liniowym.
teraz pomnóż nowy kwadrat czekolady i zastąp nimi niektóre inne, jak na zdjęciu.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-17.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-17.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-17.jpg)
krok 14
wszystko, co pozostało do zrobienia, to dodanie cieni za literami. Do tego potrzebne są kopie listów, które powiedziałem, aby zachować w kroku 4. Mając wszystkie kwadraty składające się na wybraną literę, kliknij przycisk Dodaj do obszaru kształtu > rozwiń w Panelu odnajdywanie ścieżek, aby je połączyć i uzyskać literę „C”. Wypełnij go ciemnym brązem, a następnie przejdź do efektu > rozmycie i zastosuj rozmycie Gaussa 4 px. Zrób to samo dla pozostałych liter.
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-18.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-18.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-18.jpg)
końcowy obraz
jesteś skończony i to jest końcowy obraz. Idź za moim przykładem i zjedz trochę czekolady.: )
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-final.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=1200/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-final.jpg)
![](https://cdn.tutsplus.com/cdn-cgi/image/width=720/vector/uploads/legacy/qt/2011_QT/qt_103_chocolate_text/image-final.jpg)