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

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

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

W ostatniej części zajmiemy się dodaniem pozostałych symboli, które jeszcze brakuje, oraz umieszczeniem naszej lokalizacji.

Uzupełnienie brakujących ulic

Ale zanim to zrobimy, narysujemy jeszcze pozostałe brakujące ulice. Jeśli teraz znowu uwidzimy mapę w widoku warstw, zauważymy, że brakuje nam jeszcze kilka ulic.

Kartografia (rysowanie map dojazdowych) z Illustratora - Część 6

I oczywiście chcemy je jeszcze uzupełnić. Zrobimy to, zablokując ponownie niepotrzebne warstwy i odblokowując główne ulice. Następnie sięgniemy po Narzędzie kreślarskie i narysujemy nasze ulice.

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

Ponieważ wcześniej zapisaliśmy nasze główne ulice jako Styl graficzny, teraz wystarczy tylko je zaznaczyć i nadać im Styl graficzny dla ulic.

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

Teraz pozostaje nam tylko połączyć ze sobą nowo utworzone ulice. Ponieważ gdy sobie to prześledzimy, to "Kaiserin-Augusta-Allee" przebiega poniżej naszej nowo utworzonej ulicy.

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

Obie po prostu łączymy, najpierw rozwiązując złożoną ścieżkę w starych głównych ulicach. Dopiero wtedy możemy dodać nowo utworzone ulice.

Więc zaznaczamy najpierw złożone główne ulice i klikamy prawym przyciskiem myszy na ścieżce ulicy. W menu kontekstowym wybieramy Przekształć w złożoną ścieżkę.

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

Mamy już wszystkie ścieżki rozdzielone. Sprawdzamy w Panelu warstw, czy wszystkie ścieżki są tam ponownie osobno dostępne.

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

Teraz możemy ponownie połączyć wszystkie główne ulice w jedną złożoną ścieżkę, zaznaczając je wszystkie w Panelu warstw i ...

Kartografia (tworzenie planów dojazdu) z użyciem programu Illustrator - Część 6

... klikając prawym przyciskiem myszy na jedną z ścieżek na obszarze roboczym i wybierając Utwórz złożoną ścieżkę.

Kartografia (rysowanie map dojazdu) z Illustratora - Część 6

I już wszystkie ścieżki zostały znowu scalone.

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

Na koniec musimy jeszcze dodać oznaczenia ulic.

Kartografia (tworzenie map dojazdów) za pomocą programu Illustrator - Część 6

Tworzenie znaków - Metro

Teraz przejdziemy do tworzenia znaków. Zacznijmy od znaku metra. Aby nie rysować na naszych głównych ulicach, zablokujemy wszystkie warstwy i odblokujemy naszą warstwę "Ikony". Na początek potrzebujemy Narzędzia do rysowania zaokrąglonego prostokąta. Za jego pomocą narysujemy na obszarze roboczym zaokrąglony kwadrat i nadamy mu następujące wartości:

Kontur: brak
Kolor tła: #293176

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

Następnie za pomocą Narzędzia Tekstowego utworzymy pole tekstowe i wpiszemy "U". Możemy je przesunąć i powiększyć, aż zmieści się w prostokącie. To pole może otrzymać następujące wartości:

Tło: Białe
Kontur: Brak
Czcionka: Tunga
Styl czcionki: Pogrubiony
Rozmiar czcionki: 129 pkt

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

Następnie możemy odpowiednio zmniejszyć symbol.

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

Następnie przybliżamy i zmniejszamy promień zaokrąglenia rogów, ponieważ nie dostosowały się one podczas zmniejszania.

Kartografia (rysunek map dojazdu) za pomocą programu Illustrator - Część 6

Chcecie uniknąć czegoś takiego następnym razem? Po prostu przejdźcie do Edycja>Ustawienia i postawcie krzyżyk przy Skalowanie konturów i efektów.

Kartografia (rysowanie map dojazdów) w programie Illustrator - Część 6

Następnie zaznaczamy obie powierzchnie i konwertujemy je na grupę za pomocą Ctrl+G.

Aby zapisać Sygnaturę jako symbol, zaznaczamy ją w całości i naciskamy klawisz F8. W pojawiającym się menu wpisujemy:

Nazwa: U-Bahn
Typ: Grafika

Kartografia (rysowanie map dojazdu) w Illustratorze - Część 6

Teraz możemy otworzyć paletę Symboli i przeciągnąć dodatkowe symbole U-Bahn na obszar roboczy.

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

A jeśli uważamy, że nasze symbole U-Bahn są trochę za duże, możemy kliknąć dwukrotnie w symbol U-Bahn w palecie Symboli, aby dostosować jego rozmiar i promień zaokrąglenia krawędzi.

Kartografia (rysowanie map dojazdu) z pomocą programu Illustrator - Część 6

Symbol S-Bahn

Został nam teraz tylko symbol S-Bahn. W tym celu używamy Narzędzia Elipsy. Narysujemy okrąg i dodamy mu Gradient poprzez Okno>Gradient, przechodząc z odcieni szarości na RGB, aby móc ustawić kolorowe wartości.

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

Kolor: #007A3C

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

Na prawym elemencie gradientu (po zmianie na RGB) wpisujemy:

Kolor: #008B44

Kartografia (rysowanie map dojazdu) przy użyciu programu Illustrator - Część 6

Oraz kąt 90°.

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

Klikamy narzędziem Text na obszar roboczy, tworzymy "S" na białym tle i przesuwamy go odpowiednio do okręgu.

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

Oznaczenie ikon

Mamy już utworzone nasze ikony. Brakuje nam tylko odpowiednich oznaczeń dla stacji. Najpierw przechodzimy do naszej Palety warstw i blokujemy warstwę "Ikony". Następnie tworzymy nową warstwę i nazwijmy ją "Oznaczenia symboli".

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

Następnie klikamy na obszar roboczy i nazywamy nasz dworzec kolejowy 18 pkt "Berlin Zachodni". Następnie przypisujemy mu tylko styl z naszego panelu Styli graficznych dla oznaczeń ulic. To samo robimy z stacjami metra.

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

Tworzenie znaków drogowych

Następnie brakuje nam tylko znaku drogowego, informującego o jakiej autostradzie mówimy. Ponownie używamy Narzędzia zaokrąglonego prostokąta i tworzymy odpowiedni znak z konturem o szerokości 3 pkt.

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

Następnie dodajemy Gradient do obszaru:

Kolor z lewej: Biały (#ffffff)
Kolor z prawej: #dbdbdb
Kąt: 60°

A konturowi też dodajemy Gradient:

Kolor z lewej: #524c67
Kolor z prawej: #6c346e
Kąt: 60°
Grubość konturu: 3 pkt

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

Teraz pozostaje tylko oznaczenie. Moje wartości są następujące:

Czcionka: Myriad Pro
Styl czcionki: Bold
Rozmiar czcionki: 14 Pt
Kolor czcionki: #515150

I teraz musimy to odpowiednio umieścić w symbolu.

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

Lokalizacja

Lokalizację tworzymy w następujący sposób: Weźmiemy Narzędzie eliptyczne i narysujemy okrąg o następujących wartościach:

Wypełnienie: Brak
Kolor konturu: #593055
Grubość konturu: 5 Pt

Kartografia (rysunek map dojazdu) w programie Illustrator - Część 6

A za pomocą Narzędzia linii narysujemy lokalizację. Aby dodać strzałkę, przejdziemy do panelu konturu i wybierzemy Strzałka 5 jako drugą opcję.

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

Ponieważ strzałka jest trochę za duża, możemy zaznaczyć koniec strzałki narzędziem Wybór bezpośredni i nieco ją wydłużyć wzdłuż.

Kartografia (rysunek map dojazdu) z użyciem Illustratora - Część 6

Gdy zaznaczymy okrąg, zobaczymy, gdzie jest środek okręgu. Możemy się tym kierować i umieścić końcówkę strzałki w odpowiednim środku.

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

Teraz nasza mapa dojazdowa jest gotowa:

Kartografia (rysowanie map dojazdu) z użyciem Illustratora - Część 6

Eksport

Aby wyeksportować mapę, przechodzimy do menu Plik>Eksportuj, nadajemy jej nazwę pliku, a typ pliku ustawiamy na JPEG (*.JPG).

Nazwa pliku: dowolna
Typ pliku: JPEG (*.JPG)
Użyj obszaru roboczego: Tak

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

Ważne jest, aby zaznaczyć pole Użyj obszaru roboczego, ponieważ gdy spojrzymy na nasz dokument Illustratora, zobaczymy czarną ramkę wokół naszej mapy ...

Kartografia (rysowanie map dojazdu) z użyciem Illustratora - Część 6

... i coś na niej narysowaliśmy. Po aktywowaniu tej opcji zostanie ona ładnie "przycięta" na krawędzi.

Opcje JPEG ustawiamy w następujący sposób:

Model kolorów: RGB
Jakość: 6 (Wysoka)
Rozdzielczość: Średnia (150 ppi)
Osadź profil ICC: Tak

Kartografia (rysowanie map dojazdu) z wykorzystaniem Illustratora - Część 6

Jest ważne, aby osadzić profil kolorów. W innym przypadku kolory mogą być wyświetlane zniekształcone.

Po kliknięciu na OK, nasz wynik będzie wyglądał następująco:

Kartografia (rysowanie map dojazdów) w programie Illustrator - Część 6

Mam nadzieję, że ta instrukcja sprawiła wam przyjemność. :)