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

Анимиран банер

Анимиран банер




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

1. Направете нов документ File>New с размери по ваш избор запълнете го с цвят #00BFF3:



2. Чрез инструмента Rectangular marquee tool и направете правоъгълна селекция като показаната:



3. Натиснете "Q" за да активирате Quick Mask. Идете на Filter>Distort>Glass и направете настройки като показаните:



4. Натиснете "Q" за да деактивирате Quick Mask. Направете нов слой (Ctrl+Shift+N) го запълнете с цвят #FFFFFF.



5. Направете правоъгълник като показания с инструмента Rectangular shape tool:



6. Отидете на Blending Options и направете следните настройки:



7. Резултат:



8. Отворете някакво лого и го поставете в правоъгълника:



9. Направете стъпките от 5 да 8 още два пъти но другите логота да са различни:



10. С помощта на инструмента Rectangular shape tool правим нов правоъгълник и го запълваме с син цвят. След това го завъртаме с помощта на комбинацията от клавиши - (Ctrl+T):



11. Отидете на Blending Options и отидете там където е показано, кликнете два пъти върху показаната фигура:





12. В синият правоъгълник напишете някакъв текст:



13. Направете нов слой и напишете по-различен текст:



14. Резултат:



15. Преминете към ImageReady - (Ctrl+Shift+M):



16. Направете нов фрейм и активирайте първият правоъгълник:



17. След това направете нов фрейм и активирайте куфарчето:



18. Повторете същите стъпки и с другите два триъгълника:









19. Направете нов фрейм и активирайте синият триъгълник, след това го преместете там където е показано:



20. След това малко по-напред:



21. Направете нов фрейм и активирайте вторият текст:



22. Направете комбинацията от клавиши (Ctrl+Alt+Shift+S), запаметете анимацията в Gif. формат.

23. И ето че нашият анимиран банер е готов:




Превод: ДяВоЛчЕтО_-_-ФююТ
Източник

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




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

Коментари

Gladiator6

Имам един въпрос :( Защото съм бос на photoshop и може да е идиотско но наистина немога да разбера...
Стигнах до да направя нов леар после немога да оцветя това около маркираното в бяло незнам как ще стане :( правя новия леар после избирам инструмента Paint Buket Tool и нищо :( нестава .. мога да оцветявам само маркираната област а когато натисна Q и цъкна се разваля :( Помогнете ми ...

maqpen4eva

Чети написаното в урока и го повтаряй стъпка по стъпка!
Като избра Paint Buket Tool избра ли за преден цвят бяло или заливаш със същия цвят, който ти е останал от фона?
И като си начинаещ първо чети уроците в Основни техники!

pcholeva

Здрьвейте, бих желала да ми обясните малко по-подробно за този урок с банера, не ми се получава нищо от 16-та стъпка нататък. Как да направя нов фрейм и същевременно да активирам куфарчето или съответната друга картинка. Урока е страхотен и ще ви бъда благодарна, ако ми го разясните в детайли...

t0k

Нз защо не се движи :D (shy)

t0k

Това вече трябва да стане :D

http://img218.imageshack.us/img218/1946/64673923tw7.th.gif

ludq

Моля ви помогнете намерих този банер в един сайт ето линк http://prikachi.com/files/495837w.gif
и разбрах,че се прави с фотошоп,но не знам от кои уроци да гледам ;( моля ви помогнете
ако искате ето ми скайп : hiph0p_b0y_1996
Моля ви от сърце да ми помогнете :(

maqpen4eva

Пишеш 3 -те текста всеки на отделен слой, слагаш им ефектите, маркираш 2-та слоя текст 1 и текст 3 и ги групираш.
В първия фрейм, оставяш видимоста на слоя Текст 2 и намаляш Opacity на групата на 0%.;
Правиш нов фрйм и дигаш Opacity на групата на 100%. Маркираш 2-та фрейма и добавяш Tween 15.
Избираш втория фрейм и изключваш слоя Текст 2, после маркираш 4-я фрейм и пак махаш окото на Текст 2, после на 6-я фрейм и на 8-я, за да мига. На първия фрейм задаваш интервал за време 1сек, на останалите е без интервал:

Изтегли си PSD файла Текст-PSD:

http://www.mediafire.com/?sharekey=02cf89556a02f19b91b20cc0d07ba4d2d96745af9493559d

aiborn

Каде се намира Rectangular shape tool и коя буква да ничисна дасе появи

lycar

Каде си тръгнал като незнаеш това |( .Не става от самосебеси , отиди чети основни техники ще научиш доста :)

viki_di

а как да го запаметя така че постоянно да се повтаря

graf_kaberne

File>Save for Web & Devices... Alt+Shift+Ctrl+S

brendy

ето така:

http://pic-bg.net/files/boqd3623qo89kf618mgcfr9of7zxp3mg67djtois.gif
и после File>Save for Web & Devices... Alt+Shift+Ctrl+S успех..!

viki_di

как да направя изображението да се върти постоянно а не да спира след като минат картинките веднъж?

iinsane94

Вижте бе :D това аз го измислих а съм начинаещ още ...според мен като за начало е добре как мислите ?

http://store.picbg.net/thumb/C9/EF/bf3949a79f97c9ef.gif

iinsane94

Цъкнете за да го видите,че така нещо му става и все едно е някак си ....развалено :D

leranda

Здравейте, с Photoshop CS3 съм и се питам възможно ли е да нямам ImageReady? Не ми излиза и с бързо повикване също. Някакви съвети? :D Помагайте!!!

Tinamu

Ето и моя опит: Текст на линка...

pakita

<a href="http://s1183.photobucket.com/albums/x465/Plamen_Petkov/?action=view&current=6.gif" target="_blank"><img src="http://i1183.photobucket.com/albums/x465/Plamen_Petkov/6.gif" border="0" alt="Photobucket"></a>

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

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