Samouczek dla ilustratora: Ostrzy poradnik dotyczące procesu pracy i projektowania.

Kartografia (rysowanie map dojazdu) w programie Illustrator - Część 1

Wszystkie filmy z tutorialu Samouczek dla ilustratorów: Ostrzy przepisów na workflow i design

W tym samouczku pokażę wam, jak stworzyć ładny szkic dojazdu za pomocą Illustratora.

Na każdej stronie internetowej w opisie dojazdu używana jest mapa dojazdu. Zazwyczaj do tego celu wykorzystywane jest Google Maps. Jeśli jednak chcemy umieścić mapę dojazdu na ulotce, nie możemy po prostu użyć zrzutu ekranu z Google Maps. W takim przypadku mapę trzeba narysować samodzielnie. Pokażę wam teraz, jak to zrobić:

1. Wybierz szablon

Na początku potrzebujemy szablonu mapy, z którego będziemy mogli narysować mapę. Najlepiej korzystać z OpenStreetMap zamiast Google Maps. OpenStreetMap to projekt open source zbierający dane geograficzne, które można swobodnie wykorzystywać. Dlatego bezpieczniej jest użyć go jako szablonu do naszej kolorowej mapy. Najpierw odwiedzamy stronę openstreetmap.de i wybieramy cel. Następnie naciskamy przycisk Drukuj, aby wykonać zrzut ekranu ...

Kartografia (tworzenie map dojazdu) za pomocą Illustratora - Część 1

... a następnie przechodzimy do Illustratora.

2. Utwórz nowy dokument

Tutaj tworzymy nowy dokument o nazwie "Mapa dojazdu", o szerokości 1000 px i wysokości 500 px.

Kartografia (rysowanie map dojazdu) z programem Illustrator - Część 1

... i naciskamy Ctrl+V, aby wkleić naszą mapę ze schowka.

Kartografia (rysowanie map dojazdowych) z użyciem programu Illustrator - Część 1

Pierwsze, od czego zaczniemy, to utworzenie odpowiednich warstw w Panelu warstw (proszę przejść po liście od dołu do góry):

• Nazwy ulic
• Ikony
• Autostrada
• Główne drogi
• Drogi lokalne
• Linia przerywana kolejowa
• Szyny kolejowe
• Wody
• Obszar zielony
• Obszar mieszkalny
• HG
• Mapa

Aby łatwiej pracować, zablokujmy wszystkie warstwy z wyjątkiem warstwy zawierającej drogi lokalne.

Kartografia (rysywanie map dojazdu) z użyciem programu Illustrator - Część 1

Weźmiemy narzędzie ścieżki (klawisz P), wybierzemy dla drogi ...

• Kolor konturu: #593156
• Grubość konturu: 7 pkt

... i wyłączymy wypełnienie. W Panelu wyglądu oraz na pasku stanu u góry możemy wprowadzić wartość grubości konturu.

Kartografia (rysowanie map dojazdu) z użyciem programu Illustrator - Część 1

Tworzymy kolejny Kontur w Panelu wyglądu ...

Kartografia (rysowanie map dojazdu) z programem Illustrator - Część 1

... i nadajemy jej następujące wartości:

• Kolor konturu: #ffffff
• Grubość konturu: 5 pkt

Dla zakończonych zakończeń naciskamy na wpis Kontur w Panelu wyglądu dla następujących wartości:

Zakończenie: Zaokrąglone
Kąt: Zaokrąglone kąty

Kartografia (rysunek map dojazdu) z programem Illustrator - Część 1

To samo powtarzamy z fioletowym Konturem, aby również ten został zamknięty.

Kartografia (rysowanie map dojazdu) z programem Illustrator - Część 1

3. Utwórz style graficzne

Bym nie musiał tworzyć tego wyglądu za każdym razem od nowa, przechodzimy do okna Style graficzne i klikamy raz na ikonę Nowy styl graficzny.

Kartografia (rysunek map dojazdu) z użyciem programu Illustrator - Część 1

Teraz mogę zastosować ten styl za każdym razem, gdy narysuję nową ścieżkę, klikając po prostu na ten styl i natychmiast otrzymując właściwy wygląd, który zdefiniowałem dla dróg lokalnych.

Następnie możemy zacząć przerysowywać ulice na mapie. Oto kilka przydatnych wskazówek, jak ułatwić sobie pracę:

Ctrlnaciśnij po zakończeniu ścieżki i kliknij na obrazie, aby rozpocząć nową ścieżkę
Altnaciśnij i przytrzymaj, aby szybko przybliżać i oddalać za pomocą kółka myszy
Spacjaprzytrzymaj, aby tymczasowo przełączyć się na narzędzie Ręka i przesunąć widok
Tabwyłącza wszystkie panele sterujące > zapewnia lepszą widoczność przy pracowaniu

  Stan pośredni:

Kartografia (rysowanie map dojazdu) za pomocą Illustratora - Część 1

4. Rondo

Tutaj napotykamy na niewielkie trudności w postaci ronda. Radzimy sobie z tym wybierając narzędzie Elipsa i rysując elipsę w rozmiarze ronda. Przytrzymując klawisz Spacja, możemy przesunąć nasze rondo przed puszczeniem przycisku myszy.

Kartografia (tworzenie map dojazdu) z programem Illustrator - Część 1

Ponieważ ulica przebiega przez to miejsce, po prostu usuwamy wystającą konturę za pomocą narzędzia Usuń punkt zakotwiczenia, ...

Kartografia (tworzenie planów dojazdu) z programem Illustrator - Część 1

... umieszczając mysz na dolnym punkcie koła i klikając, usuwamy punkt zakotwiczenia.

Kartografia (rysowanie map dojazdu) z użyciem programu Illustrator - Część 1

Klikamy również na dolnym punkcie ulicy, aby całkowicie usunąć wystającą ulicę.

Kartografia (rysowanie map dojazdu) w programie Illustrator - Część 1

Następnie, z narzędziem Ścieżka ustawiamy punkt zakotwiczenia na dolnym punkcie ronda i w ten sposób możemy kontynuować drogę.

Kartografia (rysunek map dojazdu) z programem Illustrator - Część 1

Po zakończeniu rysowania wszystkich bocznych ulic, wystarczy zaznaczyć wszystkie ulice boczne, klikając prawym przyciskiem myszy po prawej stronie warstwy "Ulice boczne" ...

Kartografia (rysowanie map dojazdu) za pomocą Illustratora - Część 1

Następnie stosujemy nasz wcześniej przygotowany styl z Panelu stylów graficznych.

Kartografia (rysowanie map dojazdu) z wykorzystaniem programu Illustrator - Część 1

I już za pomocą jednego kliknięcia zmieniliśmy wszystkie ulice na nasz pożądany styl.

Kartografia (rysowanie map dojazdu) z programem Illustrator - Część 1

Jednakże jednym z problemów jest to, że ulice nie przechodzą płynnie jedna w drugą, lecz się na siebie nakładają.

Kartografia (rysowanie map dojazdu) z użyciem programu Illustrator - Część 1

Aby temu zaradzić, po prostu zaznaczamy ponownie wszystkie boczne ulice, ...

Kartografia (rysowanie map dojazdu) za pomocą programu Illustrator - Część 1

... używamy narzędzia zaznaczania, klikamy prawym przyciskiem myszy na ścieżkach ulic i wybieramy Utwórz skondensowaną ścieżkę.

Kartografia (rysowanie map dojazdowych) w programie Illustrator - Część 1

I już wszystkie ulice zlewają się ze sobą:

Kartografia (rysowanie map dojazdu) w programie Illustrator - Część 1

Oto nasz stan pośredni:

Kartografia (rysowanie map dojazdu) za pomocą Illustratora - Część 1

W następnej części zajmiemy się głównymi ulicami, autostradą i koleją.