Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Присъединете се към EU.LuckyTemplates, за да научите стъпките за превръщане на обикновени снимки в привличащи вниманието илюстрации с помощта на светлинни ефекти и корекция на цветовете в Adobe Photoshop CS6 , включително наслоени PSD файлове.

Започнете, като създадете нов документ ( Ctrl+N ) в Adobe Photoshop CS6 с размери 1000 x 1500px (RGB цветен режим) при разделителна способност 72 пиксела/инч . Използвайте Paint Bucket Tool (G), за да запълните новия фонов слой с цвят #030221 .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Намерете снимки в архива. Статията избира снимка на танцьорка, позираща в студио, взета от Shutterstock.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Изтрийте фона с любимите си инструменти като Pen Tool (P) , Magic Wand Tool (W) , Magnetic Lasso (L) , дори с обикновен Filter > Extract и го вмъкнете в нов слой в основния документ.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Сега ще създадем слой под изображението на танцьорката. Щракнете върху Brush Tool (B) и изберете фина четка с цвят #65b0c9 , задайте Opacity на 40% в лентата с опции, след което попълнете цвета на фона, както е показано по-долу. Задайте режима на смесване за този слой на Linear Dodge .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

След това отворете нов слой и приложете същия стил на четка със същия цвят, за да запълните фона. Задайте режима на смесване за този слой на Color Dodge .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Отворете Adobe Illustrator и създайте нов файл с размери 1000 x 1500px. След това нарисувайте син правоъгълник с инструмента Rectangle Tool (M) .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

С помощта на инструмента Елипса статията ще начертае две елипси.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

По-голямата елипса ще има щрих от -1pt , по-малката ще има -3pt .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Голямата елипса може да се коригира с помощта на инструмента за преобразуване на опорна точка ( Shift+C ), както е показано на следващото изображение.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Изберете двете елипси с инструмента за избор (V) . Натиснете бутона Shift .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Приложете следващата селекция върху избраните елипси: Object > Blend > Blend Options . Задайте Указани стъпки на 20 .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Натиснете следната клавишна комбинация Ctrl+Alt+B и ще имате 20 междинни компонента, както е показано по-долу.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

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

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

С помощта на Line Segment Tool създайте 3 линии, маркирани в червено, с Stroke – 3pt и Specified steps – 25 . Ще имате следното изображение:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Изберете инструмента Rectangle Tool (M) .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Сега нарисувайте две успоредни фигури със зададени стъпки – 12 .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Ще имаме форма, съставена от триъгълници, като използваме Selection Tool (V) и натискаме Ctrl+C , за да копираме тези линии. Отворете Adobe Photoshop и щракнете върху файла > щракнете Ctrl+V, за да поставите като интелигентен обект редовете в основния документ. Задайте режима на смесване за този слой на Мека светлина . Дублирайте този слой с Ctrl+J и обърнете копието хоризонтално, като използвате командата Free Transform (Ctrl+T) . Поставете този слой под слоя със снимката на танцьорката, ще получите следния резултат:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Сега създайте копие на един от създадените слоеве и изберете Free Transform (Ctrl+T), за да получите резултата, както е показано по-долу:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Изберете Eraser Tool (E) и изгладете краищата на последния създаден слой.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Поставен под друг слой, първо го обработва по същия начин.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Комбинирайте всички слоеве, съдържащи линии, в една и съща група (натиснете бутона Ctrl , за да изберете необходимите слоеве и задръжте левия бутон на мишката, докато плъзгате избраните слоеве върху иконата Създаване на нова група от долната част на панела със слоеве ).

Използвайте векторна маска върху тази нова група и изберете инструмента Brush Tool (B), за да скриете линиите върху наслагването по същия начин и ще имаме следното изображение:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Добавете няколко реда в горната част, както е показано по-долу:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте нов слой и изберете меката кръгла четка с бял цвят. Задайте Flow на 20% в лентата с опции, за да създадете ефект на блясък. Задайте Overlay за този слой в режим на смесване .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте още един нов слой и добавете няколко удара, както е показано по-долу, като използвате същия стил на четка. Задайте Normal за този слой в режим на смесване .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Използвайте четка върху нов слой и добавете ефект на лилаво сияние (цветен код #9265C9 ).

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

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

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Върнете се в Illustrator, изберете кръговете и натиснете Ctrl+C . Върнете се в Adobe Photoshop и натиснете Ctrl+V, за да поставите като интелигентен обект . Задайте Hard Light за режим на смесване.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

След това направете копие на този голям кръг:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Скрийте го от ръбовете, като използвате Eraser Tool .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Вмъкнете правоъгълниците, създадени в Illustrator, като ги изкривите по подобен начин, както е показано по-долу, като използвате командата Free Transform ( Ctrl+T ).

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Скрийте го с помощта на инструмента Eraser .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Кликнете върху иконата за добавяне на стил на слой от долната част на панела със слоеве и изберете Външно сияние .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Правоъгълният слой ще бъде ярък:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Направете копие на този слой и го преместете в хоризонтална позиция.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Сега създайте сянка върху новия слой, като използвате меката кръгла четка с Flow – 10% и вмъкнете луминесцентен слой върху областта на раменете на модела.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте нов слой, използвайте Paint Bucket Tool (G), за да запълните слоя с цветен код #5F2D50 . Задайте Fill на 60% за този слой и променете цвета на Blending Mode .

Задръжте натиснат клавиша Alt (Windows) или Option (MacOS) и щракнете между новия слой с цвета върху него и слоя, съдържащ шаблона в панела със слоеве , за да създадете Clipping Mask . Цветът ще бъде приложен само върху слоя с пробата.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Щракнете върху Създаване на нов запълващ или коригиращ слой под панела със слоеве > щракнете върху Криви , за да коригирате кривата, за да промените леко цвета.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Оригиналният шаблонен слой ще бъде по-контрастен с тази промяна, което ще доведе до:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Сега трябва да направим долната част на краката на модела по-тъмна, като създадем нов слой и го комбинираме с модела. Използвайте мека кръгла четка с Flow - 10% и черен цвят. Изгладете краката на модела до областта на коленете.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Повторете горните стъпки, но този път изберете синия цвят #4164AA и коригирайте нюанса на косата, ръцете и бедрата на модела.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

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

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте нов слой и го запълнете с цвят #61BFBB . Задайте Fill на 80% за този слой и сменете режима на смесване на Soft Light .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте слой и го запълнете с цвят #ff6b00 . Задайте Fill на 14% за този слой и променете режима на смесване на Color .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте нов слой, използвайте Soft Round, за да нарисувате ръбовете на платното с черно, Flow - 10% .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Щракнете върху Създаване на нов слой за запълване или коригиране от долната част на панела със слоеве и щракнете върху Криви , за да коригирате формата на кривата, както е показано по-долу за лека корекция на цвета. Добавете наслагване (маска) върху този слой и натиснете Ctrl+I, за да обърнете цвета на наслагването.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

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

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

След това използвайте персонализирана четка, изберете Hard Round , отидете на панела с четки (F5), изберете Brush Tip Shape . Щракнете и плъзнете произволен плъзгач, за да промените размера и разстоянието . Прозорецът за визуализация показва променените щрихи на четката.

Отидете на Shape Dynamics и използвайте следните настройки:

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Прилагане на трансфер :

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Използвайте персонализираната четка, за да рисувате кръгове в режим на рисуване със свободна ръка ( поток на четката - 80% ) върху новия слой. Задайте режима на смесване за този слой на Overlay .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Създайте нов слой и изберете мека кръгла четка с Flow - 30% за по-ярка определена област. Задайте Overlay за режима на смесване на този слой.

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Щракнете върху Създаване на нов слой за запълване или коригиране под панела със слоеве и щракнете върху Експозиция , за да коригирате цвета чрез извършване на изчисления в линейно цветово пространство. Задайте следващите стойности за Exposure , Offset и Gamma .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Натиснете Ctrl+Shift+E, за да обедините всички слоеве в един . Използвайте този слой върху следващия филтър: Filter > Sharpen > Unsharp Mask .

Как да създадете цифрови илюстрации в Adobe Photoshop CS6

Готово е. Надяваме се тази статия да ви е полезна!

Как да създадете цифрови илюстрации в Adobe Photoshop CS6


Инструкции за слушане на музика в Google Maps

Инструкции за слушане на музика в Google Maps

Инструкции за слушане на музика в Google Maps В момента потребителите могат да пътуват и да слушат музика с помощта на приложението Google Map на iPhone. Днес WebTech360 ви кани

Инструкции за използване на LifeBOX - онлайн услугата за съхранение на Viettel

Инструкции за използване на LifeBOX - онлайн услугата за съхранение на Viettel

Инструкции за използване на LifeBOX - онлайн услугата за съхранение на Viettel, LifeBOX е наскоро пусната онлайн услуга за съхранение на Viettel с много превъзходни функции

Как да актуализирате статуса във Facebook Messenger

Как да актуализирате статуса във Facebook Messenger

Как да актуализирате статуса във Facebook Messenger, Facebook Messenger в най-новата версия предостави на потребителите изключително полезна функция: промяна

Инструкции за играта на карти Werewolf Online на компютър

Инструкции за играта на карти Werewolf Online на компютър

Инструкции за играта на карти Werewolf Online на компютъра, Инструкции за изтегляне, инсталиране и игра на Werewolf Online на компютъра чрез изключително простия емулатор LDPlayer.

Инструкции за изтриване на истории, публикувани в Instagram

Инструкции за изтриване на истории, публикувани в Instagram

Инструкции за изтриване на истории, публикувани в Instagram Ако искате да изтриете история в Instagram, но не знаете как? Днес WebTech360

Инструкции за добавяне на избрани снимки във Facebook

Инструкции за добавяне на избрани снимки във Facebook

Инструкции за добавяне на представени изображения във Facebook В момента Facebook ни позволява да задаваме представени изображения на нашите лични страници. Тук ви каним

Как да коригирате грешката Windows Quick Assist не работи

Как да коригирате грешката Windows Quick Assist не работи

Как да коригирате грешката Windows Quick Assist не работи, Windows Quick Assist ви помага лесно да се свържете с отдалечен компютър. Понякога обаче генерира и грешки. Но,

Инструкции за включване/изключване на смесването на песни в Spotify

Инструкции за включване/изключване на смесването на песни в Spotify

Инструкции за включване/изключване на смесването на песни в Spotify, За да помогнете на хората бързо да променят реда на песните в горния музикален плейлист

Инструкции за тайно записване на аудио на iPhone

Инструкции за тайно записване на аудио на iPhone

Инструкции за таен запис на iPhone, Понастоящем потребителите на iPhone могат да записват тайно, като докоснат гърба на телефона. Днес WebTech360 ви кани

Как да използвате Mixamo за анимиране на персонализирани 3D модели

Как да използвате Mixamo за анимиране на персонализирани 3D модели

Как да използвате Mixamo за анимиране на потребителски 3D модели С Mixamo можете лесно да импортирате 3D модел и да приложите анимационни ефекти към него. По-долу са дадени инструкции за употреба