Utwórz ruchliwą scenę miasta Illustrator

Sep 11, 2025
Jak

Najlepsze miasto jest ruchliwe miasto, ale ta zajęta atmosfera nie jest łatwym do pomyślnym uchwyceniem. Jednak z pewnym prostym jak rysować Wskazówki Możesz przynieść swoje sceny miasta do życia, wypełnić architekturę szczegółowo ... i nie będziesz musiał spędzać na nim tygodni.

  • 100 Amazing Adobe Illumor Tutorials

W tym samouczku będziemy patrzeć na stawianie tętniącej życiem sceny ulicznej w Illustrator - część Adobe Kreatywna chmura . Będziemy budować architekturę, dodając dane, umieszczając meble uliczne i oznakowanie i eksperymentować z moją ulubioną rzeczą: kolor.

Krok 01.

Linework for a store – note how much of it is copy and pasted for efficiency (click image to enlarge)

Linder do sklepu - zauważ, ile z nich jest kopiowanie i wklejone w celu uzyskania wydajności (kliknij obraz, aby powiększyć)

Jak rozpocząć twoją grafikę zależy od Ciebie. Możesz zacząć od szkicu ołówkowego, wyciągnąć prosto do tabletu lub przejść prosto do ilustratora i zbuduj go w wektorach od podstaw. Zacząłem od szkicu ołówkiem i śledził linę za pomocą narzędzia pióra i kształtów w AI.

Krok 02.

This is a great way to learn how to get spacing and proportions correct before starting to draw (click image to enlarge)

Jest to świetny sposób na dowiedzieć się, jak poprawić odstępy i proporcje przed rozpoczęciem rysowania (kliknij obraz, aby powiększyć)

Jeśli nie jesteś nie chętny na rysunku - lub szukasz szybkiego skrótu - a następnie idź dalej i śledź zdjęcie. Użyj narzędzi kształtu, aby zbudować go z powrotem do przodu, więc warstwy w AI znajdują się w odpowiedniej kolejności. Więc najpierw podstawowa ściana (najdalszy obiekt daleko), a następnie szczegóły na ścianie i tak dalej, pracując naprzód do ramek i drzwi.

Krok 03.

Repeated windows, frames and fire escape (click image to enlarge)

Wielokrotne okna, ramki i Escape Fire (kliknij obraz, aby powiększyć)

Sceny miasta mogą mieć tysiące okien. Nie używaj ich po drugim, po prostu zilustrować jedną z początku w linie, a następnie dodaj kolory. Grupuj wszystkie elementy razem, wybierając każdą część i klikając cmd + g. . Pracuję naprawdę skutecznie poprzez kopiowanie i wklejanie tego okna.

Wybierz grupę okna, przytrzymaj Shift + Alt. i przenieś go w kierunku, którego potrzebujesz za pomocą klawiszy strzałek. Następnie zwolnij alt Klucz i klikanie Shift + Strzałka Klucz aż następne okno jest na miejscu. Powtórz, aż utworzysz wiersz Windows, a następnie grupuj wszystkie te okna razem i utwórz nowy wiersz poniżej. Kopiowanie, dopóki nie napełniłeś budynku z identycznymi oknami.

Krok 04.

I've included three key landmarks, which are spread across the illustration (click image to enlarge)

Obejmowałem trzy kluczowe punkty orientacyjne, które są rozpowszechniane na ilustracji (kliknij obraz, aby powiększyć)

Podczas tworzenia budynków zawsze zastanów się, jak spotyka się kompozycja miasta. W prawdziwym mieście punkty orientacyjne lub przyciągające wzrok budynki rzadko są obok siebie. Utwórz przestrzenie wokół tych kluczowych budynków i wypełnij te luki z mniejszymi budynkami, domami ogólnymi lub sklepami.

Zaczynam budować moje miasto od szczytu podręcznika i pracuję, więc warstwy budują się z dołu (lub najdalej, jeśli używasz perspektywy) do górnej warstwy (pierwszy plan).

Krok 05.

Space out the roads and try playing with diagonal shapes (click image to enlarge)

Space Wyjdź na drogi i spróbuj grać z ukośnymi kształtami (kliknij obraz, aby powiększyć)

Chyba że tworzysz scenę "dachy", upewnij się, że stworzyłeś trochę przestrzeni naziemnej, miejsca do umieszczenia ludzi, samochodów i tak dalej. Polecam zerwanie od każdego realizmu w kompozycji / perspektywie tutaj - warstwa budynków z blokami koloru z przodu i za sobą, aby stworzyć drogi i ściany. Mogą to być tak proste, jak chcesz (podstawowe prostokąty działają idealnie dobrze), ponieważ będziesz dodawać mnóstwo elementów na górze, aby przynieść scenę do życia.

Krok 06.

The colour palette can completely change the atmosphere of a city scene (click image to enlarge)

Paleta kolorów może całkowicie zmienić atmosferę sceny miasta (kliknij obraz, aby powiększyć)

Ze wszystkimi budynkami "zbudowanymi" dodajmy trochę koloru. Pierwsza wskazówka: nie używaj realistycznych kolorów. Większość budynków jest podobnymi szarościami i brązami, a to nikogo nie wzbudza. Możesz utworzyć paletę, która "czuje" jak miasto bez użycia dokładnych odcieni, których znajdziesz w prawdziwym życiu.

Więc jeśli idziesz na Jungle Jungle Jungle, bawić się bogatymi zieleniami, brudnymi szarami i naturalnymi odcieniami drewna. Jeśli wybierasz się na słoneczne współczesne miasto, spróbuj mieszać gorące różki i pomarańcze z głębokim cyrkanami i fajnym turkusem.

Krok 07.

These simple assets will bring a lot of extra interest to the scene (click image to enlarge)

Te proste aktywa przyniosą duże zainteresowanie sceny (kliknij obraz, aby powiększyć)

Twoje ulice wyglądają trochę puste, więc nadszedł czas, aby przynieść to do życia. Musimy dodawać liczby, znaki, pojazdy, meble, światła, skrzynki pocztowe i wszystko inne. Początkowo tworzę je oddzielnie od mojej sceny miasta, rysuję je indywidualnie, a następnie w nowym pliku Illustrator. Jeśli zbudujesz dobry zasób aktywów, mogą być ponownie wykorzystane na przyszłe ilustracje.

Krok 08.

Note how easy it is to change hairstyle, skin and clothing colours to make new people (click image to enlarge)

Należy pamiętać, jak łatwo zmienić fryzurę, skórę i odzież kolory, aby nowych ludzi (kliknij obraz, aby powiększyć)

Ważne jest, aby zapewnić, że wszystkie liczby są proporcjonalne do siebie. Uważam, że najlepiej jest zacząć od tego samego kręgu wielkości dla każdej głowy figury - dzieci i niemowląt. Dysproporcjonalny stosunek głowy do ciała na dzieci wydaje się wyglądać bardziej jak dziecko, niż gdy głowa jest mniejsza.

Zapraszamy do kopiowania i wklejania liczb i odwołuje kilka wariantów każdej figury. Jest to skuteczny sposób na budowanie wielu różnych ludzi na scenę.

Krok 09.

The details bring it all to life (click image to enlarge)

Szczegóły przynoszą wszystko do życia (kliknij obraz, aby powiększyć)

Ustaw swoje aktywa na swojej scenie miasta. Zastanów się, w jaki sposób te aktywa mogą być umieszczone realistycznie - na przykład, nie umieszczaj dwóch tych samych świateł lub znaków obok siebie obok siebie, i powtórz streetlights na równych odległościach (użyj techniki kopiowania i pasty z kroku 3). Meble uliczne prawdopodobnie znajdują się w malowniczym miejscu, obok parku lub punkt orientacyjny.

Umieść ludzi w grupach, parach i indywidualnie. Często dają ludziom historię - rodzic i dziecko idące do domu ze szkoły lub dwóch kolegów biegających razem.

Krok 10.

Set the scene, add little details for people to find (click image to enlarge)

Ustaw scenę, dodaj małe dane dla osób, aby znaleźć (kliknij obraz, aby powiększyć)

Aby zakończyć, rzuć tam specjalne szczegóły specyficzne dla lokalizacji. Jeśli ilustrujesz rzeczywiste miasto, zilustruj niektóre plakaty, znaki lub flagi, które podkreślają lokalizację. Albo jeśli ilustrujesz ogólne miasto, ale chcesz konkretny klimat, zdobądź niektóre hasła lub reklamy, które pomagają przekazać wiadomość. Scena miejska, podobnie jak wiele, wiele szczegółów, z ramek do poszukiwań dla psów, ale każdy z nich przynosi coś do dynamicznej, zajęty atmosferę twojego miasta.

Powiązane artykuły:

  • Recenzja: Pióra tonów kameleon
  • Jak zilustrować książki dla dzieci: 7 najlepszych wskazówek
  • Utwórz tapetę Low Poly w C4D

Jak - Najpopularniejsze artykuły

Zrób własny rysik z 4 pozycjami domowymi (poważnie)

Jak Sep 11, 2025

(Kredyt obrazu: Olly Curtis) Czy wiesz, że możliwe jest stworzenie własnego rysika do iPada lub tabletu? Miło nam..


Jak zmienić czcionkę w instagramie Bio

Jak Sep 11, 2025

(Kredyt obrazu: Getty Images) Nauka, jak zmienić czcionkę w swoim instagramie Bio jest bardzo szybki i łatwy, a na..


Zacznij od malarza płomienia

Jak Sep 11, 2025

Płomień malarz to samodzielna pakiet efektów farb i cząstek, który umożliwia szybką i łatwo tworzyć oryginalne obrazy, efekty świetlne, niekonwencjonalne wzory lub fantastyczne tła..


Zbuduj układy adaptacyjne bez zapytań multimedialnych

Jak Sep 11, 2025

Przez długi czas starałem się osiągnąć idealną wizualną kompozycję na stronach internetowych. Miałem mnóstwo bólu z punktami przerwami CSS w mojej codziennej pracy i nigdy nie by�..


Zaprojektuj odtwarzalny awatar do gry wideo

Jak Sep 11, 2025

Dla tego Photoshop Tutorial. , Będę tworzyć odtwarzanego człowieka, kobiety Postać z gry wideo ..


Jak tworzyć niesamowite efekty z kształtami CSS

Jak Sep 11, 2025

Deweloperzy Frontend mają tendencję do myślenia w prostokątach; Prostokąty wewnątrz prostokątów wewnątrz prostokątów w..


Jak zilustrować na zdarzenie

Jak Sep 11, 2025

Tworzenie Ilustracje dla wydarzenia jest fantastycznym twórczym wyzwaniem, który obejmuje opowiadanie historie z rysunkami, kt�..


Jak uzyskać więcej z tekstur cyfrowych

Jak Sep 11, 2025

Digital Pracuje uwalnia, że ​​masz tyle błędów, jak chcesz, w obszarze roboczym, w którym jest zabrany element ryzyka. W..


Kategorie