Создание логотипа в Adobe Illustrator

Всем привет! Сейчас я расскажу вам о том, как я рисовал эскиз логотипа для охранной организации «Олимп» в Adobe Illustrator. Уровень моего владения этой программой далек от совершенства, поэтому допускаю, что какие-то операции можно сделать быстрее и проще.
Окончательный результат

process_sozdania_logotipa_ohrannoi_organizacii_olimp (1)

Шаг №1
Для того чтобы не тратить кучу времени, двигая точки в Люстре мы в студии начинаем работу над созданием логотипа с очень черновых эскизов и набросков. Наиболее удачным вариантом оказалась рука с молнией.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (2)

Шаг №2
Мы сделали несколько версий логотипа, однако, они показались недостаточно выразительными поэтому решено было сделать логотип объемным. Рисую я весьма посредственно, и, чтобы изобразить руку, пришлось пойти на хитрость и сфотографировать ее.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (3)

Шаг №3
Первым делом, я отрисовал основные формы на которые впоследствии будут накладываться необходимые градиенты. Каждая обведенная область на изображении — это отдельный шейп, я так сделал для того, чтобы было удобно резать блики и тени по форме пальцев и ладони.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (4)

Для того чтобы начать работу необходимо найти основной тон руки, для того чтобы потом добавить поверх него тени и блики. Я предпочитаю в работе использовать двухцветные градиенты с чистыми цветами типа этих:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (5)

Для рисования руки я взял следующие значения цвета:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (6)

Шаг №4
На этом этапе я дорисовал молнию и применил к формам градиент, по счастливой случайности градиенты легли сразу более-менее правильно и мне не пришлось додумывать в какую сторону их направлять.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (7)

Шаг №5
Теперь необходимо сделать градиенты менее контрастными, потому что форму руки мы будем описывать при помощи дополнительных слоев, поэтапно накладывая блики и тени.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (8)

Шаг №6
Я решил начать с самой сложной и неочевидной на первый взгляд части (между большим и указательным пальцами), поскольку именно она вызывала наибольшие затруднения. Надо было положить туда тень так, чтобы форма большого пальца начала читаться. Подглядывая на фотографию я сначала нарисовал шейп, похожий на форму самой темной части и затем раскрасил его градиентом в режиме смешивания Multiply.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (9)

Шаг №7
Хочу отметить, что длина градиента в каждом шейпе отличается и вам придется самостоятельно понять как лучше положить градиент. Или посмотреть видеоурок, если я его когда-нибудь сделаю;) В общем, у меня получился вот такой градиент:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (10)

Шаг №8
Разумеется, этого не достаточно. Для того, чтобы добиться нужного эффекта я нарисовал поверх еще два шейпа. Я старался рисовать их так, чтобы они одновременно напоминали складки и ложились по форме руки.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (11)

Шаг №9
Затем, я добавил еще два шейпа, один на большой палец, другой на указательный, чтобы еще сильнее его затемнить. Помимо прочего, я сделал их пересекающимися, для того, чтобы не рисовать лишний шейп под бугорком между большим и указательным пальцем (в режиме Multiply они усилили затенение друг от друга).

process_sozdania_logotipa_ohrannoi_organizacii_olimp (12)

Шаг №10
Здесь, думаю, стоит рассказать о том, как я добиваюсь того, что новый нарисованный шейп повторяет форму руки и не выходит за края, итак:
1. Я рисую шейп внутри руки с такой формой которая мне нужна:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (13)

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

process_sozdania_logotipa_ohrannoi_organizacii_olimp (14)

3. Нажимаю Crtl+C (копировать), затем Ctrl+F (чтобы вставить шейпы ровно в то же место откуда я их скопировал). Затем открываю Window – Pathfinder и жму Crop. (Абсолютно не важно какой шейп находится сверху — новый кропнутый шейп строится в той области где шейпы пересекаются).

process_sozdania_logotipa_ohrannoi_organizacii_olimp (15)

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

Шаг №11
Чтобы подчеркнуть форму я добавил еще два шейпа.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (16)

Шаг №12
Затем, я дорисовал тени на пальцах, ладони, молнии и под самим логотипом.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (17)

Шаг №13
Чтобы добавить объема и контрастности, я нарисовал несколько шейпов с освещенной части руки и залил их градиентом от белого к прозрачному с режимом наложения Overlay.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (18)

На заметку:
цвет ключевой точки, которой мы задаем прозрачность необходимо делать белым, иначе любой другой цвет будет виден на середине градиента, как на рисунке ниже:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (19)

Это, в свою очередь, в режиме смешивания может привести к непредсказуемым результатам, будьте внимательны.

Шаг №14
У меня получился такой объем руки:

process_sozdania_logotipa_ohrannoi_organizacii_olimp (20)

Шаг №15
Мне показалось, что этого мало, и я добавил поверх еще несколько форм с прозрачными градиентами, изменив режим наложения на Normal для того, чтобы появились легкие засветы и еще сильнее заиграл объем.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (21)

Шаг №16
В самый последний момент я заметил, что на большом пальце нет ногтя.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (22)

Шаг №17
Как учат психологи, индексы фондовых бирж и Лебедев — расположение движения вправо вверх говорит о росте и стремлении в будущее. Отражаем получившуюся руку по горизонтали, подбираем приятный глазу шрифт.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (23)

Вуаля! Логотип готов.

process_sozdania_logotipa_ohrannoi_organizacii_olimp (24)

Автор урока: Данил Трапезников

7 комментариев

  1. неплохо вышло, блин как же непросто работать в иллюстраторе.. 🙂

  2. чудесный логотип получился!

  3. Весьма достойный результат!

  4. Адоб меня иногда просто убивает… Хоть я и не рисую логотипы на заказ, а просто увлекаюсь компьютерной графикой…)))

  5. Thanks very interesting blog!

  6. Круто, давай ещё!

  7. клас

Add a comment

*