Ілюстратор-уроки: рецепти чіткого робочого процесу та дизайну

Картографія (малювання карт маршрутів) за допомогою Illustrator - Частина 6

Усі відео з уроку Ілюстратор-посібник: рецепти робочого процесу та дизайну вирізного значення

У останній частині ми збираємося додати решту символів, які ще відсутні, та визначити наше положення.

Додати відсутні вулиці

Але перед тим, як ми це зробимо, ми малюємо решту відсутніх вулиць. Якщо ми знову відобразимо карту у режимі шарів, ми побачимо, що нам все ще не вистачає кількох вулиць.

Картографія (малювання карт маршрутів) за допомогою Illustrator - Частина 6

І, звичайно, ми хочемо їх додати. Для цього ми знову блокуємо непотрібні шари і розблоковуємо головні вулиці. Потім ми беремо інструмент формування та малюємо наші вулиці.

Картографія (малювання маршрутних карт) за допомогою Illustrator - Частина 6

Оскільки ми зберегли наші головні вулиці як стиль графіки, нам просто потрібно виділити їх всі разом і надати їм графічний стиль для вулиць.

Картографія (намічання маршрутів) за допомогою Illustrator - Частина 6.

Тепер ми просто повинні з'єднати між собою вулиці, які ми щойно створили. Оскільки коли ми розглядаємо все це, то бачимо, що "Кайзерін-Аугуста-Аллея" знаходиться під нашою недавно створеною вулицею.

Картографія (малювання маршрутних карт) із застосуванням Illustrator - Частина 6

Ми просто з'єднуємо їх, розгортаючи спочатку у складних головних вулицях композитний шлях. Лише після цього ми можемо додати нові вулиці.

Таким чином, спочатку ми виділяємо об'єднані головні вулиці та правою кнопкою миші переходимо до шляху вулиці. Там в контекстному меню ми обираємо Перетворити звисаючий шлях назад у композитний.

Картографія (малювання мап маршрутів) за допомогою Illustrator - Частина 6.

Вже маємо всі шляхи розділені. Для перевірки ми бачимо в панелі шарів, що всі шляхи там знову знаходяться окремо.

Картографія (малювання карт для маршрутів) за допомогою Illustrator - Частина 6

Тепер ми можемо знову об'єднати всі головні вулиці в один композитний шлях, виділяючи їх у панелі шарів,...

Картографія (малювання карт для маршрутів) з Illustrator - Частина 6.

... правий клік на одному з шляхів на робочій області та переходіть до Створення композитного шляху.

Картографія (створення мап маршрутів) за допомогою Illustrator - Частина 6

І ось вже всі шляхи знову злилися разом.

Картографія (малювання мап для маршрутування) з допомогою Illustrator - Частина 6

Наприкінці ми лише повинні знову додати найменування вулиць.

Картографія (малювання карт маршруту) за допомогою Ілюстратора - Частина 6

Створення знаків - метро

Тепер ми створимо знаки. Розпочнемо із знака метро. Щоб не малювати на головних вулицях, ми блокуємо всі шари та розблоковуємо наш шар "Іконки". Спочатку нам потрібен інструмент закругленого прямокутника. За допомогою цього інструменту ми малюємо на робочій області закруглений квадрат і задаємо йому наступні значення:

Контур: відсутній
Колір заливки: #293176

Картографія (малювання карт для маршрутів) за допомогою Illustrator - Частина 6

Потім ми витягаємо за допомогою інструмента тексту поле для тексту та пишемо туди "U". Це можна збільшити до тих пір, поки воно поміщається у квадрат. Цьому можна дати наступні значення:

Заливка: Білий
Контур: Відсутній
Шрифт: Tunga
Курсив: Напівжирний
Розмір шрифту: 129 Пт

Картографія (наміти дорожні карти) з Illustrator - Частина 6

Потім ми можемо відповідно зменшити символ.

Картографія (наміри) за допомогою Illustrator - Частина 6

Після цього ми збільшуємо масштаб та зменшуємо радіус кутів, оскільки вони не відповідають при зменшенні.

Картографія (малювання карт для маршрутів) за допомогою Illustrator - Частина 6

Хочете, щоб вам наступного разу цього уникнули? Просто перейдіть до Редагування>Налаштування та поставте галочку в Масштабувати контури та ефекти.

Картографія (малювання карти для маршрутів) з використанням Illustrator - Частина 6

Після цього ми виділяємо обидві області і перетворюємо їх у групу за допомогою Ctrl+G.

Щоб зберегти знак метро як символ, ми повністю виділяємо його та натискаємо кнопку F8. У з'явному меню ми вводимо таке:

Назва: Метро
Тип: Графіка

Картографія (намальовування карт маршрутів) з допомогою Illustrator - Частина 6

Тепер ми можемо відкрити палітру символи та перетягнути на робочу область інші знаки метро з панелі управління.

Картографiя (створення карт маршрутiв) з Illustrator - Частина 6

І якщо ми вважаємо, що наші знаки метро ще трохи занадто великі, ми можемо змінити їх розмір та радіус кутів за допомогою подвійного клацання у палітрі символи на знаку метро.

Картографія (намірні карти) з Illustrator - Частина 6.

Знак метропоїзда

Тепер нам лише залишається створити знак метропоїзда. Для цього ми використовуємо інструмент Еліпса. Малюємо коло та встановлюємо градієнт через Вікно>Плавчин на кільці. Переходимо до градієнтної стрічки і натискаємо на ліву банку кольорів. З'явиться меню з невеликою стрілкою у вигнутий куток. Там ми натискаємо, щоб змінити налаштування з відтінків сірого на RGB для можливості задавання кольорових значень.

Картографія (наміри карти) з Illustrator - Частина 6

Колір: #007A3C

Картографія (намічення карт) з допомогою Illustrator - Частина 6

На правому кольоровому відрі (після переходу на RGB) ми вводимо:

Колір: #008B44

Картографія (намальовування карт маршруту) за допомогою Illustrator - Частина 6

Та кут 90°.

Картографія (намічання карти шляху) з використанням Illustrator - Частина 6

Клацаємо з інструменту тексту на робочій області, створюємо літеру "S" з білою заповнювачем та можемо помістити його в коло.

Картографія (малювання карт маршрутів) за допомогою Illustrator - Частина 6

Позначення для піктограм

Тепер ми створили наші піктограми. Залишилося лише додати відповідні позначення для станцій. Спочатку ми переходимо до нашого палітри шарів та блокуємо шар "Піктограми". Потім створюємо новий шар та називаємо його "Позначення символів".

Картографія (намальовування карт маршруту) за допомогою Illustrator - Частина 6

Потім натискаємо на робочій області та називаємо нашу станцію метро розміром 18 пт "Берлін-Вестенд". Далі ми призначаємо йому стиль з нашої панелі стилів графіки для позначення доріг. Те ж саме ми робимо з станціями метро.

Картографія (намалювання карти маршруту) за допомогою Illustrator - Частина 6

Створення дорожніх знаків

Наступним кроком залишилося створити лише дорожній знак, який підказує, про яку автостраду йдеться. Для цього знову користуємося інструментом Закруглений прямокутник та створюємо під це знак з контуром 3 пт.

Картографія (намальовування шляхових карт) з допомогою Illustrator - Частина 6.

Потім ми призначаємо градієнт для площі:

Колір ліворуч: Білий (#ffffff)
Колір праворуч: #dbdbdb
Кут: 60°

Та також градієнт для контуру:

Колір ліворуч: #524c67
Колір праворуч: #6c346e
Кут: 60°
Товщина контуру: 3 пт

Картографія (створення карт проїзду) за допомогою Illustrator - Частина 6

Тепер лишається лише позначення. Мої значення наступні:

Шрифт: Myriad Pro
Курсив: Bold
Розмір шрифту: 14 Pt
Колір тексту: #515150

І тепер нам просто потрібно вставити це відповідно в символ.

Картографія (намальовування карт маршруту) з допомогою Illustrator - Частина 6

Місце розташування

Ми робимо розташування так: Ми візьмемо Інструмент еліпса та намалюємо коло з такими значеннями:

Площа: Немає
Колір контуру: #593055
Товщина контуру: 5 Pt

Картографія (малювання мап для маршрутування) за допомогою Illustrator - частина 6

Та за допомогою Лінійки ми намалюємо місце розташування. Для вістря стріли переходимо до вкладки Контур- у пункті Кінці стрілок та вибираємо Стрілка 5 для другого значення.

Картографія (малювання карти маршруту) за допомогою Illustrator - Частина 6

Оскільки вістря трохи велике, ми можемо використати Інструмент вибору щоб виділити кінець стріли та трохи збільшити його по довжині.

Картографія (малювання карт для маршрутування) за допомогою програми Illustrator - Частина 6

Коли ми виділено коло, ми бачимо центр кола. Можемо орієнтуватися за цим і правильно встановити вістря стріли в середньо правильне положення.

Картографія (малювання карт маршрутів) за допомогою Illustrator - Частина 6.

Тепер ми завершили з картою маршруту:

Картографія (створення дорожніх карт) з допомогою Illustrator - Частина 6

Експорт

Для експорту карти переходимо в меню Файл>Експорт, називаємо його файл та встановлюємо тип файлу на JPEG (*.JPG).

Назва файлу: будь-яка
Тип файлу: JPEG (*.JPG)
Використовувати малюнки: Так

Картографія (малювання мап маршрутів) за допомогою Illustrator - Частина 6

Важливо поставити позначку у полі Використовувати малюнки, так як одного разу переглянувши наш документ у Illustrator, ми бачимо, що маємо чорну обрамлення навколо нашої карти ...

Картографія (малювання маршрутних карт) за допомогою Illustrator - Частина 6

... і нарисували над ним. Це буде красиво обрізано на краю після активації цієї опції.

Налаштуємо опції JPEG ​​наступним чином:

Кольорова модель: RGB
Якість: 6 (Висока)
Роздільна здатність: Середня (150 ppi)
Вставити профіль ICC: Так

Картографія (малювання карт маршрутів) за допомогою Illustrator - Частина 6.

Тут дуже важливо вставити колірний профіль. В іншому випадку може статися, що кольори будуть відображені фальшиво.

Після натискання на ОК, наше результат буде такий:

Картографія (створення карт маршрутів) з допомогою Illustrator - Частина 6.

Сподіваюсь, вам сподобалася ця підручна вправа. :)