Jump to content
Trofei

Создание красочного абстрактного плаката в Illustrator

Recommended Posts

Создание красочного абстрактного плаката в Illustrator.

01header_691.jpg

 

Источник: http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-colorful-abstract-poster-in-illustrator

Автор: Chris Spooner

 

Далее шаг за шагом, мы создадим разноцветный и яркий абстрактный дизайн-плакат. Сначала в Illustrator’е мы создадим серию мозаичных форм с помощью инструмента Pathfinder, затем начнем добавлять основные цвета и сделаем плакат более живым за счет градиента. Далее закончив с плакатом, мы импортируем все в Photoshop и добавим легкую фактуру, чтобы придать ему законченный вид.

 

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

03_202.jpg

 

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

04_170.jpg

 

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

05_889.jpg

 

Выделите все нарисованные элементы, но уберите выделение с основного прямоугольника (Shift+click). Примените Compound Path для выбранных линий.

06_292.jpg

 

Затем обратно выделите прямоугольник (Shift+click) и нажмите кнопку Divide из опций панели Pathfinder

07_867.jpg

 

Выберите объекты правой кнопкой мыши и разгруппируйте их, а затем выберите все линии, которые уходят за край документа и удалите их.

08_281.jpg

 

На плакате есть места, где линии тесно расположены образую очень маленькие формы. Выбирайте любые крошечные формы и затем объедините их с соседними элементами, используя команды панели Pathfinder.

09_157.jpg

 

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

10_962.jpg

 

Затем, удерживая Shift, случайным образом выберите группы форм по всей сетке. Задайте этим фигурам первую заливку. Нажмите CMD+2 тем самым заблокировав их, чтобы случайно не выбрать их в следующем шаге.

11_577.jpg

11.jpg.677d35aa5b1d095d720a8c59274ece92.jpg

10.jpg.80502100bdcb4aabd33adcca9d8d6417.jpg

09.jpg.ca40b6fb9221aa65aa0bba378dd2dfa5.jpg

08.jpg.8b1725450f7d74014392cfd9012f24d0.jpg

07.jpg.e15e83348fb62212ad3a49f18b66ff54.jpg

06.jpg.117faa473585af14303d8afdf371e760.jpg

05.jpg.6045fb953de25bf64f724056f0de82b6.jpg

04.jpg.e98a7da7e51a39257b93faab8a204d41.jpg

03.jpg.e5154ecead4d2b8da5b3b9893f3a0121.jpg

01header.jpg.76bef8868222cc3092b42cc6531f3d2f.jpg

Share this post


Link to post
Share on other sites

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

12_876.jpg

 

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

13_134.jpg

 

Абстрактный дизайн-плакат начинает приобретать нормальный и цветной вид, но он все еще выглядит немного плоским.

14_111.jpg

 

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

15_140.jpg

 

Выберите один из цветных элементов и перейдите к Select > Same > Fill Color. И замените их заливку на соответствующий градиент с помощью инструмента Eye Dropper.

16_106.jpg

 

Повторите этот процесс и для остальных цвета. Используя Gradient Tool регулируйте угол наклона на некоторых элементах, меняя этим направление заливки.

17_807.jpg

 

Теперь все цветные элементы с градиентом смотрятся намного лучше, и за счет этого появилось ощущение глубины.

18_829.jpg

 

Чтобы закончить плакат, скопируйте все, и создайте новый документ в Photoshop. Импортируйте «легкую» текстуру для background’а.

19_173.jpg

 

Скопируйте векторный элемент в документ Photoshop и измените режим наложения на Linear Light. С непрозрачность около 80%.

20_624.jpg

 

Некоторые из цветов слишком выбиваются, поэтому скопируйте еще одну копию векторных элементов и изменение режим наложение этого слоя на Multiply с прозрачностью около 55%.

21_557.jpg

 

02colorful_illustration_142.jpg

 

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

 

Если вам понравился этот урок, пожалуйста, размещайте и обменивайтесь им с другими на своих сайтах. Был бы очень вам признателен!

21.jpg.57b97d950cd8d49b7c2f8252627fe78b.jpg

20.jpg.0e517f1b0d9c29810aaffa81631d36a4.jpg

19.jpg.f61d0ed188c07750b96e81a9e380021b.jpg

18.jpg.ccae3fd417ae8c138c0f3f01ea07e05b.jpg

17.jpg.c54539be766b44195c9c4d4df6fed3a9.jpg

16.jpg.6141596f0387d6ccc0c24bda9aa2db1e.jpg

15.jpg.2c295ac8ba8735d92d2c49aafce3e534.jpg

14.jpg.acd79ee103287f78b556e8ca27bb1c63.jpg

13.jpg.dee7a6a8cef008dddb47942cd5163068.jpg

12.jpg.88572c8c00ce66050f489c1198947a9f.jpg

Edited by NULL

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use