Rysowanie za pomocą kształtów w Adobe InDesign

Kobieta ma spotkanie na Skypie

Gary Houlder / Getty Images





Oczywiście, możesz stworzyć wszystkie rysunki wektorowe widoczne w poniższej reklamie za pomocą programu Illustrator lub innego oprogramowania graficznego – ale możesz też zrobić to całkowicie w programie InDesign. Śledź dalej, a my pokażemy Ci, jak stworzyć efektowne kwiaty, lampę lawową i wiele więcej, aby stworzyć idealną reklamę inspirowaną latami 60.

01 z 08

Przenieś program InDesign z powrotem do lat sześćdziesiątych

Reklama w sklepie z używanymi rzeczamiLifewire



' id='mntl-sc-block-image_2-0-1' />

Lifewire



Podstawowymi narzędziami używanymi do rysowania wszystkich tych ilustracji są:

  • Narzędzia kształtu prostokąta, elipsy i wielokąta
  • Narzędzie Konwertuj punkt kierunkowy (w menu rozwijanym Narzędzie Pióro)
  • Narzędzie Zaznaczanie bezpośrednie (biała strzałka na pasku narzędzi)
  • Pionier

Aby uzupełnić swoje ilustracje, użyjesz także narzędzi Wypełnij/Obrysuj, aby pokolorować swoje kształty, oraz narzędzi Przekształć, aby skalować i obracać.

Tekst i układ

Ten samouczek nie obejmuje części tekstowych tej reklamy, ale oto kilka rzeczy, które warto wiedzieć, jeśli chcesz spróbować odtworzyć niektóre z jej wyglądów.

Czcionki:



  • Nagłówek: Cukierkowy okrągły BTN
  • Nazwa sklepu (Bell Bottom Thrift) w Laser dolny dzwonka (bardzo a propos) i Calibri
  • Inne kopie: Berlin Sans FB
  • Etykiety map: Basic Sans SF

Efekty tekstowe:

Układ:



  • Marginesy 3p dookoła (domyślnie InDesign)
  • Układ wykorzystuje zasada trójpodziału zarówno w pionie, jak iw poziomie.
  • Lampa lawowa zajmuje jedną trzecią pionową.
  • Informacje kontaktowe i mapa znajdują się w dolnej poziomej trzeciej części.
  • Nazwa sklepu znajduje się w prawym górnym rogu trzeciego i wokół wizualnego centrum.
  • Notka sprzedaży Early Bird znajduje się w pobliżu prawego dolnego przecięcia trzech części.
02 z 08

Rysowanie pierwszego kwiatka

W ustawieniach projektowych dla kwiatówLifewire

' id='mntl-sc-block-image_2-0-15' />

Lifewire



Nauka o gwiazdach w programie InDesign obejmuje bardziej szczegółowe informacje na temat przekształcania wielokątów w kształty gwiazd i jest przydatna, jeśli nigdy nie pracowałeś z narzędziem Wielokąt/Gwiazda w programie InDesign.



W tym przykładzie nasz pierwszy kwiat zaczynamy od gwiazdy.

Narysuj 5-punktową gwiazdę

  1. Wybierz Narzędzie Kształt wielokąta z menu wysuwanego Kształt w Narzędziach
  2. Kliknij dwukrotnie Narzędzie Kształt wielokąta aby wyświetlić okno dialogowe Ustawienia wielokątów
  3. Ustaw wielokąt na 5 boków i wstawkę w kształcie gwiazdy na 60%
  4. Trzymaj Zmiana klucz podczas rysowania swojej gwiazdy

Zamień punkty gwiazd w płatki

  1. Wybierz Narzędzie do konwersji punktów kierunkowych z menu wysuwanego Pióro w Twoich narzędziach. Kliknij istniejący punkt kontrolny. Przytrzymaj przycisk myszy. Pojawią się uchwyty tego punktu kontrolnego. Jeśli teraz przeciągniesz myszą, będziesz mógł zmienić już istniejącą krzywą. Jeśli uchwyt jest już widoczny, jeśli klikniesz sam uchwyt i przeciągniesz go, zmienisz również istniejącą krzywą.
  2. Używając Narzędzie Pióro InDesign, kliknij i przytrzymaj punkt zakotwiczenia na końcu górnego punktu swojej gwiazdy
  3. Przeciągnij kursor w lewo, a zobaczysz, jak twój punkt zamienia się w zaokrąglony płatek.
  4. Powtórz dla pozostałych czterech punktów na swojej gwieździe
  5. Jeśli chcesz wyrównać swoje płatki po zamianie 5 punktów zakotwiczenia, użyj Przekształć punkt kierunkowy lub Wybór bezpośredni narzędzie (biała strzałka w Narzędziach), aby wybrać uchwyty z każdej krzywej i przeciągać je do środka lub na zewnątrz, aż spodoba Ci się wygląd swojego kwiatu.

Nadaj swojemu kwiatowi ładny kontur

  • Zrób kopię swojego kwiatu i odłóż go na bok (do zrobienia drugiego kwiatka)
  • Wybierz wybrany kolor obrysu
  • Zwiększ grubość obrysu (5-10 punktów)

Dostrój swój kwiat

  • Otworzyć Uderzenia płyta ( F10 )
  • Zmień opcję Dołącz na Okrągłe połączenie (daje ładny wygląd wewnętrznych rogów)
03 z 08

Rysowanie drugiego kwiatka

Robienie kwiatów w IndesignLifewire

' id='mntl-sc-block-image_2-0-27' />

Lifewire

Nasz drugi kwiat również zaczął się jako Wielokąt/Gwiazda, ale zaoszczędzimy czas, używając kopii naszego pierwszego kwiatka.

    Zacznij od pierwszego kwiatka. Chwyć kopię, którą zrobiłeś z pierwszego kwiatka, zanim dodasz jego obrys. Możesz chcieć zrobić jeszcze jedną lub dwie kopie na wypadek, gdybyś nawalił.Zakrzywij wewnętrzne rogi.Użyj Przekształć punkt kierunkowy narzędzie na pięciu wewnętrznych punktach zakotwiczenia twojego kwiatuRozciągnij płatki kwiatów. Użyj Wybór bezpośredni narzędzie do odciągania zewnętrznych punktów zakotwiczenia od środka, rozciągając każdy z płatków kwiatuDostrój swój kwiat.Użyj Wybór bezpośredni Narzędzie do chwytania uchwytów dowolnych krzywych, aby pogrubić zewnętrzne końce płatków i sprawić, że wewnętrzne części płatków będą cieńsze i uzyskać wszystkie płatki mniej więcej tego samego rozmiaru.Dokończ swój kwiat.Gdy podoba Ci się wygląd swojego kwiatu, nadaj mu wybrane wypełnienie i obrys.
04 z 08

Rysowanie Blob

Robienie blobaLifewire

' id='mntl-sc-block-image_2-0-31' />

Lifewire

Możesz nadać swojej kropelce dowolny kształt i możesz zacząć od prawie dowolnego kształtu. Oto jeden sposób, aby to zrobić.

    Zrób początkowy kształt.Narysuj sześcioboczny wielokąt.Zmodyfikuj kształt.Użyj Przekształć punkt kierunkowy narzędzie na niektórych lub wszystkich punktach kontrolnych, przeciągając wielokąt do dowolnego pożądanego kształtu.Pokoloruj kropelkę.Wypełnij plamę wybranym kolorem.
05 z 08

Rysowanie lampy

Tworzenie kształtu lampy lawowejLifewire

' id='mntl-sc-block-image_2-0-36' />

Lifewire

Na naszą lampę składają się trzy kształty. Na następnej stronie dodamy „lawę”.

    Stwórz kształt lampy.Narysuj wysoki sześcioboczny wielokąt.Zmodyfikuj lampę.Z Wybór bezpośredni wybierz dwa środkowe punkty kontrolne i przeciągnij je w dół, aż wielokąt będzie wyglądał jak kształt na rysunku #2.Dodaj kształt czapki.Narysuj prostokąt nad lampą na czapkę.Zmodyfikuj czapkę.Wybierz dwa dolne punkty kontrolne (po jednym na raz) za pomocą Wybór bezpośredni narzędzia i lekko je przeciągnij, aż będą wyglądały jak na rysunku 4.Dodaj kształt podstawowy.Narysuj kolejny sześcioboczny wielokąt na dole lampy dla podstawy z jej górną krawędzią tuż przy lub pod środkowymi punktami kontrolnymi przesuniętymi w kroku 2.Zmodyfikuj bazę.Przeciągnij górne i dolne kotwy z jednej strony podstawy na zewnątrz, aż zakryją lampę. Przeciągnij środkową kotwicę do wewnątrz, jak pokazano. Powtórz po drugiej stronie wielokąta.Pokoloruj lampę.Wypełnij lampę, nasadkę i podstawę wybranymi kolorami.
06 z 08

Rysowanie lawy w lampie

Umieszczanie lawy w lampieLifewire

' id='mntl-sc-block-image_2-0-41' />

Lifewire

Dodaj lawę do lampy lawowej za pomocą Kształt elipsy narzędzie.

    Narysuj lawę.Narysuj losowe okrągłe/owalne kształty za pomocą narzędzia Kształt elipsy, nakładając na siebie małą i dużą parę w środku lampy.Zrób podwójną kropelkę.Wybierz dwa nakładające się kształty i wybierz Obiekt > Pathfinder > Dodaj zamienić je w jeden kształt.Dostosuj podwójną kroplę.Użyj Przekształć punkt kierunkowy oraz Wybór bezpośredni narzędzia do modyfikowania krzywych, aż uzyskasz coś, co wygląda jak duża plama rozdzielająca się na dwie części.Pokoloruj lawę.Wypełnij kształty lawy wybranym kolorem.Poruszaj lawą.Wybierz nasadkę i podstawę lampy i przenieś je na przód: Obiekt > Rozmieść > Przesuń na wierzch ( Shift+Control+] ) więc pokrywają te plamy lawy, które zachodzą na czapkę i podstawę.
07 z 08

Rysowanie prostej mapy

Tworzenie mapyLifewire

' id='mntl-sc-block-image_2-0-45' />

Lifewire

Do naszej reklamy nie potrzebujemy skomplikowanej mapy miasta. Coś prostego i wystylizowanego działa dobrze.

    Narysuj drogi.
    1. Narysuj długi, cienki prostokąt reprezentujący drogę.
    2. Zrób kilka kopii i użyj Przekształć > Obróć ułożyć je w razie potrzeby.
    3. W większości przypadków można pominąć zakręty i drobne zygzaki na drodze. Jeśli droga jest znaczna, zmień prostokąt w krzywą.
    4. Wybierz wszystkie swoje drogi, a następnie przejdź do Obiekt > Pathfinder > Dodaj przekształcić je w jeden przedmiot.
    Załącz mapę.Umieść prostokąt nad swoimi drogami, obejmujący tylko ten fragment, którego chcesz użyć na mapie.Zrób mapę.Wybierz drogi i prostokąt i przejdź do Obiekt > Pathfinder > Minus Back

Aby zakończyć mapę, dodaj prostokąt reprezentujący miejsce docelowe i oznacz główne drogi.

08 z 08

Składanie ilustracji

Złóż ilustracjęLifewire

' id='mntl-sc-block-image_2-0-50' />

Lifewire

Nie musimy robić nic więcej z naszą lampą lawową, plamą i mapą, niż tylko przenieść je na miejsce. Ale nasze kwiaty wymagają jeszcze kilku manipulacji.

  • Weź każdy kwiatek i zrób kilka kopii.
  • Skaluj, obracaj i zmieniaj kolory wypełnienia/obrysu zgodnie z potrzebami.
  • Wybierz dwa lub trzy kształty kwiatów i nałóż odrobinę piór ( Obiekt > Efekty > Wtapianie podstawowe )

Odlotowy! Nasza ilustracja inspirowana latami 60. jest kompletna i zrobiłeś to wszystko w programie Adobe InDesign. Wystarczy dodać tekst, aby zakończyć naszą reklamę Bell Bottom Thrift.