Long Shadow ефект

В тази тема ще опиша стъпките, през които трябва да преминете, за да постигнете т.нар. long shadow ефект. Може би сте го виждали доста често без да му обърнете внимание, но едно от най-добрите му приложения (според мен), е при направата на custom икони за Android (виж скрийншотите).

Screenshot_2015-09-02-17-33-28 Screenshot_2015-09-02-17-33-35

Всички стъпки може да видите в клип, който се намира на края на тази тема.

1. Създавате нов документ с желаните от вас размери File – New и го запълвате с цвят по желание (в клипа е използван #cf3f30).

2. Променяте foreground цвета на различен от последно използвания (в клипа е използван #e74c3c). Избирате Rounded Rectangle Tool, с радиус 10, и Shape опция. Задържате Shift и правите квадрат с желана от вас големина.

3. Слагате текст по желание в квадрата, който направихте в стъпка 2. В клипа е използван текст, но вие може да използвате каквото поискате (например форми), методът на работа е един и същ.

4. За да подравните всички layer-и, задържате Ctrl и ги селектирате, избирате Move Tool, и след това Align horizontal/vertical centers

5. Променяте foreground цвета на черен, избирате Rectangle Tool и със задържане на Shift, правите квадрат, който е по-голям от последно направения. Layer-а с този квадрат трябва да бъде преместен точно над Background layer-a.

6. Отивате на Edit – Free Transform (или Ctrl+T). Завъртате layer-a на -45о.

7. Хващате и премествате страните на квадрата така, че да се допрат до ъглите на първия квадрат. Лявата част я премествате така, че да застане на центъра. Когато сте готови, натискате Enter, за да запаметите промените.

8. Променяте Fill на layer-а на 0%. Също така добавяте Gradient Overlay ефект с настройки от черно към прозрачно, ъгъл -45о, и Opacity 15%.

9. Сега, за да добавим сянка и на текста, копираме текстовия layer, преместваме го под оригиналния, и променяме цвета му на черен.

10. Отиваме на Edit – Free Transform и натискаме стрелките на клавиатурата надолу и надясно по веднъж. Enter, за да запаметим промените.

11. Натискате Ctrl+Alt+Shift+T, за да копирате последния layer с така направените промени (трябва да го копирате около 100 пъти, зависи от големината на картинката ви). След това селектирате копираните layer-и и ги сливате с Ctrl+E (става най-лесно като изберете първия копиран layer и със задържан Shift кликвате на последния копиран layer).

12. След като слеете layer-ите, с дясното копче на мишката върху получения layer, и избирате Create Crippling Mask. Също така добавяте Gradient Overlay ефект, както в стъпка 8.

С това long shadow ефекта е готов!

First Head From The Book With C#

Здравейте,

това са задачките от първата главата от книгата в програмирането.
Линк към книгата : Цъкни тук
Използвам Microsoft Visual Studio 2013 express , в клипа съм обяснил как да го свалите.
Приятно гледане!