Tworzenie wstążki jest tak samo jak tworzenie każdego innego kształtu w Adobe Illustrator. To znaczy, że zaczyna się od podstawowych kształtów, takich jak prostokąt. Zrób kilka kopii i połącz kształty, aby stworzyć nowy. Możesz też faktycznie zrobić skręconą wstążkę z linii.

Brzmi intrygująco, prawda?

Jest tak wiele różnych rodzajów wstążek, że nie sposób omówić ich wszystkich w jednym tutorialu. Dlatego w tym tutorialu pokażę Ci jak zrobić klasyczny baner ze wstążki i kilka trików do jego stylizacji. Dodatkowo dowiesz się jak zrobić skręconą wstążkę 3D.

Uwaga: zrzuty ekranu z tego samouczka pochodzą z wersji Adobe Illustrator CC 2022 Mac. Windows lub inne wersje mogą wyglądać inaczej.

Jak zrobić wstążkę w programie Adobe Illustrator

Wstążkę można narysować za pomocą narzędzi kształtu w programie Adobe Illustrator, takich jak narzędzie Prostokąt i narzędzie Konstruktor kształtu.

Wykonaj poniższe kroki, aby zrobić wstążkę wektorową.

Krok 1: Wybierz Narzędzie Prostokąt (skrót klawiaturowy M ) z paska narzędzi, aby narysować długi prostokąt.

Krok 2: Narysuj kolejny krótszy prostokąt i przesuń go do miejsca, w którym przecina się z dłuższym prostokątem.

Krok 3: Wybierz Narzędzie do punktów kotwiczenia (skrót klawiaturowy Zmiana + C ) z paska narzędzi.

Kliknij lewą krawędź mniejszego prostokąta i przeciągnij go w prawo.

Krok 4: Powiel kształt i przenieś go na prawą stronę prostokąta.

Odwróć kształt, a zobaczysz kształt baneru ze wstążką.

Nie, jeszcze nie skończyliśmy.

Krok 5: Zaznacz wszystkie kształty i wybierz Narzędzie do budowania kształtów (skrót klawiaturowy Zmiana + M ) z paska narzędzi.

Kliknij i przeciągnij po kształtach, które chcesz połączyć. W tym przypadku łączymy części a, b i c.

Po połączeniu kształtów, twój obraz powinien wyglądać tak.

Możesz użyć narzędzia linii, aby dodać mały szczegół do wstążki.

Możesz zmienić kolor lub dodać do niego tekst i zrobić baner ze wstążką. Jeśli planujesz dodać inny kolor do tego małego trójkąta tam, możesz użyć narzędzia Shape Builder Tool, aby stworzyć tam kształt.

Jak zrobić baner ze wstążką w Adobe Illustrator

Teraz, gdy stworzyłeś kształt wstążki, następnym krokiem jest stylizacja wstążki i dodanie tekstu, aby stworzyć baner wstążki. Pominę kroki tworzenia wstążki tutaj, ponieważ już pokryłem to powyżej.

Teraz zacznijmy od części stylizacyjnej, a skoro mowa o stylizacji, to na pierwszym miejscu jest kolor.

Krok 1: Wypełnij wstążkę kolorami.

Wskazówka: Po wypełnieniu kolorem możesz na razie pogrupować obiekty na wypadek, gdybyś przypadkowo przesunął niektóre części.

Krok 2: Użyj narzędzia Typ, aby dodać tekst. Wybierz czcionkę, rozmiar, kolor tekstu i przenieś tekst na wierzch wstążki.

Jeśli jesteś zadowolony z wyglądu, możesz na tym poprzestać, ale poniżej pokażę Ci kilka sztuczek, które pozwolą Ci stworzyć zakrzywione wstążki.

Jak zrobić zakrzywione wstążki w programie Adobe Illustrator

Nie będziemy rysować wstęgi od zera, zamiast tego możemy zniekształcić wstęgę wektorową, którą stworzyliśmy powyżej, aby była zakrzywiona za pomocą Envelop Distort.

Po prostu wybierz wstążkę, przejdź do menu nad głową Obiekt > Zniekształcenie obwiedni > Zrób to z Osnową Pojawia się okno Warp Options.

Domyślny styl to poziomy Łuk z wygięciem 50%. Możesz dostosować, jak bardzo się wygina, przesuwając suwak. Na przykład zmieniłem go na 25% i wygląda całkiem dobrze.

Kliknij OK , i to wszystko - stworzyłeś zakrzywioną wstęgę.

Możesz również kliknąć w menu rozwijane Styl, aby zobaczyć więcej opcji stylu.

Na przykład tak wygląda styl Flaga.

Jak zrobić zakręconą wstążkę w programie Adobe Illustrator

Stworzenie zakręconej wstążki w Adobe Illustrator wymaga tylko dwóch kroków. Wystarczy narysować linię i zastosować do niej efekt 3D. I właściwie można użyć tej metody również do stworzenia wstążki 3D.

Krok 1: narysuj zakrzywioną/pofalowaną linię. Tutaj użyłem narzędzia pędzla do narysowania linii.

Krok 2: Wybierz linię, przejdź do menu nadrzędnego Efekt > 3D i materiał > Wyciskanie & Ukosowanie .

Nie widać zbytnio efektu, bo jest na czarno. Zmień kolor linii, żeby zobaczyć jak to wygląda.

Możesz dostosować oświetlenie i materiał lub obrócić wstęgę do preferowanego wyglądu.

To wszystko, więc kształt wstęgi zależy od narysowanej linii. W zależności od kształtu, można dostosować oświetlenie, aby uzyskać najlepszy wynik.

Zakończenie

Teraz powinieneś wiedzieć, jak tworzyć różne rodzaje banerów wstęgowych i skręconych wstążek. Kiedy tworzysz baner wstęgowy, upewnij się, że kształty są utworzone prawidłowo za pomocą narzędzia Shape Builder Tool, w przeciwnym razie możesz napotkać problemy z kolorowaniem poszczególnych części.

Tworzenie wstęg 3D jest całkiem proste, jedyny "problem", na jaki możesz się natknąć, to rozgryzienie oświetlenia i perspektywy. Cóż, nie nazwałbym tego nawet kłopotem, to raczej bycie cierpliwym.

Daj znać, jeśli masz jakieś pytania dotyczące tworzenia wstążek w Adobe Illustrator.