Кожен раз, коли я починаю замислюватися про створення уроку, я намагаюся показати ті техніки, які я використовую у своїй роботі дизайнера. Сьогодні, наприклад, я покажу вам як зробити невелику симпатичну карту. Мені доручили зробити карту для університету, що виявилося досить складно, але все ж цікаво. Це також може послужити вам витонченим маленьким доповненням до запрошення на вечірку або щось в цьому роді. Спочатку найголовніше - включите якусь музику. Граючий на задньому плані Armin van Buuren допоможе вашому творчому процесу.
Нове в рубриці:
Потім, переконайтеся, що ваш комп'ютер включений. Насправді. Досить базікати, давайте починати.
Все та ж стара настройка, що і в інших моїх уроках по Ілюстраторові. Виберіть New Web Document і натисніть ОК, щоб створити ваше полотно.
Насамперед, вам знадобиться карта, щоб використовувати її в якості опори, якщо звичайно ви не володієте будь-небудь супер фотографічною пам'яттю. Google Maps це те, що вам потрібно в даному випадку. Для нашого прикладу я взяв скріншот мого житлового комплексу. Почніть з додавання в Illustrator своєї карти.
Побудова легенди карти
Перш ніж ми почнемо, було б гарною ідеєю продумати різні розміри для доріг і різні покриття, з якими ми будемо працювати. Якщо ви вирішите, що дорога в чотири смуги буде найбільшою, і тут ви натикаєтеся на шосе, що тоді? Ось що вийшло у мене:
У цьому прикладі я зроблю все гранично просто, але ви можете зробити схему настільки детальної або простий, наскільки захочете.
Графіку для дороги зробити дуже просто, просто виберіть інструмент Line Segment [] і накресліть їм лінію з різними штрихами і квітами. Для жовтої дороги я помістив жовту лінію поверх двох тонких помаранчевих.
робимо кисті
Виділивши лінію дороги, відкрийте вікно Кистей. Клацніть по кнопці опцій - маленької іконці з трьома лініями в правому верхньому куті. Це відкриє опції кистей, там виберіть New Brush (нова кисть).
Перед вами постане наступне діалогове вікно. Виберіть New Art Brush і натисніть ОК.
Відкриється нове вікно, в якому ви зможете виготовити вашу нову кисть. В даному випадку вона налаштована саме так, як нам потрібно. Все що залишилося зробити - це поставити кисті ім'я. Виберіть що-небудь підходяще для доріг різних розмірів. Я рекомендую вам поекспериментувати і знайти всі корисні настройки, з якими можна використовувати цей інструмент.
Повторюйте цей крок, поки ви не отримаєте по кисті для кожного типу дороги, що ви робите.
малюємо дороги
Використовуючи інструмент Pen [P] (Перо), проведіть по існуючих дорогах на вашій карті, звертаючи увагу на те, наскільки великим буде ваш малюнок. Тепер просто клікніть по тій кисті у вікні, яку ви хочете застосувати до дороги.
Повторіть цей крок для всіх головних доріг.
Ось що у мене вийшло:
підправляємо перетину
Як ви вже могли помітити, лінії іноді будуть погано накладатися на перетинах. Це легко можна виправити.
У деяких випадках це просто зводиться до зміни порядку розташування шарів. Використовуючи поєднання клавіш Ctrl + [, щоб перемістити фігуру вниз і Ctrl +]. щоб послати фігуру вниз, спробуйте розставити дороги так, щоб вони перетиналися правильно.
В інших випадках, вам доведеться намалювати перетин. Інструментом Перо намалюйте кілька фігур, що імітують повороти доріг і перетину. Використовуйте зображення супутника в якості опори. Ось кілька прикладів того, як це зробив я.
Додайте трохи штрихів, якщо потрібно.
Швидкий спосіб це просто поставити крапку на перетині, яка відповідає стилю.
Робимо будинку і фон
Використовуючи інструмент, Перо обведіть кілька будинків в тому стилі, в якому ви визначилися. Ось приклад того, що вийшло у мене:
Знову інструментом Перо обрисуйте кілька різних місцевостей і помістіть їх позаду всіх інших фігур. Ось що вийшло у мене:
висновок
Створення карти це процес тривалий і вимагає багато терпіння. Якщо ви працюєте графічним дизайнером, рано чи пізно хтось попросить вас зробити карту. У цьому уроці я продемонстрував основні техніки, які допоможуть вам створювати набагато більш складні і цікаві карти. Ось приклад карти, яку я робив для університету:
Продовжуйте тренуватися і отримуйте задоволення!
Оцініть, будь ласка, цю статтю: