Как да създадете TRON Minimal Design - Уроци по Photoshop
TRON определено е един от най-истинските филми на мечтите. Това е костюм и превозни средства, които са перфектно хлъзгави, поради което опитите за сглобяване на обекти, които възпроизвеждат инструменти в TRON, са се появили в интернет. Що се отнася до дизайнерите, с правилните кликвания и трикове, използващи Photoshop, не е задължително да е твърда за TRON.
Днес ще създадем тапети TRON в Photoshop, като използваме снимки и вектори. Ще ви дадем точни указания за това как да го направим и защо определен метод е по-добър. Ще получите задълбочено разбиране за това, което правите. Закачете се за цифров сън!
Ще научите как да:
- Анализирайте дизайна си от външната гледна точка
- Създавайте структурирани дизайни, базирани на скрити или свързани елементи в състава си
- Използвайте преки пътища за по-бърз работен поток
- Направете сложни селекции и изрези чрез канали
- Ефективно използвайте общи инструменти
- Добавете перспектива към своя дизайн
- Комбинирайте вектори с пиксели
- Създайте светлинни ефекти
- Използвайте режими на смесване
- Използвайте стилове на слоя
Трудност: Начинаещ - Междинен. Време на завършване: Един час. Инструменти: Photoshop CS3, Illustrator CS3 по избор.
ресурси:
- Модел 1 от Marcus J. Ranum
- Модел 2 от Marcus J. Ranum
- Tech Vector Pack 3 от designious.com
- V5 Prophit шрифт от dafont.com
ЗАБЕЛЕЖКА: За да инсталирате шрифта, извлечете на работния плот архива с .zip, съдържащ шрифта, след което ги копирайте. Отидете на C: директорията WINDOWS Fonts и ги поставете.
Защо не мога просто да ги извличам директно в папката Fonts?
Вашата операционна система няма да позволи на вашия архиватор да модифицира или добави някакъв файл в директорията C: WINDOWS, затова трябва да направите това ръчно. Ако сте отворили Photoshop, рестартирайте го, иначе няма да можете да видите наскоро инсталирания шрифт.
След като избрах ресурсите си, започнах да скицирам няколко реда въз основа на модела. По-долу е представена схема на източниците на вдъхновение за светещите линии на тялото: поза, мускули, облекло, форма на тялото, разпределение на теглото и кости.
За да се подобри позицията на тялото или характеристиките на тялото, не е достатъчно само да се хвърлят някои случайни линии.
Всичко трябва да има източник, да бъде показан или скрит. Имайте предвид, че моята скица е само една от безкрайните възможности, които имате, насърчавам ви да експериментирате.
Нека да започнем!
Етап 1
Отидете на File> New и го настройте на 1920x1080px в RGB цветен режим при 72 dpi.
Стъпка 2
Отвори Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. В палитрата Layers, F7 щракнете двукратно върху ключалката близо до палеца на слоя. Това е задължително, ако искаме да редактираме изображението чрез канали. Вече трябва да имате „Layer 0“.
Стъпка 3
Отидете на Layer> Duplicate Layer, CTRL + J. Сега отидете на Filter> Other> High Pass. Използвайте 5px настройка и натиснете OK. В палитрата Layers, F7, задайте режим на смесване на Overlay.
Това ще направи снимката по-ясна и ще ви позволи да направите по-прецизна селекция на косата.
Стъпка 4
Отидете на Layer> Merge Visible, CTRL + SHIFT + E, след това отидете на Layer> Duplicate Layer, CTRL + J. Задайте режим на смесване на копирания слой на екрана, след което го повторете още два пъти. Сега имаме добър контраст между модела и фона.
Стъпка 5
Отидете в прозореца Канали> Канали и изберете канала "Зелен". Кликнете с десния бутон върху него и изберете „Дублиране на канал“.
"Зеленият" канал осигурява най-високия контраст на всички канали. Дублираме го, защото се нуждаем от фиктивен канал, за да работим за по-нататъшно подобряване на контраста.
Стъпка 6
Отидете на Image> Adjustments> Curves, CTRL + M и оформете кривата, както е показано по-долу. Долната половина ще потъмни сенките, а горната половина ще осветли светлините. Направете това два пъти.
Стъпка 7
Отидете в Layer> Adjustments> Levels и използвайте настройките по-долу.
Стъпка 8
Вземете инструмента за четка, B, настройте твърдостта на 100% и покрийте с черно вътрешните бели петна в косата, лицето и останалата част от тялото.
Не ни трябват никакви подробности в канала, само очертанията на модела.
Стъпка 9
Вземете Dodge Tool, O, поставете го на Highlights и намалете всички допълнителни сиви в изображението.
Стъпка 10
CTRL + кликнете върху палеца на канала "Зелено копие", отидете на палитрата Layers, F7, отидете на Select> Inverse, CTRL + SHIFT + изберете най-долния слой и го копирайте, CTRL + C.
CTRL + кликване върху миниатюра, независимо дали каналът или слоят зареждат селекция от контура на кликания слой / канал.
Стъпка 11
Отидете в Window> Untitled-1.psd нашия документ и го поставете, CTRL + V. Отидете на Редактиране> Свободно преобразуване, CTRL + T и преоразмерете го, за да пасне на платното, както е показано по-долу. Задръжте клавиша SHIFT, за да запазите пропорциите. Натиснете Enter, за да излезете от режима на Free Transform. За да изтриете къдриците на облеклото, използвайте инструмента Clone Stamp Tool, S: използвайте ALT + кликнете, за да изберете източник, след това кликнете върху къдрицата.
Направете същото за меча в картината "модел 2", но използвайте Path Tool, P, за да го отрежете.
Стъпка 12
Отворете файла "Tech Vector Pack 3" .eps. Когато бъдете подканени да въведете размер на файла, въведете около 3000px за ширина. Натиснете OK.
За Illustrator можете просто да го отворите във векторния формат. Photoshop може да отваря файлове .eps Illustrator 8, но в растерния формат. Можете обаче да го отворите в какъвто и да е размер, който искате - файлът .eps е вектор!
Стъпка 13
Вземете Rectangular Marquee Tool, M, изберете кръгла технологична форма, кликнете с мишката, за да създадете правоъгълник за избор, копирайте го, CTRL + C, върнете се в нашия документ Window> Untitled-1.psd и го поставете, CTRL + V.
Стъпка 14
Върнете се във векторния пакет Window> designious tech shapes 4. eps, копирайте друга форма и го поставете в нашия документ, като в Стъпка 13.
Стъпка 15
Вземете инструмента за избор, V, поставете отметка в полето "Auto Selection" и щракнете върху първата технологична форма, поставена и дублирана, CTRL + J. Сега отидете в Edit> Free Transform, CTRL + T задръжте клавиша CTRL и щракнете с мишката и го преместете в горния ляв ъгъл, както е показано по-долу. Направете същото за горния десен ъгъл. Натиснете Enter, за да излезете от режима на Free Transform.
Стъпка 16
Дублирайте първата форма (оригинална) и поставете копията, както е показано по-долу. Вземете Path Tool, P, поставете го на Shapes и нарисувайте всяка линия на светене на тялото, базирана на скицата.
В палитрата Layers изберете всички тези форми и натиснете CTRL + E, за да ги обедините.
Стъпка 17
Вземете инструмента за линия, U, настройте го на Shape Layers и 7 px Width, нарисувайте наклонена линия, след това задръжте клавиша SHIFT. Сега сменете линията на "Добавяне към зоната на формата (+)" и начертайте хоризонтална линия. Задръжте SHIFT бутона, за да го направите идеално хоризонтален.
Стъпка 18
Вземете инструмента за хоризонтален тип, T, щракнете с мишката, за да създадете тип кутия и въведете произволен текст. Задайте шрифта на „V5 Prophit“.
Стъпка 19
Изберете слоя "Shape 1" и отидете на Layer> Duplicate Layer, CTRL + J. Поставете няколко копия по-долу. Направете същото и за текста. За да промените въвеждането на типа, щракнете двукратно върху палеца слой в палитрата Layers.
Стъпка 20
Отидете на Layer> New Fill Layer> Layer> New Fill Layer> Нов запълващ слой> Плътен цвят. Изберете тъмно син цвят и натиснете CTRL + SHIFT + [, за да го изпратите обратно.
Това ще бъде хубав фон за нашия имидж.
Стъпка 21
Изберете голямата форма и кликнете върху бутона "fx" в палитрата Layers, F7. Изберете "Опции за смесване". Използвайте настройките по-долу.
Стъпка 22
ALT + щракнете върху иконата "fx", която се появи в близост до палеца на слоя, и я преместете с други кръгли форми. Можете лесно да ги разпознаете, те не са наречени "Shape" Ã'¦"и нямате" Т "на палеца.
Стъпка 23
Създайте нов слой над него (изберете слоя и натиснете CTRL + SHIFT + N, за да създадете нов слой, след това изберете двата слоя и натиснете CTRL + E (слоеве за сливане)). За избраните фигури отидете на Филтър> Размазване> Гаусово размазване. Използвайте различни настройки от 2 до 6 пиксела, както ви е удобно.
За да добавите още перспектива, добавете повече технологични фигури върху тях.
Стъпка 24
Вземете инструмента за избор, V, изберете малката форма и намалете непрозрачността му. 29% ще се справят добре.
Направете същото и за останалите размазани фигури, но малко променете Opacity.
Стъпка 25
Създайте нов слой, CTRL + SHIFT + N, вземете Elliptical Marquee Tool, M, настройте Feather на 50 px и направете селекция по-долу.
Стъпка 26
Вземете инструмента Paint Bucket, G, ALT + кликнете върху една от технологичните форми, за да изберете цвета и да попълните селекцията. В палитрата Layers, F7, задайте режима на смесване на слоя на Overlay. Направете същото и за долната страна.
Стъпка 27
Създайте нов слой, CTRL + SHIFT + N, вземете Elliptical Marquee Tool, M, настройте Feather на 30 px и направете селекция по-долу. Вземете инструмента Paint Bucket, G и попълнете селекцията.
Стъпка 28
повторение Стъпка 28 за формата зад модела.
Стъпка 29
Вземете инструмента за избор, V и щракнете върху модела. Сега отидете на Layer> New Adjustment Layer> Brightness / Contrast и Black & White. За всяка от тях използвайте показаните по-долу настройки. За черно-бял слой задайте Opacity на 70%.
Предпочитам да използвам Black & White над Hue / Saturation, защото също така осигурява контрол на тоновете, а не само десатурация.
Стъпка 30
Създайте нов слой, CTRL + SHIFT + N и ALT + кликнете между него и коригиращия слой под него. Задайте режим на смесване на "Color Dodge".
Стъпка 31
Вземете инструмента за четка, B, натиснете "3", за да настроите непрозрачността на четката на 30%, настройте твърдостта на 0%, ALT + кликнете върху формата на технологията и боята върху тялото, част от косата и лицето.
Стъпка 32
Промяна на непрозрачността на четката до 70% и боядисване на няколко акцента, но в по-малки области.
Стъпка 33
В палитрата Layers, F7, изберете най-горния слой и отидете на Select> All, CTRL + A, след това натиснете CTRL + SHIFT + C, за да копирате обединена версия на документа и натиснете CTRL + V, за да го поставите.
Стъпка 34 - Последна стъпка
Отидете на Filter> Sharpen> Unsharp Mask. Използвайте настройките по-долу или не се колебайте да използвате собствените си. Не прекалявайте, но иначе изображението ще изглежда прекалено остро.
Ето последната представа за това, което ще приемете, че сте проследили правилно целия урок.
Файлове за изтегляне (PSD, Wallpaper)
Заедно с урока, тук са и няколко създадени за вас файлове.
- Tron наръчник за PSD файл.
- Tron Wallpaper- налични в 1280x800px, 1280x1024px, 1920x1080px и 1680x1050px.
Бележка на редактора: Тази публикация е написана от Ovidiu Toader за Hongkiat.com. Овидиу е автор и графичен дизайнер на Vectorious.net - сайт, където можете да изтеглите достъпни векторни арт графики и илюстрации за вашите проекти.