×
image for ux jobs category in dev.bg

Преглед на урок

Зимен стил/използване на готови стилове

Зимен стил/използване на готови стилове




Използването на готови стилове е много удобно и практично, затова тук ще ви запозная по-подробно как да се възползвате от тях.
Преди да пристъпите към действия изтеглете готовия стил ТУК

1/ Намерете файла на диска където го свалихте; с десен бутон от отвореното меню изберете Extract files



2/ В прозореца, който ще се отвори, чрез бутона Display, намерете папката в която сте инасталирали вашият Photoshop и в нея търсите паката Presets/Styles



3/ Отворете панела Window -> Styles.
От малката стрелка горе в дясно, отворете менюто и изберете Load Styles





4/ Папката в която запазихте стила, ще се отвори по подразбиране (ако не се отвори точно тя, потърсете я);
Изберете файла (в случая той се казва Snow), натиснете бутона Load и новия стил ще се появи в панела.
Пакета съдържа 2 еднакви стила, разликата е само в цвета на основния фон.



5/ Отворете нов документ с размери 640х480; 72 dpi; White



6/ Отключете Background-a за да го преобразувате в слой, като задържите Alt и кликнете 2 пъти по малкото катинарче:



7/ Преминете в панела Styls и кликнете по квадратчето с новия стил.
Всички ефекти, които съдържа той ще се появят в панела layers

Натиснете върху изображението за цял размер


За по-пригледно, можете да ги скриете, като кликнете на малката стрелкичка в края на слоя;
Малката иконка означена с буквите fx показва, наличието на добавен стил, към този слой.

8/ Тъй-като стила е привързан към точно определен размер, трябва да се пригоди към всеки друг.
За целта кликнете с десен бутон върху иконката fx в полето на слоя и от менюто, което ще се отвори изберете Scale Effekts



9/ Ще се отвори малко прозорче в което трябва да местите плъзгача докато резултата ви хареса:

Натиснете върху изображението за цял размер


10/ Вземете Horizontal Type Tool (T) и напишете текст.
Цвета не е от значение, изберете голям размер и плътен шрифт:

Натиснете върху изображението за цял размер


11/ Добавете същия стил към текста и в Scale Effects същата стойност, която зададохте и на фона:

Натиснете върху изображението за цял размер


На мен не ми хареса рамката на готовия стил, затова отворих ефектите, с двоен клик върху Stroke отворих панела за стил, смених цвета с бял и намалих размера

12/ Ако сте доволни от резултата можете да обедините всичко дотук в един общ слой, без това да засяга вече създадените 2 слоя. Използвайте клавишна комбинация Shift+Ctrl+Alt+E



13/ На мен не ми хареса изпъкналия ефект върху фона, затова реших да го изрежа с Crop Tool.
Очертах само тази част, която искам да остане от фона след изрязването:

Натиснете върху изображението за цял размер


По този начин бързо и лесно се отървах от ефекта, без да се налага да променям настройките:

Натиснете върху изображението за цял размер


14/ Сега може да добавим малко декорация за по-ефектно;
Създайте нов слой (Shift+Ctrl+N)
Вземете Brush Tool, бял цвят и подходящ размер и форма, която е сред стандартните:



15/ Наслагайте тук-там отблясъци по белите точки на фона по ваша преценка, като за по-естетично сменяйте размера на четката. Бързо и лесно размера на четката се намаля/увеличава от клавишите [ и ] - всеки клик е равен на 1рх



Натиснете върху изображението за цял размер


16/ Създайте нов слой и със същата четка, направете отблясъци и върху буквите:



17/ Дублирайте последния слой (Ctrl+J) и го изключете като кликнете на окото пред него:



18/ Отворете панела за анимиране Window -> Animation
(Aко сте с версия CS, Преминавате в ImageReady)

19/ В отворения панел има създаден по подразбиране един кадър.
Създайте нов кадър (Frame) от иконката в долния ред

Натиснете върху изображението за цял размер


20/ Включете слоя, който по-рано изключихте, като сложите отново окото:

Натиснете върху изображението за цял размер


21/ От малката стрелка до надписа 0 sec, отворете менюто и си изберете интервал за време на смяна на кадрите.
В зависимост от интервала, който изберете, звездичките ще мигат по-бързо или по-бавно, затова поекспериментирайте!



22/ Натиснете бутона Play за да видите резултата:



23/ Ако ви харесва, запазете готовия файл Alt+Shift+Ctrl+S изберете GIF



Резултат:

Натиснете върху изображението за цял размер


Натиснете върху изображението за цял размер



Автор: maqpen4eva

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: maqpen4eva

Коментари

Saphire

Eто и моя опит :)

http://i219.photobucket.com/albums/cc133/Saphire5_girl/MarryChristmas.gif
не е много добре но като за първи опит става

Daks

Някой може ли да ми каже как се минава в Image Ready за CS ? И другият ми въпрос е : не мога да си запазя картинката както е описано в стъпка 23. Възможно ли е да ми липсва някаква програма в PC-то?
Предварително благодаря.

maqpen4eva

За CS прехода към IR става през иконката, която се намира в кутията с инструменти, обозначена е с оранжевo перцe (Shift+Ctrl+M)
Запазването на анимациите става в IR от File -> Save Optimized as... клавишната комбинация, която се използва е еднаква за всички версии!
Менюто, което е показано на картинката се отнася до PS, в IR е малко по-различно но е аналогично!

maqpen4eva

Повече подробности за запазване на анимациите:

http://www.photoshop-bg.com/index.php?nav=read_tut&id=1421

Daks

Много ти благодаря maqpen4eva . Ще пробвам , дано да успея

Nikki_Ivanova

Ето какво сътворих аз:

http://img469.imageshack.us/img469/7997/winterie2.gif

dessi

не стана прозрачния текст

Out~of~the~TV

Мойто не стана като тр ама като за първи път:

http://prikachi.com/users/out%20of%20the%20tv/1211U.gif

Gaby

Става много готино и е много коледно :)

http://i132.photobucket.com/albums/q7/Gabythecat/MerryChristmas.gif

iloniki_jp

ЗАЩО НЕ МОГА ДА ГО ЗАПАЗЯ ДА МИГА?ПОМОЩ

Sm1rfa

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

maqpen4eva

Премести слоя на който слагаш ефектите над този с буквите - оглеждай си панела със слоевете когато нещо не ти се получава, всеки слой може да бъде преместен, като го хванеш със задържан бутон на мишката и го плъзнеш над или под съответния слой спрямо когото го местиш!

maqpen4eva

iloniki_jp - сигурно защото пропускаш т.23
Менюто Save as... не поддържа анимация, независимо че съдържа формата Gif, запазването става във формат GIF от File -> Save for Web (Alt+Shift+Ctrl+S)
За ImageReady: File -> Save Optimized As...

doroty_1985

Това е много готино, само че при мен не става, защото съм с БГ интерфейс. Излизат ми йероглифи там, където трябва да изтегля архива. Помогнете ми как да направя този готина картинка.

maqpen4eva

Причината може да е в браузера ти, напиши си е-майла ще ти го изпратя!

dani_102

пич покажи как ти стана процрачно че на мене не ми стана

pimboli

от къде да си изтегля четките с звездички?

csmaniak

Това е много яко :)

hishtnica

Мая Пенчева, ти си един диамант за този сайт :) Намерих си стилове, а не можех да се сетя как да ги заредя, благодарение на този урок - успях :) Благодаря ти за пореден път.

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.