Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Сентябрь » 17 » Красивая оптическая иллюзия как эллемент дизайна
17:10
Красивая оптическая иллюзия как эллемент дизайна

Красивая оптическая иллюзия как эллемент дизайна

Красивая оптическая иллюзия как эллемент дизайна \ Beautiful optical illusion as ELLEMENT design

Это мой первый урок и первые дни в Иллюстраторе в принципе, так что сильно не пинать.

Вот что мы делаем:

Красивая оптическая иллюзия как эллемент дизайна *

Вчера я наткнулся на книгу о скейтбордах, которая называется новая скейтборд графика. Это очень классная книга, и я даже отправил копию Abduzeedo. Так что пока я листал страницы, я нашел этот красивый дизайн, который мне невероятно понравился. И я решил попробовать сделать это в Illustrator'е.

Наши основные инструменты:
Rectangle Tool (М) (рус: Прямоугольник)
Direct Selection Tool (A) (рус: Прямое выделение)
Ellipse Tool (L) (рус: Эллипс)

Шаг 1

Откройте Illustrator и удерживая кнопку Shift создайте ровный круг с помощью инструмента Ellipse Tool (L), убрав какой-либо цвет объекта и оставив только черную обводку.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 2

С помощью инструмента Direct Selection Tool (A) выберите и удалите (Delete) 3 сегмента(четверти) круга, оставив только правую нижнюю часть.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 3

Используйте изображение ниже для справки.
Дублируйте четверть(для быстроты с помощью Alt) и поверните ее на 180 градусов (object > transform > rotate). После этого состыкуйте получившийся элемент с уже существующим и соедините их выбрав состыкованные точки инструментом Direct Selection Tool (A) и воспользуйтесь функцией Connect Selected End Points.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 4

Дублируйте получившийся объект и привести его немного вниз. Так же как и в предыдущем шаге С помощью Direct Selection Tool (A) свяжите точки элементов для создания единого объекта. Используйте изображение ниже для справки.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 5

Опять же с помощью Direct Selection Tool (A) точки в середине объекта раздвинте вверх/низ. Идея заключается в том, чтобы сделать площадь объекта чуть больше\толще.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 6

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

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 7

Копируем получившийся объект некоторое время, пока не выстроим по горизонтали полную линейку. После чего выделяем все объекты и группируем, затем дублируем получившуюся группу и переносим ее в самый низ экрана(рабочего поля). Выделите верхнюю и нижнюю группу после этого делаем "Переход" Object > Blend > Make, и сразу же настраиваем количество шагов Object > Blend > Make Options ставим Интервал шагов ставим на 55 в выпадающем меню для этого должно быть выбрано "Specified Steps"

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 8

Создайте новый документ размерами 1920x1200 пикселей. Создайте прямоугольник с помощью Rectangle Tool (М) и окрасьте его в этот цвет # 394A5F

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 9

Скопируйте с предудущего документа объекты перехода и если нужно копируйте их до того времени пока не заполните полностью экран, после чего окрасьте их в белый цвет.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 10

Теперь получившиеся объекты нам нужно разобрать по отдельности
1.Object->Blend->Expand
2.Object->Ungroup
Direct Selection Tool (A) опять поможет нам выбрать и удалить из общей мозайки ненужные на наш дизайнерский взгляд элементы.

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 11

Добавим тени, выберем все объекты, кроме синего фона и пойдем Effect> Stylize> Drop Shadow
с настройками:
Mode: Color Burn, 40% Opacity, 0 for X Offset, 1px for the Y Offset, 2px for the Blur
и черный цвет

Красивая оптическая иллюзия как эллемент дизайна *

Шаг 12

Теперь нам нужно поместить текстуру старой бумаги поверх всего получившегося, автор предлагает нам купить текстуру с Shutterstock, я поступил немного иначе и взял имеющуюся на Demiart'e, выставляем прозрачность добавленной поверх текстуры на Multiply

Красивая оптическая иллюзия как эллемент дизайна *

Заключение

Вот такую отличную штуку не сложным способом мы получаем!
Красивая оптическая иллюзия как эллемент дизайна

Исходник автора в иллюстраторе можно получить по этой ссылке

Автор: Abduzeedo
Источник

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 2103 | Добавил: supermen | Теги: abduzeedo, иллюзия со шрифтом, как создать оптическую иллюзию, как сделать оптическую и, оптическая иллюзия, иллюзия, оптическая иллюзия своими руками
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск







Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Суббота
27.04.2024
03:50


Copyright artpost and semantic product zanchi 2010-2011 © 2024