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

Намерете снимки в архива. Статията избира снимка на танцьорка, позираща в студио, взета от Shutterstock.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Изтрийте фона с любимите си инструменти като Pen Tool (P) , Magic Wand Tool (W) , Magnetic Lasso (L) , дори с обикновен Filter > Extract и го вмъкнете в нов слой в основния документ.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега ще създадем слой под изображението на танцьорката. Щракнете върху Brush Tool (B) и изберете фина четка с цвят #65b0c9 , задайте Opacity на 40% в лентата с опции, след което попълнете цвета на фона, както е показано по-долу. Задайте режима на смесване за този слой на Linear Dodge .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
След това отворете нов слой и приложете същия стил на четка със същия цвят, за да запълните фона. Задайте режима на смесване за този слой на Color Dodge .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Отворете Adobe Illustrator и създайте нов файл с размери 1000 x 1500px. След това нарисувайте син правоъгълник с инструмента Rectangle Tool (M) .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
С помощта на инструмента Елипса статията ще начертае две елипси.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
По-голямата елипса ще има щрих от -1pt , по-малката ще има -3pt .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Голямата елипса може да се коригира с помощта на инструмента за преобразуване на опорна точка ( Shift+C ), както е показано на следващото изображение.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Изберете двете елипси с инструмента за избор (V) . Натиснете бутона Shift .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Приложете следващата селекция върху избраните елипси: Object > Blend > Blend Options . Задайте Указани стъпки на 20 .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Натиснете следната клавишна комбинация Ctrl+Alt+B и ще имате 20 междинни компонента, както е показано по-долу.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Използвайте същите методи по-горе, за да начертаете кръг, с по-малко междинни копия вътре, само 10 определени стъпки .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
С помощта на Line Segment Tool създайте 3 линии, маркирани в червено, с Stroke – 3pt и Specified steps – 25 . Ще имате следното изображение:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Изберете инструмента Rectangle Tool (M) .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега нарисувайте две успоредни фигури със зададени стъпки – 12 .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Ще имаме форма, съставена от триъгълници, като използваме Selection Tool (V) и натискаме Ctrl+C , за да копираме тези линии. Отворете Adobe Photoshop и щракнете върху файла > щракнете Ctrl+V, за да поставите като интелигентен обект редовете в основния документ. Задайте режима на смесване за този слой на Мека светлина . Дублирайте този слой с Ctrl+J и обърнете копието хоризонтално, като използвате командата Free Transform (Ctrl+T) . Поставете този слой под слоя със снимката на танцьорката, ще получите следния резултат:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега създайте копие на един от създадените слоеве и изберете Free Transform (Ctrl+T), за да получите резултата, както е показано по-долу:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Изберете Eraser Tool (E) и изгладете краищата на последния създаден слой.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Поставен под друг слой, първо го обработва по същия начин.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Комбинирайте всички слоеве, съдържащи линии, в една и съща група (натиснете бутона Ctrl , за да изберете необходимите слоеве и задръжте левия бутон на мишката, докато плъзгате избраните слоеве върху иконата Създаване на нова група от долната част на панела със слоеве ).
Използвайте векторна маска върху тази нова група и изберете инструмента Brush Tool (B), за да скриете линиите върху наслагването по същия начин и ще имаме следното изображение:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Добавете няколко реда в горната част, както е показано по-долу:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте нов слой и изберете меката кръгла четка с бял цвят. Задайте Flow на 20% в лентата с опции, за да създадете ефект на блясък. Задайте Overlay за този слой в режим на смесване .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте още един нов слой и добавете няколко удара, както е показано по-долу, като използвате същия стил на четка. Задайте Normal за този слой в режим на смесване .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Използвайте четка върху нов слой и добавете ефект на лилаво сияние (цветен код #9265C9 ).
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте нов слой и приложете същия стил и цвят на четката като по-горе, но този път създайте по-голям ефект на сияние по ръбовете, както е показано по-долу. Задайте мека светлина за този слой в режим на смесване.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Върнете се в Illustrator, изберете кръговете и натиснете Ctrl+C . Върнете се в Adobe Photoshop и натиснете Ctrl+V, за да поставите като интелигентен обект . Задайте Hard Light за режим на смесване.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
След това направете копие на този голям кръг:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Скрийте го от ръбовете, като използвате Eraser Tool .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Вмъкнете правоъгълниците, създадени в Illustrator, като ги изкривите по подобен начин, както е показано по-долу, като използвате командата Free Transform ( Ctrl+T ).
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Скрийте го с помощта на инструмента Eraser .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Кликнете върху иконата за добавяне на стил на слой от долната част на панела със слоеве и изберете Външно сияние .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Правоъгълният слой ще бъде ярък:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Направете копие на този слой и го преместете в хоризонтална позиция.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега създайте сянка върху новия слой, като използвате меката кръгла четка с Flow – 10% и вмъкнете луминесцентен слой върху областта на раменете на модела.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в 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 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Оригиналният шаблонен слой ще бъде по-контрастен с тази промяна, което ще доведе до:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега трябва да направим долната част на краката на модела по-тъмна, като създадем нов слой и го комбинираме с модела. Използвайте мека кръгла четка с Flow - 10% и черен цвят. Изгладете краката на модела до областта на коленете.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Повторете горните стъпки, но този път изберете синия цвят #4164AA и коригирайте нюанса на косата, ръцете и бедрата на модела.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега създайте светлинния ефект, като отворите нов слой и го комбинирате с шаблона. Изберете го, след като използвате бяла четка и осветете контурите, както е показано по-долу.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте нов слой и го запълнете с цвят #61BFBB . Задайте Fill на 80% за този слой и сменете режима на смесване на Soft Light .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте слой и го запълнете с цвят #ff6b00 . Задайте Fill на 14% за този слой и променете режима на смесване на Color .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте нов слой, използвайте Soft Round, за да нарисувате ръбовете на платното с черно, Flow - 10% .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Щракнете върху Създаване на нов слой за запълване или коригиране от долната част на панела със слоеве и щракнете върху Криви , за да коригирате формата на кривата, както е показано по-долу за лека корекция на цвета. Добавете наслагване (маска) върху този слой и натиснете Ctrl+I, за да обърнете цвета на наслагването.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Сега изберете бялата четка и запълнете маската на коригиращия слой с цвят. В този момент ще рисуваме областта на главата, горният ляв ръб и най-долният десен ръб ще имат следния контрастен ефект:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
След това използвайте персонализирана четка, изберете Hard Round , отидете на панела с четки (F5), изберете Brush Tip Shape . Щракнете и плъзнете произволен плъзгач, за да промените размера и разстоянието . Прозорецът за визуализация показва променените щрихи на четката.
Отидете на Shape Dynamics и използвайте следните настройки:
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Прилагане на трансфер :
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Използвайте персонализираната четка, за да рисувате кръгове в режим на рисуване със свободна ръка ( поток на четката - 80% ) върху новия слой. Задайте режима на смесване за този слой на Overlay .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Създайте нов слой и изберете мека кръгла четка с Flow - 30% за по-ярка определена област. Задайте Overlay за режима на смесване на този слой.
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Щракнете върху Създаване на нов слой за запълване или коригиране под панела със слоеве и щракнете върху Експозиция , за да коригирате цвета чрез извършване на изчисления в линейно цветово пространство. Задайте следващите стойности за Exposure , Offset и Gamma .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Натиснете Ctrl+Shift+E, за да обедините всички слоеве в един . Използвайте този слой върху следващия филтър: Filter > Sharpen > Unsharp Mask .
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()
Готово е. Надяваме се тази статия да ви е полезна!
![Как да създадете цифрови илюстрации в Adobe Photoshop CS6 Как да създадете цифрови илюстрации в Adobe Photoshop CS6]()