Помогни ни да направим Uroci.net по - богат! Добави урок

Отражение на текст във Fireworks

SolidSoul   трудност:    видян: 2426

В урока за солиден текст направихме това.

 

Солиден текст

 

В този урок ще направим отражение под текста.

 

Отражение на текст

 

Стъпка 1:  Във отворения файл направете дубликат на текста.

 

Дубликат на текста

 

Стъпка 2: Отидете в Modify -> Transform -> Flip Vertical и копието, което ви се появи преместете долу, както е показано.

 

Преместете копито по този начин.

 

Стъпка 3: На отражението не ни трябва сянка за това изтрийте двата ефекта, както е показано горе.Като сте готови наместете отново отражението така че между двата текста да има 1 пиксел разстояние.

 

Наместване на двата обекта.

 

В панела за слоеве преименувах двата елемента за да мога да ги различавам.

 

Изберете текста отражение и направете маска (Add Mask).

 

Добавяне на маска.

 

Stypka 5: Кликнете върху маската, вземете gradient tool, направете преливката черно бяла на Linear.

 

Gradient Tool е отляво.

 

Стъпка 6: Направете преливката,  както е показано.

 

Квадратчето от дръжката трябва да е нагоре

 

Отражението ще избледнява от квадратчето към кръгчето т.е. кръгчето ще е най бледата част на отражението. Разположил съм края на кръгчето да не стига до края на текста.
Това е така защото аз искам крайната част на рефлектиралия текст да изчезне. Края с квадратчето сложих върху главния текст. Направих това защото искам началото на рефлектиралия текст да е не по малко от 100% прозрачност.Ако направите същото ще получите това.

 

Резултат от направеното.

 

Стъпка 7: Отражението все още е тъмно. Ще го направим по малко наситено, като направим прозрачност 80%

 

80% прозрачност

 

Стъпка 8: Можете да направите фон. Направете правоъгълник с цвят по ваш избор аз използвах този цвят #DDDD9B

 

Фон на текста

 

Стъпка 9: Придърпайте слоя със фона най отдолу във панела за слоеве.

 

Придърпване на слоя и настройки на Fill Category

 

Стъпка 10: Във Fill Category изберете Gradient>Linear вместо Solid както е показано горе.

 

Стъпка 11: Направете двата цвята на преливката, като цвета на фона.

 

Цветове на преливката

 

Стъпка 12: Направете лявата част от преливката малко по тъмна, като използвате техниката от предишния урок.

 

Затъмняване на лявата част от фона

 

Стъпка 13: А сега направете дясната част малко по светла по същия начин.

 

Стъпка 14: Сега направете преливката така че светлата част да отиде долу (като придърпате квадратчето долу), а тъмната част да отиде горе (като придърпате кръгчето горе), както е показано.

 

Обръщане на цветовете

 

Заради преливката, която направихме този файл трябва да се експортира в JPG формат. Ето го и крайния резултат от урока:

 

Отражение на текст

 

Източник: www.learnwebdesignonline.com



Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com