Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design

Як створити значок New York Stamp в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Irina Medvedeva (you can also view the original English article)

Final product image
What You'll Be Creating

У сьогоднішньому підручнику ми збираємося витягнути шапки наших архітекторів і навчитися "будувати" наш власний мініатюризований набір найбільш знакових будівель Нью-Йорка, використовуючи не щонайменше основні форми та інструменти, з якими ми працюємо .

Отже, припускаючи, що ви вже наповнили свою чашку для кави, давайте дістанемось до цього!

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

1. Як налаштувати новий документ

Оскільки я сподіваюсь, що у вас вже є Illustrator у фоновому режимі, відкрийте його та встановіть новий документ (File> New або Control-N), використовуючи наступні налаштування:

  • Кількість макетів: 1
  • Ширина: 800 пікс
  • Висота: 600 пікс
  • Елементи: пікселі

Із вкладки "Додатково":

  • Колірний режим: RGB
  • Растрові ефекти: екран (72ppi)
  • Режим попереднього перегляду: за умовчанням
setting up a new document

Швидкий підказка: деякі з вас, можливо, помітили, що параметр "Вирівняти нові об'єкти до піксельної сітки" відсутній, тому що я використовую нову версію програмного забезпечення CC 2017, в якій були внесені великі зміни у спосіб, яким керує програма Illustrator. фігури наближаються до основної сітки пікселів.

2. Як налаштувати користувацьку сітку

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

Крок 1

Перейдіть до меню «Правка»> «Параметри»> «Довідники та сітки» та налаштуйте наступні параметри:

  • Гридлайн кожні: 1 пікс
  • Підрозділи: 1

Швидкий підказ: ви можете дізнатись більше про сітки, прочитавши цю детальну інформацію про те, як працює Grid System Illustrator.

Крок 2

Після того, як ми налаштуємо нашу власну сітку, все, що потрібно зробити, щоб переконатися, що наші форми виглядають чіткими, - увімкнути параметр Snap to Grid, який знаходиться в меню «Перегляд», який перетворюється в Snap на Pixel кожного разу, коли ви вводите Pixel Preview режим

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

3. Як налаштувати шари

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

Якщо сказати, виведіть панель "Шари" і створіть усього чотири шари, які ми перейменуватимемо таким чином:

  • шар 1: еталонні сітки
  • рівень 2: державне будівництво імперії
  • шар 3: будівля "Крайслер"
  • рівень 4: будівництво світового торгового центру
setting up the layers

4. Як створити референтні сітки

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

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

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

Крок 1

Почніть за допомогою блокування всього шару опорної сітки, а потім схопити інструмент Rectangle Tool (M) і створити квадрат 128 x 128 піксера (# F15A24), що допоможе визначити загальний розмір наших значків.

creating the reference grids main shape

Крок 2

Додайте менший розмір 120 х 120 пікселів один (#FFFFFF), який буде діяти як наша активна область малювання, що дасть нам загальне оздоблення 4 пікс.

creating the main shape for the active drawing area

Крок 3

Групувати два квадрати, що складають еталонну сітку, за допомогою комбінації клавіш Control-G, а потім створюйте три копії на відстані 40 пікселів один від одного, переконавшись, що вирівняєте їх до центру Artboard.

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

creating and positioning all three reference grids

5. Як створити рамку штампа

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

Крок 1

Створіть зовнішній розділ кадру, використовуючи прямокутник розміром 100 х 116 пікселів, який ми будемо кольористувати за допомогою # 45576B, а потім в центрі вирівнятиметься до нижньої активної області малювання.

creating and positioning the main shape for the stamp frames outer section

Крок 2

Налаштуйте форму, яку ми щойно створили, розмістивши пару 8 х 8 пікселів (виділених червоним кольором) рівно 8 пікселів один від одного як по горизонталі, так і по вертикалі, які ми потім вирізаємо з більшого прямокутника за допомогою мінусової передньої форми Pathfinder Режим

adjusting the stamp frames main section

Крок 3

Продовжуйте коригувати отриману форму, перевернувши її заповнення зі своїм ударом (Shift-X), а потім встановіть його вагу до 4 пікселів з панелі обведення.

turning the stamp frame into an outline

Крок 4

Створіть кольоровий розділ заповнення кадру за допомогою прямокутника 76 x 92 пікселів (# EFA28B), який ми будемо центром вирівняти за великим накресленням.

creating and positioning the main shape for the stamp frames colored fill section

Крок 5

Завершіть рамку, додаючи контур до кольорового розділу заповнення, використовуючи метод Обведення. Створіть його копію (Control-C), яку ми будемо вставляти спереду (Control-F), а потім налаштуємо, змінюючи її колір на # 45576B, а потім перевертаючи його заповнення зі своїм Штрихом (Shift-X). Встановіть вагу шляху до 4 пікселів, а потім виберіть і об'єднайте всі три форми разом, використовуючи комбінацію клавіш Control-G.

finishing off the stamp frame

Крок 6

Як тільки ми завершимо роботу над кадром, ми можемо створити дві його копії (Control-C> Control-F) і розмістити їх на решті реперів, обов'язково вставте кожен з них у відповідний шар (це буде бути третім і четвертим). Потім перед тим, як заблокувати шари назад, змініть колір розділу наповнення другого кадру на # 8CC1ED, а третій на # 8CEAC8.

creating and positioning the remaining stamp frames onto the reference grids

6. Як створити будівлю імперії

За допомогою рамок на місці ми можемо почати працювати над фактичними будівлями, тому переконайтеся, що ви повернулися на правий шар (це буде другий варіант) і збільшите масштаб першої довідкової сітки, щоб ви могли краще вид форм.

Крок 1

Почніть працювати над базою Empire State Building, створивши прямокутник розміром 22 x 18 пікселів з товщиною 4 px (45576B), який ми будемо вирівнювати внизу до контуру розділу заповнення, розмістивши його на відстані 5 пікселів від його лівого краю.

creating and positioning the main shape for the empire state buildings bottom-left base section

Крок 2

Створіть ще один злегка високий 14-кратний прямокутник розміром 20 пікселів з тим самим 4-х кратним Штрихом (№ 45576B), який ми розмістимо на вершині попереднього кроку.

creating and positioning the second shape for the empire state buildings bottom-left base section

Крок 3

Створіть правильний розділ бази будівлі, розмістивши копію (Control-C> Control-F) з двох форм, які ми маємо на протилежній стороні рамки, зберігаючи такий же розрив між 5-кратним розрізом і більшим контуром.

creating and positioning the main shapes for the empire state buildings bottom-right base section

Крок 4

Почніть працювати над розділом центру будівлі, створивши прямокутник розміром 38 х 10 пікселів з товщиною 4 шт. (№ 45576B), який ми будемо центром вирівняти за кадром, розмістивши його на верхній частині основних фігур.

creating and positioning the main shape for the empire state buildings center section

Крок 5

Відредагуйте форму, яку ми щойно створили, відкривши його шлях, додавши нову точку прив'язки до центру її нижнього краю, скориставшись інструментом «Додати аргумент точок» (+), а потім видалити його, натиснувши Видалити.

adjusting the main shape of the empire state buildings center section

Крок 6

Продовжуйте працювати на своєму шляху, створивши прямокутник розміром 30 x 12 пікселів з товщиною 4 px товщини (# 45576B), який ми будемо центром вирівняти за попередньою формою, розмістивши його зверху.

creating and positioning the second shape for the empire state buildings center section

Крок 7

Почніть працювати над верхньою секцією будівлі, створивши прямокутник розміром 22 x 6 пікселів із товщиною 4 px (# 45576B), який, як ви, напевно, вже здогадалися, буде розташовуватися поверх попередньої форми.

creating and positioning the main shape for the empire state buildings upper section

Крок 8

Додати ще один прямокутник розміром 6 x 12 пікселів з товщиною 4 px (45576B) на вершині тієї форми, яку ми щойно створили, переконавшись, що в центрі вирівняйте їх два.

creating and positioning the second shape for the empire state buildings upper section

Крок 9

Завершіть структуру будівлі, додавши антену, використовуючи висоту 14 px висотою 4 px товщини (# 45576B), яку ми, звичайно, будемо розташувати над усіма іншими формами.

adding the antenna to the empire state buildings upper section

Крок 10

Далі ми збираємося взяти невеликий кругообіг і додати в маленькі висвітлює, перш ніж почати роботу над самими вікнами. Отже, використовуючи інструмент Rectangle Tool (M), створіть купу високо білих (#FFFFFF) прямокутників розміром 2 пікселів, яка покриває верхню видиму частину більшості розділів, що складаються в будівлі.

creating and positioning the main shapes for the empire state buildings highlights

Крок 11

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

adjusting the empire state buildings highlights

Крок 12

З огляду на важливі моменти, настав час почати працювати над вікнами, які ми створимо, намалюючи їх, використовуючи пару 2-х піксельних вертикальних ліній обведення (№ 45576B), розташованих 4 пікселя один від одного (якщо ви використовуєте вирівнювання Параметри розповсюдження панелі). Візьміть свій час і додайте рядки до кожного розділу будівлі, вибираючи і об'єднуючи групу (Control-G) як з ними, так і з більшими формами композицій разом, коли ви йдете.

creating and positioning the main shapes for the empire state buildings windows

Крок 13

Додайте жорсткі тіні, створивши пару прямокутників (№ 45576B), які ми розмістимо так, щоб вони накладалися на шлях контурів кожної будівлі.

creating and positioning the main shapes for the empire state buildings shadows

Крок 14

Відрегулюйте тіні (всі, крім верхнього центру), індивідуально вибираючи їхні верхні внутрішні опорні точки, а потім натискаючи їх на дно на відстань 1 піксель для верхнього і 2 px для інших. Ви можете скористатись інструментом переміщення (клацніть правою кнопкою миші> перетворити> перемістити> вертикальний> + / -2 px залежно від того, з якої сторони ви починаєте).

adjusting the shape of the empire state buildings shadows

Крок 15

Завершіть значок, намалюючи його в небі, використовуючи пару товщиною 2 шт. Штрихові лінії (№ 45576B). Візьміть свій час, і як тільки ви закінчите, об'єднайте всі лінії разом за допомогою комбінації клавіш Control-G, зробивши те ж саме для всіх компонентів розділу іконки пізніше.

finishing off the empire state building icon

7. Як створити Chrysler Building

Припускаючи, що ви вже закінчили роботу над першим значком, переходьте до наступного шару (це буде третій), заблокуйте попередній, а потім збільште масштаб на другій реєстрі, щоб ми могли почати роботу.

Крок 1

Почніть працювати над нижньою частиною будівлі, створивши прямокутник розміром 48 x 16 пікселів з товщиною 4 px (# 45576B), який ми будемо центризувати, дорівнює нижній частині накресленого розділу кольорового заповнення.

creating and positioning the main shape for the chrysler buildings bottom section

Крок 2

Створіть менший прямокутник розміром 32 x 10 пікселів з товщиною 4 px (# 45576B), який ми розмістимо на вершині попередньої форми, переконавшись, що в центрі вирівняйте два.

creating and positioning the second shape for the chrysler buildings bottom section

Крок 3

Завершіть цей розділ, додавши прямокутник розміром 16 x 20 пікселів із товщиною 4 px (# 45576B), який ми будемо коригувати, встановивши радіус її верхнього кута до 8 px в межах властивостей прямокутника панелі перетворення.

creating and positioning the third shape for the chrysler buildings bottom section

Крок 4

Виділіть усі три форми і перетворите їх на один більший шлях, об'єднавши їх за допомогою режиму об'єднаного формату Pathfinder.

uniting the main shapes of the chrysler buildings bottom section into a single larger shape

Крок 5

Почніть працювати над лівою частиною будівлі, створивши прямокутник розміром 6 х 18 пікселів із товщиною 4 шт. (45576B), який ми розмістимо на першому кроці більшої форми.

creating and positioning the main shape for the chrysler buildings left side section

Крок 6

Додайте невелику виступу до тієї форми, що ми щойно створили, використовуючи 4-х піксельну ширину 4-х піксельну товщину лінії обведення (№ 45576B), яку ми розмістимо у верхньому лівому куті. Завершивши, виберіть і об'єднайте дві групи, використовуючи комбінацію клавіш Control-G.

adding the little ledge to the main shape of the chrysler buildings left side section

Крок 

Створіть правою нижньою частиною будівлі за допомогою копії (Control-C> Control-F) тієї, що ми тільки що закінчили роботу, яку ми будемо відображати вертикально (клацніть правою кнопкою миші> Трансформувати> Віддзеркалити> Вертикальний), а потім покладіть на на протилежному боці будівлі.

creating and positioning the main shapes for the chrysler buildings right side section

Крок 8

Створіть розділ центру будівлі за допомогою прямокутника розміром 32 x 28 пікселів із товщиною 4 px (# 45576B), який ми розмістимо на верхній частині його основи.

creating and positioning the main shape for the chrysler buildings center section

Крок 9

Налаштуйте форму, яку ми щойно створили, встановивши радіус її верхнього кута до 16 пікселів з властивостей прямокутника панелі перетворення.

adjusting the roundness of the main shape of the chrysler buildings center section

Крок 10

Продовжуйте коригувати отриману форму, додавши нову точку прив'язки до центру її нижнього краю, скориставшись інструментом Додати анкерний порядок (+), а потім видалити (Видалити), щоб відкрити його шлях.

opening up the bottom section of the chrysler buildings main center shape

Крок 11

Продовжуйте працювати на своєму шляху, створивши прямокутник розміром 24 х 14 пікселів із товщиною 4 px товщини (# 45576B), який ми будемо коригувати, встановивши радіус її верхнього кута до 12 px, а потім відкривши його нижню частину. Після того, як ви закінчите, розмістіть отриману форму на верхній частині попередньо створеної.

creating and positioning the second shape for the chrysler buildings center section

Крок 12

Додати ще один прямокутник розміром 16 х 12 пікселів із товщиною 4 шт. Штрих (№ 45576B), який ми будемо коригувати, встановивши радіус його верхніх кутів до 8 пікселів, відкривши його нижню частину, як і попередню форму. Потім, як тільки ви закінчите, позиціонуйте отриману форму на верхній частині центральної ділянки будівлі.

creating and positioning the third shape onto the chrysler buildings center section

Крок 13

Почніть працювати над верхньою секцією будівлі, створивши менший прямокутник розміром 8 х 6 пікселів з товщиною 4 шт. Штрих (№ 45576B), який ми будемо коригувати, встановивши Радіус його верхнього кута до 4 пікселів, позиціонуючи отриману форму на верхній частині попередня форма, обов'язково відкриваючи нижню сторону.

creating and positioning the fourth shape onto the chrysler buildings center section

Крок 14

Створіть останню частину верхньої секції будівлі, використовуючи еліпс 6 х 16 пікселів із товщиною 4 px товщини (# 45576B), яку ми будемо відкоригувати, порізавши її наполовину, вибравши та видаливши нижню опорну точку. Центр вирівняйте отриману форму на відстані 4 пікселів від верхнього краю області активного креслення, переконайтеся, що нижня частина витягнута на попередню форму, використовуючи інструмент "Перо" (P).

creating and positioning the last shape for the chrysler buildings upper section

Крок 15

Додайте антену, використовуючи товщину 8 px висотою 4 px товщини лінії Stroke (№ 45576B), яку ми орієнтуємо відповідно до раніше створеної форми.

adding the antenna to the chrysler building

Крок 16

Як ми робили з попереднім будинком, починайте додавати невеликі виділення, використовуючи білий (#FFFFFF) як основний колір заливки, знизивши їх Прозорість до 60%, як тільки ви закінчите. Створюйте прямі підсвічування, використовуючи звичайні прямокутники, одночасно використовуйте вигини для арочних, обов'язково надішліть їх на зворотну сторону будівлі (клацніть правою кнопкою миші> Зробити> Відправити назад).

adding the highlights to the chrysler building

Крок 17

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

adding the circular detail to the second shape of the chrysler buildings upper section

Крок 18

Створіть три еліпси 2 x 4 px (# 45576B), з якого ми розмістимо 1 піксель один від одного, перенесуючи центральну частину зверху на 1 піксель. Група (Control-G) фігури, а потім розташування їх у центрі третьої форми верхнього розділу.

adding the first set of decorative ellipses to the third shape of the chrysler buildings upper section

Крок 19

Створіть другий набір 2 x 4 px еліпсу (# 45576B), який ми будемо відстані в 2 px один від одного, об'єднавши (Control-G), а потім позиціонуючи їх до центру четвертої форми верхнього розділу.

adding the second set of decorative ellipses to the fourth shape of the chrysler buildings upper section

Крок 20

Використовуючи дев'ять квадратів 2 x 2 px (# 45576B), додайте маленькі вікна до арочного розділу будівлі, об'єднавши їх разом, використовуючи комбінацію клавіш Control-G.

adding the little windows to the chrysler buildings arched section

Крок 21

Створіть прямокутник розміром 6 х 41 пікселів із товщиною 2 px товщини лінії Stroke (№ 45576B), який ми будемо коригувати, встановивши радіус її верхнього кута до 3 px, вирівнявши отриману форму в центрі до нижньої частини контуру розділу кольорового заповнення.

adding the middle rounded shape to the chrysler buildings bottom section

Крок 22

Як ми робили з першим будівлею, візьміть свій час і намалюйте в вікнах, використовуючи пару товщиною 2 px товщини лінії обведення (# 45576B), розміщені 2 пікселі один від одного, вибираючи, а потім груповуючи (Control-G) разом, коли ви " перероблено

creating and positioning the windows onto the chrysler building

Крок 23

Додайте тіні за допомогою пари прямокутників, які ми будемо розташувати так, щоб вони йшли по шляху до складових розділів будівлі.

creating and positioning the main shapes for the chrysler buildings shadows

Крок 24

Відрегулюйте тіні, індивідуально вибираючи їхні кращі внутрішні опорні точки, а потім натискаючи їх на дно на відстань 2 пікселів за допомогою інструмента «Перемістити» (клацніть правою кнопкою миші> «Трансформувати»> «Перемістити»> «Вертикаль»> 2 пікселі.

adjusting the shape of the chrysler buildings shadows

Крок 25

Завершіть значок, намалюючи його в небі, використовуючи пару товщиною 2 шт. Штрихові лінії (№ 45576B). Візьміть свій час, і як тільки ви закінчите, об'єднайте всі лінії разом за допомогою комбінації клавіш Control-G, зробивши те ж саме для всіх компонентів розділу іконки пізніше.

finishing off the chrysler building icon

8. Як створити будівлю Всесвітнього торгового центру

Тепер ми перебуваємо до нашого третього і останнього значка, тому, якщо ви вже перейшли до наступного шару (це буде четвертий варіант), збільшіть його до референс-сітці, і давайте закінчимо це.

Крок 1

Створіть головну форму будинку, використовуючи прямокутник розміром 36 x 56 пікселів з товщиною 4 px (# 45576B), який ми будемо центризувати, дорівнює нижньому краю накресленого розділу кольорового заповнення.

creating and positioning the main shape for the world trade centers body

Крок 2

Почніть працювати над верхньою секцією будівлі, створивши антену, використовуючи висоту 36 px висотою 4 px товщини (# 45576B), яку ми розмістимо на верхній частині більшої форми.

creating and positioning the main shape for the world trade centers antenna

Крок 3

Створіть нижню частину платформи даху, використовуючи ширину 28 px шириною 4 px товщини (# 45576B), яку ми по центру вирівнятимемо за основною формою будівлі, розмістивши її на відстані 6 px від нього.

creating and positioning the bottom section of the world trade centers roof platform

Крок 4

Додайте опорні підніжки платформи за допомогою прямокутника 16 x 6 пікселів із товщиною 4 шт. Штрих (# 45576B), який ми будемо центром вирівнювати відповідно до верхнього краю більшого прямокутника.

creating and positioning the support legs for the world trade centers roof platform

Крок 5

Створіть верхню частину платформи, використовуючи інший 28-ти піксельний ширину 4-х шт. Товщиною Штриха (№ 45576B), який ми будемо центром вирівняти до нижнього розділу, розмістивши його на відстані 6 пікселів від нього.

creating and positioning the upper section of the world trade centers roof platform

Крок 6

Підключіть два розділи платформи, використовуючи два набори висоти 6 px висотою 4 px товщини штрихів (# 45576B), які ми розташуватимемо 4 пікселі один від одного, використовуючи Параметри розподілу панелі "Вирівнювання", розмістивши по одному на кожній стороні антени.

creating and positioning the center support legs for the world trade centers roof platform

Крок 7

Швидко схопите Pen Tool (P), а потім малюйте діагональними опорними стержнями, використовуючи лінію Stroke (№ 45576B) товщиною 2 px, починаючи з верхньої частини платформи і піднімаючись до центральної частини антени.

creating and positioning the diagonal support rods for the world trade centers roof platform

Крок 8

Завершіть верхню частину будівлі, додавши ширину шириною 8 px шириною 4 px товщини (# 45576B), яку ми будемо центром вирівняти з антеною. Then, once you’re done, select and group all of the current section’s shapes together using the Control-G keyboard shortcut.

finishing off the world trade centers roof platform

Крок 9

Додайте основні підсвічування, використовуючи сім 32 х 2 пікселів прямокутників (колір: білий, непрозорість: 60%), який ми вертикально складемо 6 пікселів один від одного, об'єднавши групу (Control-G), а потім централізуємо їх до основного корпусу будівлі.

adding the main highlights to the world trade center buildings main body

Крок 10

Почніть працювати на передній ділянці будівлі, створивши вікна з використанням дванадцяти шириною 20 px шириною 2 px товщини штрихів (# 45576B), розташованих вертикально 4 px один від одного. Після того, як у вас є лінії, група (Control-G), а потім центр, вирівняти їх до основного корпусу вежі, на відстані 4 пікселів від його верхнього краю.

adding the front section windows to the world trade center buildings main body

Крок 14

Додайте підсвічування переднього розділу, використовуючи шести прямокутників розміром 20 x 2 пікселів (колір: білий, прозорість: 60%), з вертикаллю укладені 6 пікселів один від одного, які ми об'єднаємо (Control-G), а потім в центрі вирівняємось до вікон, розташовуючи їх під перша лінія обведення. Потім, як тільки ви закінчите, виберіть і об'єднайте обидві вікна та основні елементи разом за допомогою комбінації клавіш Control-G.

adding the highlights to the front section of the world trade center buildings main body

Крок 12

Створіть головний контур першого розділу, використовуючи прямокутник розміром 20 x 56 пікселів з товщиною 4 px (# 45576B), який ми будемо центром вирівняти з основним корпусом будівлі.

creating and positioning the main shape for the world trade centers front section outline

Крок 13

Відрегулюйте прямокутник, індивідуально вибираючи його верхню опорну точку та натискаючи його всередину на відстань 8 пікселів за допомогою інструмента «Перемістити» (правою кнопкою миші> перетворити> перемістити> горизонтально> +/- 8 пікселів залежно від того, з якої сторони ви починаєте).

adjusting the main shape of the world trade centers front section

Крок 14

Створіть копію (Control-C> Control-F) отриманої форми, а потім використовуйте її, щоб маскувати вікна та основні елементи переднього розділу (клацніть правою кнопкою миші> Make Clipping Mask), переконавшись, що відправити їх назад до нього (клацніть правою кнопкою миші) > Упорядкувати> Надіслати назад).

masking the world trade center buildings front section highlights and windows

Крок 15

Додайте фонові вікна, використовуючи пару товщиною 2 px товщини обведення (# 45576B), розташовану вертикально 4 px один від одного. Почніть з зовнішнього краю більшого контуру та йди до самого переднього розділу. Потім, як тільки ви закінчите, виділіть і об'єднайте всі форми будівлі разом за допомогою комбінації клавіш Control-G.

adding the background windows to the world trade centers body

Крок 16

Завершіть значок, намалюючи його в небі, використовуючи пару товщиною 2 шт. Штрихові лінії (№ 45576B). По завершенні групи (Control-G) об'єднайте всі рядки, виконуючи те ж саме для всіх компонентів розділу піктограми.

finishing off the world trade center building icon

Капелюхи вниз!

Чудова робота! Наша маленька упаковка ікон повністю закінчена!

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

final project preview
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.