За онази космическа илюстрация, която продължавате да виждате наоколо

Моят мисловен процес за избор на цвят и стил на илюстрация. Първоначално публикуван в официалния блог на Adobe

Беше 2013. Седнах, пуснах малко музика, заглуших светлините и отворих лаптопа си. Ако имах много глупости. В опит да извикам вдъхновение, започнах безмислено да рисувам линии от единия ъгъл на екрана до другия, когато изведнъж се образуваше комета. "Хм ...", мозъкът ми бавно се събуждаше, "... ами ако свържа линиите и добавя някои планети". Бидейки майстор прокрастинатор, аз направих точно това. И направих още няколко неща след това. Няколко часа по-късно имах най-популярната си снимка на Dribbble, както и най-популярната си илюстрация досега.

Илюстрация, за която нямах представа, ще вдъхнови собствената й илюстрационна тенденция с много дизайнери и компании по целия свят, които я създават, ре-итерират, преобразяват ... Предполагам, че наистина ме удари, когато прочетох отговора на Мег Робикхуд в Интервю на дрибъл за любимия й кадър от всички времена на Dribbble:

Искам да кажа, че цветовете и формите са зашеметяващи и, разбира се, това е пространство: страхотно. Причината, че е любимият ми кадър, е, защото постоянно забелязвам хората с него като тапет за телефон или десктоп и е като тази страхотна малка значка: „Да, знам, че си го получил в Dribbble. Искате ли да спрем всичко, което правим и да поговорим за Dribbble? “

Когато прочетох това, все пак „Уау. Това е истинско. Не си го представям ”.

Така че, като имам множество молби за уроци, които непрекъснато ми идват, аз най-накрая споделям начина на мислене и по-важното - мисловния процес зад него. Наслади се!

Илюстративният стил

Илюстративният стил е свързан с ограниченията, които се налагат сами. И мозъкът ми постоянно измисля тези странни правила, когато илюстрирам неща. Това е почти като нелепи предизвикателства, които не мога да преодолея - Ами ако нарисувам човек само с кръгове? Ами ако илюстрирам залез, използвайки само един цвят? И бам, се ражда нов стил на илюстрация.

Геометрични правила, логически прогресии, симетрия. Има нещо много привлекателно в прилагането на строги математически правила към изкуството. Чувства се като обратна инженерна магия, тя премахва мистичния елемент в изкуството, така че е почти като разкриване на науката зад него.

Космическата илюстрация има две от тези правила.

Заобленият вълнообразен модел

Този вълнообразен модел е в основата на космическата илюстрация, тъй като почти всеки обект е съставен от него. Вълнообразният модел всъщност се редува криви навътре и навън. Нека ви покажа как може лесно да се създаде в Adobe Illustrator.

Първо нарисувайте няколко правоъгълника със същата височина. Разстоянието между правоъгълниците трябва да бъде височината на един правоъгълник. Можете да включите „Show Grid“ и „Snap to Grid“, за да го улесните.

След това попълнете празнините с още няколко правоъгълника, но се уверете, че те са по-къси от първата партида правоъгълници, за да образуват вътрешните криви. Изберете всички и се слейте в една форма.

И накрая, плъзнете живите ъгли, за да ги закръгляте, докато образуват перфектни полукръгове. Та-га! Току-що нарисувахте куп горещи кучета, подредени заедно.

Комбинирайки различни дължини и размери хотдоги, вече можете да започнете да формирате обекти:

Наклона от 30 °

Всеки предмет от илюстрацията се накланя на 30 °.
Защо изобщо да се накланяте? Обектите на илюстрацията са неща, които плават в пространството, които по дефиниция са разединени, защото те ... добре, плават в пространството. Така синхронизирането на тяхната посока създава приятно единство.

Добре, но защо да се накланяте на 30 °? Прав ъгъл или хоризонтална посока са твърде симетрични и подценяващи. Диагоналният наклон нарушава симетрията по синхронизиран начин. Причината, поради която 30 °, а не 45, или 20, или 15 ... е просто, че ми харесва по-добре. Защото 30 ° очевидно е най-добрият ъгъл в света, който и да е.

В този момент имаме формите и наклона, които изглеждат така:

Цветовете

Както се оказва, мозъкът ми е доста мързелив, когато става въпрос за избора на цвят. Тя категоризира всяка илюстрация в една от двете категории - проста или сложна. След това съответно избира цветова палитра.

Сложните илюстрации имат високо ниво на гранулиране, с много форми / предмети и много детайли. Обикновено те са много подобни на модели и нямат една ясна фокусна точка. Моят мозък е решил, че тези видове илюстрации очевидно работят добре с монохроматични или аналогични цветни палитри. Или в по-широк план - по-малко цветове и по-малко цветен контраст. Всичко това се свежда до визуален баланс, така че ако формите са луди, цветовете трябва да бъдат укротени.

От друга страна, илюстрациите с по-ниска сложност обикновено имат ясна точка на фокусиране и ясна йерархия на обектите. Откъм формата на нещата тези илюстрации изглеждат доста ясни, така че изборът на цветове може да бъде по-див. Силно контрастиращи цветове от всякакъв вид - допълващи се, триадични, тетрадични, whateveradic, стига да е привлекателна, стимулираща палитра.

Има цяла вселена между това, което описах като сложни и прости илюстрации, но мозъкът ми не е твърде зает с целия този спектър, по-скоро би обозначил всяка илюстрация като сложна или проста. Съжалявам за това.

Тройната цветова палитра

Поради повтарящия се модел и форми космическата илюстрация очевидно принадлежи към категорията „проста илюстрация”. И така, аз орех с цветовата палитра, която е грубо триаден избор на магента, циан и оранжев, с виолетов фон. Да, малко от всичко!

Ето как изглежда това на цветното колело:

Обещавам, че не смятам да рисувам знак за мир️

Виолетовият фон е естествено най-присъстващият цветови процент, но магентата и цианът са най-доминиращи. Оранжевото изглежда много малко, така че е по-скоро акцентен цвят, за да създадете малко контраст.

Избрах виолетов като фон, тъй като цветът на лепилото свързва всички предмети, така че трябва да работи добре с всеки от другите цветове поотделно. На цветното колело е разположено точно по средата между доминиращите цветове - магента и циан, така че е идеално хармонично и с двете. Също така добре се справя с цвета на акцента, оранжевото, защото те са допълващи се цветове.

Прекъсвачи за модели

Много често илюстрациите, създадени със строги правила, също са малко… patterny? Предсказуемо и скучно, просто твърде много от едно и също нещо. Като, твърде много хот-доги. Така че търсех начини за разбиване на модела по начин, който не нарушава правилата.

Блясъкът

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

Стъклената атмосфера

Атмосферата от стъкло беше добавка в последната минута и отново е физическо свойство, което създава повече дълбочина. Няма голяма тайна как е постигнато това, това е проста комбинация от разположение и изрязваща маска:

  1. Добавете плътен кръг между голямата планета и обектите зад нея. Добавете фин блясък към кръговия слой, като използвате Overlay като режим на смесване.
  2. Създайте копие на обектите, поставете ги върху слоя с кръг и опционално ощипвайте цветовете, за да са малко по-светли.
  3. Създайте изрязваща маска. Изберете копията на обектите и щракнете с десния бутон върху мишката> Създаване на маска за изрязване.

Това е обвивка!

След като приложите хотдог, наклона, цветовете, блясъка и стъклената атмосфера, вече трябва да сте готови! Ето едно бързо резюме:

Любопитно ми е да видя как прилагате техниките и към собствените си илюстрации, така че, моля, изпратете експериментите си по моя начин. Благодаря ви за четенето! (◉ᴗ◉)

Вижте моите неща на Behance или Dribbble и не се колебайте да ме набиете с юмрук в Twitter!