Трансформирането и дублирането на елемент е един от най-лесните и бързи начини за създаване на 3D обекти във Photoshop. Този урок ще ви помогне да създадете 3D текст с помощта на този метод и след това чрез моделиране на различни слоеве ще можете да създадете текст с ретро ефект, метални цветове. Да започваме!
По-долу са точките, които използвахме в процеса на създаване на това ръководство.
- За да заредите използваните контури, отидете на Edit> Presets> Preset Manager (Редактиране> Presets> Preset Manager и изберете Outlines от Preset Type, който се появява в менюто. След това щракнете върху малката стрелка вдясно от Preset Type и щракнете върху Контури в долната част на изскачащото меню. Когато се появи диалоговият прозорец, просто щракнете върху бутона Добавяне и ще имате контури.
1. Създаване на фон
Етап 1
Създайте нов документ с размери 900 x 675 px. Задайте цвета на предния план на #252927 и цвета на фона на #0d0e0e. Изберете инструмента Gradient Tool, изберете цвета на преден план към фон на запълването с градиент и щракнете върху иконата Radial Gradient.
След това щракнете и плъзнете от центъра на документа към един от ъглите, за да създадете фонов градиент и да дублирате фоновия слой.
Стъпка 2
Щракнете двукратно върху слоя за копиране на основния фон, за да приложите следния стил на слоя.
Добавете цветно наслагване със следните настройки:
Цвят: #1c1f26
Режим на смесване: Цвят
Стъпка 3
Добавете градиентно наслагване със следните настройки:
Режим на смесване: наслагване
Стил: Отражение
Зрителен ъгъл:45
Проверете обратния прозорец
Използвайте пълнеж Silver 20s
Стъпка 4
Добавете наслагване с тези опции:
Режим на смесване: Мека светлина
Изображение: webtreats_grey_leather.jpg
Мащаб: 50%
На фона ще бъде приложена проста текстура на кожата.
2. Създавайте текст и смарт обекти
Етап 1
Създайте текст с помощта на шрифта Nexa Rust Script. Размер 245 pt и цвят #f4f4f4.
Стъпка 2
Дублирайте текстовия слой и плъзнете копието на слоя под оригинала.
Стъпка 3
Влезте в режим на свободна трансформация, като отидете на Редактиране > Свободна трансформация (Ctrl - T). Натиснете веднъж клавиша със стрелка надясно, след което натиснете веднъж клавиша със стрелка надолу, за да преместите копието на текста един пиксел надясно и един пиксел надолу. След това натиснете клавиша Return, за да приемете промените.
Стъпка 4
Променете цвета на копирания текст на #4e4e4e. Натиснете клавишите Command -Option -Shift -T (Control -Alt -Shift -T за Windows) 17 пъти, за да дублирате трансформиращия слой, за да създадете 3D екструзия.
Стъпка 5
Изберете всички копирани текстови слоеве и отидете на Филтър> Конвертиране за интелигентни филтри (Филтър> Конвертиране за интелигентни филтри). Преименувайте слоя с интелигентен обект, за да добавите копие 1 след текста, който имате.
Копирайте слоя интелигентен обект два пъти, преименувайте слоевете за копиране, за да добавите копие 2 и копие 3, и след това променете слоя за запълване на копие 3 на 0%.
3. Проектирайте оригиналния текстов слой
Кликнете два пъти върху оригиналния текст, за да приложите следващия дизайн с опции.
Етап 1
Добавете скосяване и релеф (скосяване и релеф) с тези настройки:
Дизайн: Външен скос
Размер: 3
Премахнете отметката от опцията Глобално осветление (Използване на глобална светлина)
Ъгъл: 77
Височина: 42
Проверете метода на антиалиасинг (Anti-aliasing)
Режим на осветяване: Линейна светлина
Режим на сянка: Непрозрачност 50%
Стъпка 2
Добавете контур със следните параметри:
Контур: Гаус
Проверете метода на изглаждане
Стъпка 3
Добавете Stroke (Stroke) с настройки:
Размер: 1
Тип запълване: Градиент
Ъгъл: -135
Използвайте алуминий 150e
Стъпка 4
Добавете външен блясък с настройки:
Blend Mode: Color Burn
Шум: 10%
Цвят: #8c8c8c
Източник: от центъра
Размер: 18
Стъпка 5
Дизайн: Отразен
Ъгъл: 45
Мащаб: 150%
Използвайте алуминий 150e
Стъпка 6
Това е оригиналният дизайн на текстовия слой. Това, което ще направим по-нататък, е да опитаме да използваме други градиентни запълвания и ефекти на слоеве, които съответстват на 3D дизайна на тази част от текста.
4. Проектирайте първия слой от 3D екструзия
Щракнете два пъти върху копието на слой 2 на интелигентния обект, за да приложите следните дизайнерски слоеве:
Етап 1
Добавяне на вътрешна сянка с опции:
Цвят: #424242
Премахнете отметката от опцията Global Illumination
Ъгъл: -42
Разстояние: 57
Стъпка 2
Добавете градиентно наслагване с настройки:
Дизайн: Отразен
Ъгъл: 45
Мащаб: 150%
Използвайте тъмен хром (Dark chrome), за да запълните градиента
Кликнете върху градиента, за да промените запълването на градиента.
Стъпка 3
Кликнете върху цветната спирка на светлия цвят близо до края на дясната страна на градиента и щракнете върху бутона Изтриване, за да премахнете тази спирка, тъй като не искаме светлия цвят там.
Стъпка 4
Добавете падаща сянка с настройките:
Непрозрачност: 60%
Разстояние: 10
Размер: 10
Това е дизайнът на първия 3D екструзионен слой с добавяне на градиент на метален цвят.
5. Проектирайте втория слой на 3D екструзия.
Щракнете двукратно върху копиране на слой смарт обект 3, за да приложите следния дизайн:
Етап 1
Добавете Bevel and Emboss със следните настройки:
Размер: 0
Проверете метода на изглаждане
Режим на задно осветяване: Ярка светлина
Режим на сянка - Непрозрачност: 65%
Стъпка 2
Добавете контур със следните настройки:
Контур: Конус
Проверете метода на изглаждане
Стъпка 3
Добавете вътрешен блясък със следните настройки:
Режим на смесване: Ярка светлина
Шум: 10%
Цвят: #c5c5c5
Метод: Прецизен
Създаването на текстура, която имитира метал, е една от широко използваните функции на Photoshop от дизайнерите. Днес има много начини за имитиране на метални повърхности, по-специално лъскав хром, никел, желязо, корозирали, ецвани с киселина, елегантни повърхности от благородно злато, сребро, платина и живак. Тези ефекти могат да бъдат приложени или с помощта на специални допълнителни филтри или действия, които помагат да се даде на букви или други обекти метален блясък и издутина, или въз основа на стандартни инструменти на Photoshop, които осигуряват не по-малко професионални резултати.
Най-лесният начин да постигнете метален ефект е да използвате правилното действие, което има много в мрежата. За тази цел си струва да погледнете например на адресите: http://www.webmaster.ru/~porcupine/actions/index.cfm?row=19&curpage=5 , http://easyphotoshop.chat.ru /actions/actions. htm , http://gribnick.da.ru/ , http://www.fotoshop.ru/cgi-bin/actions/detail.pl?id=76 и т.н. Въпреки това, не са толкова много опции тук, а тези, които искат да получат нестандартен ефект, този метод няма да работи. По-добре е да се опитате да постигнете желания ефект с помощта на специални плъгини, които като правило ще ви позволят да получите добра имитация и в същото време доста бързо. В по-сложни случаи ще трябва да действате ръчно, като разчитате само на стандартните функции на програмата.
Имитация на метал със стандартни инструменти на Photoshop
Тази опция отнема много време и далеч не е проста, но отваря широки възможности за творчество, особено след като различни техники за имитация на метал могат да бъдат намерени в множество мрежови ресурси. Интересни начини за създаване на метални пръстени, ефект на корозирали метали и текст от хром, злато и бронз можете да намерите на сайта. Оригиналната имитация на син метал можете да намерите на уебсайта http://ash.aiq.ru/. Разглеждайки http://www.savvy.net/, е лесно да разберете как да създавате метални текстури, хромирани и живачни обекти. Сайтът http://www.pegaweb.com/tutorials/ показва как да създадете ефектни метални копчета. Този списък може да продължи дълго време, но ще се ограничим само до най-интересните опции.
бронз
Силно впечатление прави имитацията на блестяща бронзова повърхност, представена на http://www.eyesondesign.net/. За да го реализирате, създайте ново изображение в режим RGB и го запълнете със светлокафяв цвят, след което изобразете желания метален обект с тъмнокафяв (фиг. 1).
Ориз. 1. Оригинално изображение
Изберете бъдещия метален обект и запазете селекцията като нов Alpha1 канал, като използвате командата Select → Save Selection. След това обединете слоевете, променете цвета на предния план на по-тъмен и използвайте командата Edit → Stroke (Редактиране → Stroke), като зададете подходящите параметри. В този случай избраната ширина (ширина на границата) е 5 пиксела, местоположение (позиция) отвътре (отвътре), непрозрачност (непрозрачност) 100% и режим (режим) нормален (фиг. 2).
Ориз. 2. Изображение след прилагане на командата Stroke
Приложете командата Select → Modify → Contract (Selection → Modify → Compress) с ширина на компресия от 15 пиксела и след това запълнете избраната област с бяло (фиг. 3). Отказ от подчертаване.
Ориз. 3. Изображение след притискане на селекцията и запълване на селекцията с бяло
Приложете филтъра Gaussian Blur: Filter → Blur → Gaussian Blur (Филтър → Blur → Gaussian Blur) с радиус на размазване от 5 пиксела и променете режима на слоя от нормален на наслагване (фиг. 4).
Ориз. 4. Резултатът от размазването по Гаус и промяната на режима на слоя
Направете копие на този слой и наименувайте новия слой Chrome. Отидете до канала Alpha1 и последователно приложете размазване по Гаус: Филтър → Размазване → Размазване по Гаус (Филтър → Размазване → Размазване по Гаус) първо при радиус на размазване от 9 пиксела, след това при 6 и 3 и накрая при 1 пиксел. Резултатът ще изглежда нещо подобно на фиг. 5.
Ориз. 5. Изображение след многократно размазване по Гаус
Активирайте слоя Chrome и добавете светлинни ефекти: Филтър → Рендиране → Светлинни ефекти (Филтър → Рендиране → Светлинни ефекти) с параметрите като на фиг. 6. Резултатът ще прилича на фиг. 7.
Ориз. 6. Прозорец за настройка на параметрите на филтъра Светлинни ефекти
Ориз. 7. Chrome слой след прилагане на филтъра Lighting Effects
Активирайте основния слой с обекта, изберете фона, обърнете като резултат, обектът ще бъде избран и след това разширете границата с 1 пиксел, като използвате командата Избор → Промяна → Разгъване (Избор → Промяна → Разгъване). След това изтрийте ненужните части от границата, като натиснете клавиша Del и отхвърлете селекцията (фиг. 8).
Ориз. 8. Резултат от изчистването на границата
Активирайте слоя Chrome, създайте нов слой Curves 1, като използвате командата Layer→New Adjustment Layer→Curves (Layer→New layer setting→Curves), активирайки квадратчето за отметка Group With Previous Layer (Обединяване с предишния слой) и с всички други настройки по подразбиране настройки и регулирайте кривите според фиг. 9. Активирайте отново слоя Chrome и отново използвайте командата Layer→New Adjustment Layer→Curves (Layer→New layer installation→Curves) със същите настройки и с активирано квадратче за отметка Group With Previous Layer (Сливане с предишния слой) нови криви ще се появи 2 слой; кривите трябва да се коригират според фиг. десет.
Ориз. 9. Прозорец с настройки на Curves за слой Curves 1
Ориз. 10. Прозорец с настройки на Curves за слой Curves 2
Обединете слоевете с командата Flatten Image и приложете командата Layer → New Adjustment Layer → Hue / Saturation (Layer → New layer installation → Color / Saturation), като активирате квадратчетата за отметка Group With Previous Layer (Merge with the previous layer) с Активиран параметър за оцветяване и регулиране на параметрите Hue (Hue) и Saturation (Saturation). В този пример е избрана опцията: Hue - 33, Saturation 34. Резултатът, който трябва да получите е показан на фиг. единадесет.
Ориз. 11. Краен вид на бронзовата повърхност
За по-голяма убедителност можете да въведете подходяща текстура като фон, имитирайки, да речем, ръждясал метал, с такава текстура резултатът трябва да прилича на изображението на фиг. 12.
Ориз. 12. Искрящ бронз върху ръждясала текстура
злато
Една от най-интересните опции за имитация на злато е достъпна на http://iolabs.virtualave.net/photoshop/gold/. За да получите подобна имитация, отпечатайте черен текст на бял фон (фиг. 13), изберете цялата черна област и я запазете като селекция с помощта на командата Избор → Запазване на селекцията (Избор → Запазване на селекцията). След това обединете всички слоеве с помощта на командата Layer → Flatten Image (Layer → Run Flatten) и размажете цялото изображение по Гаус, като приложите филтъра → Blur → Gaussian Blur (Филтър → Blur → Gaussian Blur) с коефициент на размазване около 5 пиксели (фиг. . четиринадесет).
Ориз. 13. Оригинално изображение
Ориз. 14. Изображение след размазване по Гаус
Сега трябва да оформите нещо като граница за това, заредете селекцията с командата Избор → Зареждане на селекцията (Избор → Зареждане на селекцията) и запълнете избраната област с черно. След това обърнете селекцията, намалете я с командата Select → Modify → Contract (Selection → Modify → Compress) с 4 пиксела и я запълнете с бяло (фиг. 15).
Ориз. 15. Картина с бордюр
На следващия етап трябва леко да подчертаете обекта от различни страни, за да образувате отблясъци, като приложите филтъра → Рендиране → Светлинни ефекти (Филтър → Рендиране → Светлинен ефект) с приблизително същите параметри като на фиг. 16. В този случай трябва да обърнете внимание на факта, че настройките трябва да се променят и за трите източника на светлина. Резултатът ще изглежда като на фиг. 17.
Ориз. 16. Опции за филтър за светлинни ефекти
Ориз. 17. Изображение след въвеждането на три източника на светлина
За да придадете на материала метален вид, използвайте командата Image→Adjust→Curves и изградете крива върху (фиг. 18); В резултат на това картината трябва да прилича на изображението на фиг. 19.
И накрая, един неопределен метал трябва да бъде превърнат в злато чрез регулиране на нивата с командата Изображение → Корекции → Нива (Изображение → Корекции → Нива) с входни параметри на входните нива, равни на 100; 1.0 и 255 и избиране на цвета и наситеността с помощта на командата Изображение → Корекции → Нюанс / Наситеност (Изображение → Корекции → Цвят / Наситеност) с включен параметър Colorize и стойностите: Hue (Hue) - 35, Saturation (Saturation ) - 35. Резултатът трябва да прилича на изображението на фиг. двадесет.
Ориз. 18. Прозорец за настройки на криви
Ориз. 19. Външен видизображения след коригиране на криви
Ориз. 20. Крайният вариант на имитация на злато
хром
Най-оригиналният начин за създаване на хромирани обекти може да бъде намерен на http://www.eyesondesign.net/. За да го реализирате, създайте тъмносив обект (фиг. 21). Преименувайте активния слой в Chrome.
Ориз. 21. Оригинално изображение
Изберете обекта, запазете селекцията с командата Select → Save Selection (Select → Save Selection) и я намалете с около 3 пиксела, като използвате командата Select → Modify → Contract (Selection → Modify → Compress). В този случай трябва да се ръководите от принципа: колкото по-голям е размерът на изображението, толкова по-голяма е стойността, която трябва да въведете.
Създайте нов слой 1 над слоя Chrome.Задайте цвета на предния план на бяло и цвета на фона на черно, изберете Reflected Gradient и създайте запълване с градиент отгоре надолу в селекцията (Фигура 22). Отказ от подчертаване.
Ориз. 22. Изображение след прилагане на градиента
Отидете до канала Alpha1 и размажете селекцията по Гаус: Филтър → Размазване → Размазване по Гаус (Филтър → Размазване → Размазване по Гаус) три пъти на свой ред. Радиусът на размазване директно зависи от размера на изображението, но принципът на промяна на радиуса при преминаване към следващото размазване е постоянен: следващата стойност на радиуса на размазване трябва да бъде половината от предишната. В този случай за първи път е взет радиус от 4 пиксела, за втори - 2, а за трети - 1 пиксел (фиг. 23).
Ориз. 23. Резултат от замъгляване на канал по Гаус
Върнете се в палитрата на слоевете, активирайте слоя Chrome и добавете светлинни ефекти Филтър → Рендиране → Светлинни ефекти (Филтър → Рендиране → Светлинен ефект) с параметри като на фиг. 24.
Ориз. 24. Настройте опциите на филтъра за светлинни ефекти
Следващата стъпка е да придадете на изображението метален блясък. За да направите това, отворете диалоговия прозорец Криви: Изображение → Корекции → Криви (Изображение → Корекции → Криви) и оформете кривата, показана на фиг. 25. В този случай координатите на първата точка от кривата са зададени в (60; 190), а втората в (190; 60) фиг. 26.
Ориз. 25. Прозорец за настройки на кривата
Ориз. 26. Появата на метален блясък
Накрая използвайте командата Изображение → Настройки → Яркост / Контраст (Изображение → Настройки → Яркост / Контраст), като зададете подходящите стойности за параметрите Яркост (Яркост) и Контраст (Контраст). В този пример стойността на Яркостта е 70, а Контрастът е 40 (фиг. 27).
Ориз. 27. Завършено хромирано покритие
живак
Що се отнася до имитацията на живачни повърхности, в мрежата на много сайтове можете да намерите две основно различни вариантиприлагането на този ефект. Едната несъмнено се появява за първи път на сайта http://www.savvy.net/, а авторството на втората вече е трудно да се установи днес. Това е вторият вариант, който дава по-ефективна имитация на живак, така че ще се спрем на него.
Създайте ново изображение в режим RGB, задайте черен фон и бял цвяткато цвят на преден план. Създайте нов Alpha 1 канал и начертайте желания метален обект (Фигура 28) и след това отхвърлете селекцията.
Ориз. 28. Оригинално изображение на канал Алфа 1
Направете копие на канала Alpha 1 По подразбиране новият канал ще бъде наречен Alpha 1 копие. След това замъглете копието на Alpha 1 Gaussian канал: Филтър → Blur → Gaussian Blur (Филтър → Blur → Gaussian Blur) с радиус на замъгляване от около 3 пиксела (ако обектът е много голям, тогава можете да използвате по-голяма стойност на радиуса на замъгляване; Фиг. 29).
Ориз. 29. Алфа 1 канал за копиране след замъгляване по Гаус
Направете копие на канала за копиране на Alpha 1 - новият канал ще бъде наречен Alpha 1 копие 2. Превключете обратно към канала за копиране на Alpha 1 и приложете филтъра → Други → Отместване (Филтър → Други → Shift) с параметри (-1 ; -1) и опцията Wrap Around (Cycling). Върнете се към канал Alpha 1 копие 2 и използвайте същия филтър, но с настройки (1; 1).
След това извършете изчисления за канала, като използвате командата Изображение → Изчисления ... (Изображение → Изчисления ...), като изберете настройките, както е показано на фиг. 30. В резултат на това ще бъде създаден нов Alpha 2 канал и изображението ще изглежда като на фиг. 31.
Ориз. 30. Прозорец за настройки на командата Изчисления
Ориз. 31. Изображение след изчисления
На канал Alpha 2 приложете последователно командите Image → Adjustments → Invert (Image → Adjustments → Negative) и Image → Adjustments → Auto Levels (Image → Adjustments → Auto Levels) - фиг. 32.
Ориз. 32. Резултатът от негатива и корекцията на тона
Сега използвайте инструмента Airbrush, за да смекчите краищата на изображението. Задайте натиска на 6%, изберете четка от около 45 пиксела, задайте бяло като цвят на преден план и напръскайте.
На следващия етап ще трябва да подобрите ефекта на отражение, като използвате командата Изображение → Корекции → Криви (Изображение → Корекции → Криви), като сте изградили приблизително същата крива, както на фиг. 33. Резултатът трябва да прилича на изображението на фиг. 34.
Ориз. 33. Прозорец за настройка на криви
Ориз. 34. Изображение след подобрен ефект на отражение
Заредете селекцията, записана в канала за копиране Alpha 1, като използвате командата Избор → Зареди селекцията, обърнете я и запълнете селекцията с черно.
Презаредете селекцията Alpha 1 копие и компресирайте селекцията с около 3 пиксела с помощта на командата Select → Modify → Contract (Selection → Modify → Compress). Направете инверсия и приложете командата Image → Adjustments → Invert (Image → Adjustments → Negative). В резултат на това изображението на канала Alpha 2 ще изглежда нещо подобно на фиг. 35.
Ориз. 35. Алфа 2 канал след всички манипулации
Сега изберете цялото изображение, копирайте селекцията в клипборда, превключете към RGB канала и поставете селекцията в него. След това дайте на метала желания нюанс, като използвате командата Изображение → Корекции → Нюанс / Наситеност (Изображение → Корекции → Цвят / Наситеност) с включен параметър Colorize и подходящите стойности на Hue (Hue) и Satuation (Saturation). Резултатът трябва да прилича на изображението на фиг. 36.
Ориз. 36. Краен изглед на повърхността на живака
Симулация на метал с добавки
Вече са създадени много плъгини, в които в една или друга степен се прилага ефектът на имитация на метал. Например, псевдо-3D метални обекти могат да бъдат получени с помощта на светлинния ефект на приставката Ulead Type.Plugin. Реалистичната текстура на златото се симулира лесно с помощта на гел филтър от групата KPT 6.0 от Metacreation. Различни опции за лъскави метални повърхности (хром, злато, сребро и др.) могат да бъдат създадени много бързо с помощта на Chrome филтъра от групата Eye Candy 4.0 от Alien Skin, докато матовите метални повърхностиработят добре благодарение на ефекта PhotoGroove 3.0 от групата Extensis PhotoTools 3.0.
Нека разгледаме възможностите за използване на добавки за симулиране на лъскави повърхности от течен метал, като използваме филтъра Chrome от групата Eye Candy 4.0 като пример и за създаване на мат, използвайки филтъра PhotoGroove 3.0 от групата PhotoTools 3.0 като пример.
В първия случай изберете обекта, към който искате да приложите филтъра (фиг. 37), и използвайте командата Filter→Eye Сandy 4000→Chrome (Filter→Eye Сandy 4000→Chrome) с приблизително същите параметри като на фиг. . 38. В резултат на това получаваме изображението, показано на фиг. 39.
Ориз. 37. Оригинално изображение
Ориз. 38. Настройка на параметрите на филтъра на Chrome от групата Eye Candy 4.0
Ориз. 39. Резултатът от филтъра Chrome от групата Eye Candy 4.0
За да използвате филтъра PhotoGroove 3.0, също така изберете обекта и използвайте командата Filter → PhotoTools → PhotoGroove 3.0 (Filter → PhotoTools → PhotoGroove 3.0), като зададете съответните стойности на параметрите, например, както на фиг. 40. В резултат на това получаваме изображението, показано на фиг. 41.
Ориз. 40. Задаване на опциите за филтър PhotoGroove 3.0 от групата Extensis PhotoTools 3.0
Ориз. 41. Резултатът от ефекта на филтъра PhotoGroove 3.0 от групата Extensis PhotoTools 3.0
Днес ще направим метал във фотошоп. Освен това може да се използва като фон или основа за букви, рамки и всякакви клипарти.
Създаваме документ. Използвам основно формат А4, като резултатът се получава в добро качество. Ако е необходимо, форматът винаги може да бъде намален, но ще бъде проблематично да се увеличи без загуба на качество.
След като документът е създаден, запълнете го с градиент. Избор на инструмент Градиент
и използвайте цветове:
1
#434037
2
#575447
3#8a8374
Сега запълнете фона отдолу нагоре или отгоре надолу, както желаете, и преминете към следващата част от работата.
Сега трябва да добавим нов слой: Слой / Нов / Слой…
Напълнете го с бяло.
След това добавете шум към новия слой: Филтър/Шум/Добавяне на шум…
Ние задаваме стойността Сума - 200%
Избирам Гаус
и поставете отметка в квадратчето Едноцветен
Добавете филтър за замъгляване на движението. Филтър/Замъгляване/Замъгляване на движение… Значение Ъгъл - 90%, разстояние - 204px
Моля, обърнете внимание, че ивиците ще бъдат по-остри в краищата, отколкото в средната част, така че трябва да ги премахнем. Просто изваждам този слой. За да се появи деформационната мрежа, поставете отметка в квадратчето до Показване на контролите за трансформиране
, на горната лента.
Остава да се промени в този слой Режим на смесване при наслагване и сте готови. За удобство можете да обедините слоеве, като щракнете Ctrl+Shift+E Получихме ефекта метал. Може да се използва като фон или заготовка за по-нататъшна работа.
И както обичам да правя, кратко видео, което да помогне на начинаещите да разберат по-ясно целия процес.
Основата на уеб дизайна във Photoshop е умелото използване на стилове на слоеве. В този кратък урок от Collis, основателят на проекта psd.tuts.com, ще ви покажем как можете да постигнете метален ефект със слой. Не е много ясно, разбира се, защо Колин има нужда да размазва фона с четка, когато има красив стил на слоя Вътрешен блясък, което прави същото. Но като цяло урокът е полезен за усвояване на стилове. Преведено за
В този урок ще създадем фин метален ефект, като използваме стил на слоя и градиент, които ще приложим към обекта. Но първо нека направим красив фон и стил за емблемата. В края на урока можете да изтеглите PSDфайл. Във файла можете да развиете всички стилови настройки и да видите какво е направено и как.
Създайте фон
Както обикновено, нека започнем с фона. Приложих радиален градиент с две сенки с хубав зелен цвят. Точният код на цвета е както следва: #93cc1aи #7eb704
Сенки
За да придам на фона повече блясък, ще създам малка сянка около краищата на таблото. Вземете голяма четка с меки ръбове и черен цвят. Създайте нов слой и просто обиколете краищата на работната зона с четка. След това променете невидимостта на слоя опасностна 30%
Прилагане на Blur
Сега дублирайте слоя със сянка Слой > Дублиранеи приложете ефекта Филтри > Размазване > Размазване по Гаус. В настройките задайте от 20 пиксела.
Може би си мислите защо първо не приложите зелен градиент с правилните цветове. Работата е там, че Photoshop предлага само радиален градиент, а моят градиент е по-квадратен. Затова реших да направя тази сянка на ръка.
Шрифтове
За да усложня още малко фона, избрах шрифта TW Cen MT (T1) и сложи писмо С. Избрах цвят #cecfd0. Трансформиран до гигантски размер и поставен Умножете. Резултатът е хубави извивки на заден план.
Форми във Photoshop
За да приложа стила металик, ми трябва подходяща форма. За да направя това, ще избера Freeform Shape Tool и формата Фльор де Лис. Цвят #cecfd0ще бъде добра основа за нашия сив метален ефект.
метален ефект
Първо добавете сянка Падаща сянка. Оставете я да засенчи малко фигурата. Използвах тъмно зелен цвят, вместо черен. Умелото използване на сянката е, че сянката не трябва да е много.
След това нанесете инсулт Удар. Параметър вътре Вътреи 4 пиксел. Типът щрих трябва да бъде градиент от сиво към бяло. Смисълът на тази процедура е, че истинският метал винаги блести. Искаме да постигнем същото.
За постигане на реализъм са необходими градиенти. Но просто не в пълна сила. Никога не правете това. Градиентът изисква много внимателен подход. Основата на добрия уеб дизайн са фините промени.
Прилагане на градиент
Следващата стъпка е да приложите пълния градиент градиентно наслагване. Градиентът запълва тялото на обекта, точно това, от което се нуждаем. Целта на прилагането на този стил е да се създаде контраст с градиента, приложен към щриха.
Нанесете Bevel и Emboss
След като имаме този хромиран ефект, ще използвам стила Откос и релеф. В режими изберете Вътрешен наклонс огромен размер размери приложете контур на стил. За повече информация относно контурите на стил във Photoshop вижте Контури във Photoshop.
Искам да отбележа, че приложих тези ефекти като експеримент. Така че можете да приложите всеки контур по ваш вкус. Просто преместете точките, докато получите хубав ефект на отражение в центъра на формата.
Нашият метален стил е готов! Вече можете да копирате стила и да го поставите в други обекти. За да направите това, щракнете с десния бутон върху слоя и изберете Copy Layer Style.
метална чиния
За да завърша формата, добавих черна шапка и рисувах с инструмента Инструмент за заоблен правоъгълникмалка чиния. Просто копирах металния стил върху плочата. За да направите това, щракнете с десния бутон върху слоя и изберете от менюто Стил на поставяне.
Добавих текст отгоре на табелата. За текста създадох нов стил на слоя. вътрешна сянка Вътрешна сянка, тъй като искам буквите да изглеждат като изстискани от чинията. Градиент градиентно наслагванезащото градиентът прави обектите да изглеждат по-естествени.
И разбира се кант Удар, използвах градиентна рамка. Режим Външен удар. Градиент от тъмно отгоре към светло отдолу. Този ефект създава илюзията за реални ръбове върху надписа. Но като цяло само засилва цялостния метален ефект.
финална версия
Това е всичко. Хубав метален стил за Photoshop.
Последните бележки
За придаване на текст с метален релефен ефект. Първо, нека напишем думата с красив шрифт, след което да приложим различни стилове на слоя към нея, симулирайки ефекта на релеф. По пътя сами ще създадем нов модел, след което леко ще украсим фона с градиент. Нека придадем на текста бляскав блясък и го украсим с ефектни светещи точки.
Етап 1.
Създайте нов документ с размери 600x400 пиксела. Запълнете с цвят #535559.
Стъпка 2
Пишем дума с всеки подходящ шрифт (шрифтът не трябва да е твърде тънък). Този урок използва шрифта Bello. Размер 188pt. 
Стъпка 3
С двукратно щракване върху слоя ще отворим стила на слоя и ще зададем последователно различни стилове. Нека започнем с раздела Drop Shadow. Задайте стойностите, както е показано на фигурата по-долу. Режим на смесване "Припокриване" (Наслагване). 
Стъпка 4
Маркирайте „Вътрешна сянка“ (Вътрешна сянка). Режим на смесване „Умножение“ (Умножение). 
Стъпка 5
Разделът Pattern Overlay. Но първо, нека направим нов модел. Създайте нов 5x5 px документ и го запълнете с #07212c. Увеличете максимално изображението и използвайте инструмента Молив, за да рисувате върху пикселите, както е на фигурата по-долу. 3 тъмни пиксела #000b10 цвят, 3 светли пиксела #3b4e58 цвят и 2 ъглови #283942 цвята. След това отидете на Edit > Define Pattern. Сега изберете този модел в стила на слоя. 
Стъпка 6
Таб. Направете градиент от един пиксел отвън. 
Стъпка 7
Това е междинният резултат. 
Стъпка 8
Сега ще украсим леко фона на документа. Отидете на фоновия слой, отворете стила на слоя и задайте следните параметриза раздела Inner Shadow. Режим на смесване „Мека светлина“ (Мека светлина). 
Стъпка 9
В раздела Gradient Overlay задайте следните цветове за градиента: от тъмен цвят #475e68 до светъл цвят #667c85. 
Стъпка 10
Картината ще изглежда така. 
Стъпка 11
Нека добавим ефект на гланц към текста. Създайте нов слой върху всички слоеве. Задръжте Ctrl и щракнете върху текстовия слой, за да го изберете. 
Стъпка 12
Сега вземете градиента от бяло към прозрачно и плъзнете мишката отгоре надолу на текста. След това вземете инструмента „Овална област“ (инструмент Elliptical lasso) и изберете областта, както е на фигурата по-долу. 
Стъпка 13
Сега обърнете селекцията Shift + Ctrl + I и натиснете Del, изтривайки излишъка. 
Стъпка 14
Променете режима на смесване на „Припокриване“ (Наслагване). 
Стъпка 15
Сега нека добавим блясък на точки за текста. Взимаме мека четка, размер 27 пиксела, бял цвят и на нов слой произволно поставяме бели светещи точки по краищата на текста. След това променете „Прозрачност“ (Opacity) на 70% и променете режима на смесване на „Припокриване“ (Overlay). 
Финалът
В резултат на това получихме такъв оригинален метален релефен ефект за текст. 
