Tworzenie efektu zwijania strony to przydatna umiejętność, szczególnie w przypadku projektowania graficznego związanego z marketingiem i reklamą. W tym samouczku dowiesz się, jak utworzyć naklejkę z powrotem do tyłu z zawinięciem strony lub stroną z uszami, efekt z użyciem Adobe Illustrator CC. Zwróć uwagę, że efekt zwijania strony można również uzyskać za pomocą CS6 lub innych najnowszych wersji.
Proces opisany poniżej rozpocznie się od utworzenia nowego dokumentu i użycia narzędzia Rectangle, Pen i Type. Następnie dodamy kolor do kształtów i tekstu, wybierz czcionkę, wprowadzamy zmiany w rozmiarze i stylu czcionki oraz obracający się tekst. Przekonasz się, że techniki użyte do stworzenia tej grafiki to te, które można następnie zastosować do tworzenia różnych rodzajów grafiki.
Aby kontynuować, postępuj zgodnie z każdym krokiem aż do końca i zakończ grafiką.
01 z 19Utwórz nowy dokument
Aby utworzyć nowy dokument w programie Illustrator, wybierz Plik > Nowy. Tutaj nazwaliśmy plik "naklejką" i zrobiliśmy go 6 "x 4." Następnie kliknij dobrze.
Utwórz kwadrat
Z panelu Narzędzia wybierz narzędzie Prostokąt, a następnie kliknij i przeciągnij, aby utworzyć duży prostokąt nad większością obszaru roboczego.
03 z 19Zapisz plik
Aby zapisać swoje postępy, wybierz Plik > Zapisać, następnie kliknij Zapisać. Pojawi się okno dialogowe. W przypadku większości projektów można zachować ustawienia domyślne i kliknąć dobrze.
04 z 19Dodaj kolor
Teraz zmień kolor na prostokąt. W panelu Narzędzia kliknij dwukrotnie pole Wypełnienie, aby otworzyć Próbnik kolorów. Tam możesz wybrać kolor w polu Kolor lub wpisać liczby, aby wskazać kolor. Tutaj wpisaliśmy pola RGB 255, 255 i 0, co daje nam jasnożółty. Następnie kliknij dobrze.
05 z 19Usuń obrys
Tutaj możesz zmienić kolor obrysu, klikając dwukrotnie pole Obrys w panelu Narzędzia i wybierając kolor w Próbniku kolorów, ale w tym przypadku nie chcemy obrysu. Aby usunąć domyślną, kliknij pole Obrys, a następnie na Żaden przycisk tuż pod tym.
06 z 19Narysuj linię
Z panelu Narzędzia wybierz narzędzie Pióro. Aby utworzyć linię, w której chcesz nakleić naklejkę, kliknij powyżej prostokąta i ponownie na prawo od niego.
07 z 19Podziel prostokąt
Teraz podziel prostokąt, aby stał się dwa kawałki. Z panelu Narzędzia wybierz narzędzie Zaznaczanie i kliknij narysowaną linię, aby ją zaznaczyć, a następnie przytrzymaj klawisz Shift, klikając prostokąt.
Spowoduje to wybranie zarówno linii, jak i prostokąta. Następnie wybierz Okno > Pionier, Kliknij na Podzielić przycisk, a następnie na Minus Back przycisk, aby usunąć narożnik.
08 z 19Narysuj peelback
Teraz zechcesz narysować kształt skórki z powrotem. Za pomocą narzędzia Pióro kliknij wierzchołek prostokąta, w którym został podzielony, aby utworzyć punkt, a następnie kliknij i przeciągnij poniżej, aby utworzyć zakrzywioną linię. Przytrzymaj klawisz Shift, klikając ostatni punkt, a następnie kliknij i przeciągnij po prawej stronie prostokąta, w którym został podzielony, aby utworzyć kolejną zakrzywioną linię, jak pokazano.
Aby ukończyć kształt, kliknij pierwszy utworzony punkt.
09 z 19Dodaj kolor
Tak jak dodałeś kolor do prostokąta, teraz dodasz kolor do narysowanego kształtu. Tym razem w Próbniku kolorów wpisaliśmy do pól kolorów RGB 225, 225 i 204 dla koloru kremowego.
To byłby dobry czas, aby ponownie zapisać swoje postępy. Możesz wybrać Plik > Zapisaćlub użyj skrótu klawiaturowego "Command + S" na komputerze Mac lub "Control + S", jeśli korzystasz z systemu Windows.
10 z 19Dodaj cień do cienia
Po wybraniu narysowanego kształtu wybierasz Efekt > Stylizować > Upuść cień. Kliknij, aby umieścić zaznaczenie w polu obok opcji Podgląd, która pozwala zobaczyć, jak będzie wyglądać cień, zanim zostanie zatwierdzony.
Aby odtworzyć wygląd, który stworzyliśmy, wybierz Pomnóż dla trybu, 75% dla Opacity, ustaw oba przesunięcia X i Y na 0,1 cala, zmień wartość Blur 0.7, zachowaj domyślny kolor na czarny i kliknij dobrze.
11 z 19Ukryj warstwę
Aby otworzyć panel Warstwy, przejdź do Okno > Warstwy. Kliknij małą strzałkę obok warstwy 1, aby wyświetlić jej podwarstwy. Będziesz także klikać ikonę oka obok podwarstwy dla ścieżki, którą chcesz ukryć, która jest twoją narysowaną skórką.
12 z 19Dodaj tekst
Kliknij narzędzie Tekst w panelu Narzędzia, a następnie kliknij obszar roboczy i wpisz tekst. W tym miejscu użyliśmy "TAKE EXTRA 30% lub 20% lub 15% OFF", używając w razie potrzeby małych i wielkich liter.
Następnie naciśnij przycisk escape. Domyślnie kolor tekstu jest czarny, który możesz później zmienić.
Aby utworzyć kolejny obszar tekstu, ponownie kliknij narzędzie Tekst. Tym razem wprowadziliśmy tekst za zawinięciem strony: wpisaliśmy "PEEL TO", a następnie wróciliśmy, aby przejść do następnej linii i wpisaliśmy "REVEAL", a następnie naciśnij klawisz escape.
13 z 19Przesuń i obróć tekst
Za pomocą narzędzia Zaznaczanie kliknij i przeciągnij tekst za zawinięciem strony ("PEEL TO REVEAL" w naszym projekcie) w prawym górnym rogu, gdzie został odcięty prostokąt.
Dwukrotnie kliknij rozszerzony uchwyt i przesuń kursor w kierunku rogu obwiedni, aż zobaczysz krzywą podwójnej strzałki. Następnie przeciągnij, aby obrócić tekst.
14 z 19Dostosuj czcionkę
Za pomocą narzędzia Tekst kliknij i przeciągnij po tekście, aby go zaznaczyć. Następnie wybierz Okno > Postać. W panelu postaci możesz zmienić rozmiar czcionki i czcionki na dowolne, klikając jedną z małych strzałek, aby wyświetlić opcje.
Tutaj zrobiliśmy czcionkę Arial, styl Bold i rozmiar 14 pt.
15 z 19Zmień kolor czcionki
Po zaznaczeniu tekstu kliknij małą strzałkę obok koloru Wypełnienie na pasku opcji, aby wyświetlić kolory alternatywne i wybierz jasnoczerwony. Kolor nie jest widoczny, gdy tekst jest podświetlony, więc kliknij tekst, aby zobaczyć, jak wygląda.
16 z 19Wyśrodkuj tekst
W tym projekcie chcieliśmy, aby tekst był wyśrodkowany. Aby wyśrodkować tekst, kliknij i przeciągnij po tekście, aby ponownie go zaznaczyć, wybierz Okno > Ustęplub kliknij przycisk Ustęp kartę obok panelu Znak. W panelu Akapit kliknij wyrównanie środkowego przycisku. W razie potrzeby możesz również użyć narzędzia Zaznaczanie, aby zmienić położenie tekstu.
17 z 19Edytować tekst
Oto Twoja szansa na wprowadzenie zmian w pozostałej części tekstu.
W przypadku tego projektu użyliśmy narzędzia Tekst, aby umieścić kursor za słowem "EXTRA" i nacisnąć klawisz Return. To podzieliło tekst na dwie oddzielne linie. Aby zrobić trzy linie, umieściliśmy kursor po "30%" i ponownie przycisnęliśmy.
Aby zmienić czcionkę i rozmiar, zaznacz cały tekst, aby go zaznaczyć, i dokonaj wyborów w panelu Typografia. Tutaj zmieniliśmy czcionkę na Arial Black i robimy wiodącą (spacja między liniami) 90 pt.
W panelu Akapit zdecydowaliśmy się również kliknąć przycisk, który usprawiedliwia wszystkie linie, a na pasku opcji zmieniliśmy kolor na jasny niebieski.
Po wprowadzeniu zmian możesz kliknąć z dala od tekstu, aby zobaczyć, jak to wygląda.
Po sprawdzeniu zdecydowaliśmy się podświetlić tylko górny wiersz, aby go wybrać, aw panelu znaków zmieniliśmy jego rozmiar na 24 pt. Następnie wyróżniliśmy drugą linię i zmieniliśmy jej rozmiar na 100%. Aby wybrać 100%, musisz wpisać w pole wartości, ponieważ najwyższa widoczna opcja to 72%. Następnie podświetliliśmy ostatnią linię i uzyskaliśmy 21%.
18 z 19Skaluj tekst
Następnie przeskalujesz tekst. Choć spodobały nam się proporcje linii tekstu w stosunku do siebie, chcieliśmy, aby całość była trochę większa. Aby dokonać tej zmiany, kliknij narzędzie Zaznaczanie, aby kliknąć tekst, a następnie wybierz Obiekt > Przekształcać > Skalaiz wybraną opcją Jednolita wpisz swoją wartość - wybraliśmy 125% - następnie kliknij dobrze. Następnie kliknij i przeciągnij tekst, aby umieścić go dalej po lewej stronie.
19 z 19Dokonaj ostatecznych korekt
Teraz dla końcowych poprawek. W panelu Warstwy kliknij puste pole po lewej stronie ukrytej ścieżki, aby wyświetlić ikonę oka i ustawić ścieżkę. Również w panelu Warstwy kliknij i przeciągnij tę podwarszwę nad innymi podwarstwami, co spowoduje umieszczenie kształtu wstecznego skórki przed tekstem w obszarze roboczym.
W przypadku tego projektu chcieliśmy, aby górna linia tekstu pozostała tam, gdzie była, ale miała drugi i trzeci wiersz tekstu dalej po prawej stronie. Aby to zmienić, wybierz narzędzie Tekst, umieść kursor przed drugą linią i naciśnij klawisz Tab, a następnie wykonaj to samo w trzecim wierszu. Jeśli chcesz, możesz również kliknąć i przeciągnąć po pojedynczym wierszu tekstu, aby go zaznaczyć i poprawić dopasowanie w panelu znaków.
Gdy chcesz, jak wszystko wygląda, wybierz Plik > Zapisać, i jesteś skończony! Masz teraz naklejkę z naklejką z efektem zawijania strony, gotową do użycia.
