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


Главная » 2011 » Сентябрь » 17 » Абстрактные композиции с точками
17:19
Абстрактные композиции с точками

Абстрактные композиции с точками

Абстрактные композиции с точками \ Abstract composition with points

Абстрактные композиции с точками

Часть 1. Создание простых композиций из точек

Шаг 1

Откройте новый документ (800 на 800 пикселей); в версиях ниже CS4 создавайте документ в цветовой модели RGB. Нарисуйте круг без обводки и заполните его радиальным градиентом

Абстрактные композиции с точками

Шаг 2

Зайдите в Effect > Pixelate > Color Halftone и примените с настройками показанными ниже

Абстрактные композиции с точками

Шаг 3

Преобразуйте полученную фигуру в вектор: зайдите в Object > Expand Appearance и нажмите на кнопку Live Trace в появившемся сверху меню. После примените к изображению Object > Expand

Абстрактные композиции с точками

Шаг 4

Заполните фигуру линейным градиентом

Абстрактные композиции с точками

Шаг 5

Чтобы градиент окрасил только точки, нужно удалить слой Compound Path в панели слоёв

Абстрактные композиции с точками

Шаг 6

Выберите Gradient Tool (G) и поправьте градиент, чтобы он находился в границах фигуры и не вылезал за пределы (для этого, просто растяните его от края до края группы точек)

Абстрактные композиции с точками

Шаг 7

Примените к фигуре Object > Envelope Distort > Make with Warp с настройками как на рисунке ниже

Абстрактные композиции с точками

Шаг 8

В итоге мы получили неплохой эффект

Абстрактные композиции с точками

Часть 2. Применение эффекта к blend

Шаг 9

Нарисуйте ладонь с помощью Pen Tool (P)

Абстрактные композиции с точками

Шаг 10

Примените к фигуре Object > Path > Offset Path с настройками показанными ниже

Абстрактные композиции с точками

Шаг 11

Выберите внешний путь (Path) и повторите операцию предыдущего шага с настройками как на рисунке ниже

Абстрактные композиции с точками

Шаг 12

Удалите средний путь и заполните формы: внутреннюю чёрным и внешнюю серым цветом

Абстрактные композиции с точками

Шаг 13

Зайдите в Object > Blend > Blend Options и настройте, как показано ниже. Выберите обе фигуры и примените Object > Blend > Make

Абстрактные композиции с точками

Шаг 14

Примените к фигуре настройки как в шаге 2, затем Object > Expand Appearance и Object > Live Trace > Tracing Options, с настройками показанными ниже (убедитесь, что у вас отмечено Ignore White), а в конце Object > Expand

Абстрактные композиции с точками

Шаг 15

Удалите ненужные/дефектные точки

Абстрактные композиции с точками

Шаг 16

Создайте выше руки прямоугольник, выберите обе фигуры и примените crop из панели Pathfinder (Shift+ctrl+F9)

Абстрактные композиции с точками

Шаг 17

Заполните руку белым и фон синим – готово!

Абстрактные композиции с точками

Часть 3

Шаг 18

Нарисуйте прямоугольник с помощью Rectangle Tool (M) и заполните его линейным градиентом. Примените к фигуре действия, описанные в шагах 2 и 3

Абстрактные композиции с точками

Шаг 19

Заполните фигуру цветным линейным градиентом (не забудьте удалить слой Compound Path) и переименуйте слой в «dots» - позже мы сможем отредактировать градиент

Абстрактные композиции с точками

Шаг 20

Удалите ненужные точки

Абстрактные композиции с точками

Шаг 21

Создайте новый слой и назовите его «template». Создайте шестиугольник с помощью Polygon Tool, откройте линейку (Ctrl+R), вытяните две направляющие (Guides) и разверните их с помощью Rotate Tool (R ), чтобы получилось как на рисунке ниже. Заблокируйте слой

Абстрактные композиции с точками

Шаг 22

Выберите слой «dots» и с помощью Pen Tool (P) создайте форму в виде сегмента как на рисунке ниже (для облегчения задачи, активируйте Magnetic Guidelines (Ctrl+ U))

Абстрактные композиции с точками

Шаг 23

Откройте слой «dots» и выберите группу точек и созданную в предыдущем шаге форму (убедитесь, что подслой с формой находится выше группы точек). Примените к ним Object > Envelope Distort > Make with Top Object (Alt + Ctrl + C), а затем Object > Expand (в итоге должен получиться сегмент из точек)

Абстрактные композиции с точками

Шаг 24

С помощью Rotate Tool (R ) вращайте форму вокруг центра шестиугольника, удерживая Alt (чтобы при повороте форма копировалась)

Абстрактные композиции с точками

Шаг 25

Ниже слоя «dots» создайте новый слой, назовите его «BG», нарисуйте на нём прямоугольник с заполнением чёрным цветом, без обводки и заблокируйте этот слой

Абстрактные композиции с точками

Шаг 26

Немного поправьте градиент в отдельности для каждого сегмента

Абстрактные композиции с точками

Шаг 27

Сгруппируйте все сегменты (выберите все и нажмите Ctrl+G) и примените к форме Object > Envelope Distort > Make with Mesh (Alt + Ctrl+ M), с настройками как показано ниже

Абстрактные композиции с точками

Шаг 28

Искривите сетку получившегося мэша с помощью Direct Selection Tool (A), как показано ниже, и примените Object > Expand

Абстрактные композиции с точками

Шаг 29

Создайте выше формы прямоугольник, выберите обе фигуры и примените к ним crop из панели Pathfinder

Абстрактные композиции с точками

Шаг 30

Измените размер фона и документа (File > Document Setup) и, при необходимости, выровняйте все объекты относительно друг друга

Абстрактные композиции с точками

Шаг 31

Теперь создадим тень внутри формы. Создайте прямоугольник такого же размера как документ. Заполните прямоугольник радиальным градиентом и поменяйте его режим наложения в панели Transparency на Multiply

Абстрактные композиции с точками

Финал

Абстрактные композиции с точками

автор: VectorTuts+
перевод: doofy

***


[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)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (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][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (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 | Просмотров: 3171 | Добавил: supermen | Теги: Magnetic Guidelines иллюстратор, фотошоп края точками, Абстрактные композиции фото, абстрак, Абстрактный, абстрактные композиции, шрифтовая композиция
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[10.01.2011][DesiGn bLOg]
Эта замечательная жизнь на винтажных рекламных иллюстрациях (2)
[26.01.2011][video futage]
DigitalJuice After Effects Project - Cable Channel (0)
[01.09.2013][rastER KLipardy]
Прелестная студентка с будильником / Beautiful student girl with clock - stock photo (0)
[22.09.2011][PSD-files, исходники]
Cold Roses (PSD) - Холодная роза (PSD) (0)
[12.02.2015][3D MAX modeling]
HDCarsCollection.Volume.02 (0)
[18.09.2011][DesiGn bLOg]
Milton Glazer. 10 правил дизайнера. (0)
[15.05.2012][Lessons PHOTOSHOP]
Создание футуристических обоев 2011 \ Design a futuristic 2011 wallpaper (34)
[13.02.2015][Plugins Photoshop]
AKVIS Refocus 5.1.453.11355 (x86/x64) (0)
[21.11.2015][Brushes Photoshop]
Rons Deviney Dead Tech 110 Brushes (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (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)



Четверг
25.04.2024
15:17


Copyright artpost and semantic product zanchi 2010-2011 © 2024