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


Главная » 2011 » Сентябрь » 20 » Крутой дизайн для скейтборда с узором из черепов
07:03
Крутой дизайн для скейтборда с узором из черепов

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

Крутой дизайн для скейтборда с узором из черепов \ Cool design for a skateboard with a pattern of skulls

Иллюстраторский инструмент Распылитель символов Symbol Sprayer tool может быть весьма полезным для быстрого создания потрясающих графических узоров. В этом уроке мы рассмотрим создание графических элементов в виде черепушек, а затем создадим на их основе замысловатый узорчик для последующего применения в дизайне скейтборда. Несмотря на то, что в уроке мы будем делать дизайн для скейтборда, Вам совершенно необязательно использовать данную технику именно для скейта — Вы можете применять её в любых собственных работах.


Шаг 1
Приступим! smile.gif Откройте Иллюстратор, создайте новый докумет и при помощи инструмента Эллипс Ellipse tool (L) нарисуйте круг. Чтобы получился именно круг, а не эллипс, удерживаем при рисовании клавишу Shift.

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

Шаг 2
Инструментом Rounded Rectangle tool создайте прямоугольник со скруглёнными углами, регулируя радиус скругления углов при помощи клавиш управления курсором. Разместите его так, как показано на рисунке ниже. При поомщи палитры Выравнивание Align: Window > Align или Shift+F7 отцентрируйте по вертикали круг и прямоугольник.

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

Шаг 3
Выделите обе фигуры и в палитре Pathfinder: Window > Pathfinder или Shift+F9 кликнете на функцию Add to Shape Area (Добавление области к фигуре), чтобы объединить контуры в один. При работе с функциями палитры Pathfinder можно кликать на функцию, удерживая клавишу Alt, или после выполнения операции нажать кнопку Expand (Разобрать).

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

В палитре Обводка Stroke: Window > Stroke или F10 выставьте значение обводки для полученного контура 4 pt.

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

Шаг 4
Нарисуйте кружок поменьше, залейте его чёрным цветом. Затем создайте его копию (можете просто скопировать Ctrl+C и вставить поверх Ctrl+F). Перетащите копию в сторону, удерживая Shift, чтобы круги находились на одном уровне. Это будут глаза для скелетика skull.gif Далее сгруппируйте два глаза Ctrl+G и отцентрируйте по вертикали с основной формой черепа.

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

Глазки готовы, теперь нарисуем нос smile.gif Возьмите инструмент Звезда Star tool (он сгруппирован на панели инструментов вместе с Эллипсом и Прямоугольником) и перетащите им на холсте. Не отпускайте ещё левую кнопку! Нажмите клавишу курсора вниз [↓], чтобы уменьшить количество вершин звезды до трёх и получить треугольник.

Затем в меню выберите пункт Effect > Stylize > Round Corners (Эффект > Стилизация > Скругление углов) и в появившемся диалоговом окошке введите радиус скругления около 10 мм (эта величина может немного отличаться, т.к. всё зависит от размера вашего изображения).

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

Подкорректируйте размер и расположение полученного треугольника, чтобы получился нос для черепа.

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

Шаг 5
Теперь создадим зубки. Инструментом Прямоугольник со скруглёнными углами Rounded Rectangle tool нарисуйте длинную и тонкую фигуру для зубика. Скопируйте Ctrl+C и вставьте копию на передний план Ctrl+F, затем сместите копию вправо, удерживая Shift.

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

Выделите оба зубика и выберите пункт меню Object > Blend > Make (Объект > Переход > Создать). Не снимая выделения с полученного перехода, зайдите в меню Object > Blend > Blend Options (Объект > Переход > Параметры перехода) и в диалоговом окне выберите для параметра Spacing (Интервал) вариант Specified Steps (Указанные шаги (?)) и выставьте количество этих шагов равным 3. Далее идём в меню Object > Expand (Объект > Разобрать) и поставьте галочку в появившемся диалоговом окне в пункте Object (Объект).

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

Скопируйте контур черепушки и вставьте поверх, затем переместите эту копию на самый верх клавишами Ctrl+Shift+]. Можете временно залить этот контур любым цветом, чтобы видеть, что происходит. Выделите и разгруппируйте зубки Ctrl+Shift+G. Затем идём в пункт меню Object > Compound Path > Make (Объект > Составной контур > Создать). Теперь выделите копию контура черепа и зубы, а затем в палитре Pathfinder выберите функцию Intersect, чтобы обрезать торчащие клыки biggrin.gif Не забудьте при использовании функций этой палитры нажимать в конце кнопку Expand (Разобрать). Если Вы закрашивали верхний контур в произвольный цвет, то не забудьте перекрасить зубы назад в чёрный.

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

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

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

Тепеь выделяем каждую черепушку по очереди и кликаем на иконку New Symbol (Новый символ) в палитре Символы Symbols: Window > Symbols или Shift+F11.

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

Шаг 7
Приступим к созданию непосредственно узора. Возьмите инструмент Распылитель Символов Symbol Sprayer tool (Shift+S) и выберите в палитре Символы первую черепушку. Кликайте и перемещайте по холсту распылитель, чтобы набросать несколько копий черепов.

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

В палитре инструментов кликнете на Распылитель символов и, не отпуская кнопку мыши, перейдите к инструменту Symbol Spinner Tool в данной группе — это инструмент Вращение символов. Сделайте двойной клик на этом инструменте, чтобы вызвать окно настроек, и в появившемся окне выберите для параметра Method (Метод) значение Random (Произвольно).

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

Помахайте немножко на холсте Вращателем символов, чтобы разнообразить расположение черепов.

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

Затем в группе инструментов работы с символами выберите инструмент Symbol Sizer Tool (Размер символов), для него аналогичным образом, как и для Вращателя символов, настройте метод работы на Random (Произвольно). Далее, используйте этот инструмент, чтобы немого изменить и разнообразить размер некоторых элементов будущего узора.

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

Шаг 8
Теперь выбираем в палитре Символов следующий череп, снова берём основной инструмент для работы с символами Распылитель символов Symbol Sprayer tool (Shift+S) и распыляем теперь новые черепки на холсте.

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

Повторяем процесс вращения и масштабирования наборов символов-скелетиков, как и на шаге 7. А затем переходите к третьему виду черепа.

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

Вот так вот, в два счёта рабочее пространство переполнится разнообразными черепушками. Продолжайте чередовать виды черепов, их расположение и размер, пока не заполните все пробелы.

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

Шаг 9
Разместите вручную отдельные символы, чтобы заполнить определённые области.

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

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

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

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

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

Шаг 10
Выделите все элементы узора и сгруппируйте. Далее, используя инструмент Прямоугольник со скруглёнными углами Rounded Rectangle tool, создайте фигуру, изображающую основу для скейта, которая бы покрывала большую площадь узора. Выделите и узор, и фигуру доски, а затем зайдите в пункт меню Object > Clipping Mask > Make (Объект > Обтравочная маска > Создать) или просто нажмите Ctrl+7

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

Шаг 11
В принципе, узор готов, но если Вы хотите создать реалистичный макет скейтборда с полученным узором, можете скачать шаблон скейта с сайта Deviant Art и открыть его в Фотошопе.

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

Теперь можете просто скопировать в Иллюстраторе ваш макет доски и вставить его в Фотошоп. Подкорректируйте размер и размещение узора для создания более реальной картинки.

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

Итог
Вы видите, что для дизайна мы использовали всего лишь три небольших иллюстрации черепа, но, благодаря инструменту Распылитель символов, мы довольно быстро создали узор. И в результате — крутой и внушающий страх дизайн для скейта! Уу-уу-у-у! skull.gif

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

Источник: blog.spoongraphics
Перевод и дополнения: Vichka

***


[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)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (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)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (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)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (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 | Просмотров: 2784 | Добавил: supermen | Теги: крутая векторная графика, крутые черепа, крутой фотошоп, ак залить градиентом текст в FLASH, рисунки на тему ск, дизайн деки скейта, узоры с черепами
Всего комментариев: 1
1 zanchi  
хм интересно интересно надо заценить tongue

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск







Статистика


Онлайн всего: 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
00:20


Copyright artpost and semantic product zanchi 2010-2011 © 2024