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

Анимирана Земя

Анимирана Земя




Ако искате да повторите стъпките от урока, използвайте резолюцията, която авторът е използвал и се уверете, че компютърът ви е достатъчно мощен, за да борави с нея. В противен случай можете да намалите всички параметри и да работите с по-малко изображение. Авторът предпочита да работи с висока резолюция, защото иска да има по-голяма свобода, когато редактира изображението и да съхрани крайният резултат в по-малък размер за по-добро качество.

1. Отворете фотошоп и създайте нов документ с размери 600×600 px и transparent background.

2. Изберете Ellipse tool в режим Shape Layers и начертайте кръг с размери 500×500 px. Дайте наименование на този слой Black.



3. Отворете следните Blending Options: Inner Shadow и Gradient Overlay.





Поставете Opacity на 40%. Изображението ви ще изглежда така:



4. Дублирайте слоя. Скрийте долният слой, а за горния поставете следните параметри за Blending Options:





5. Поставете Opacity на 60%. Дайте наименование на този слой Background. Ще получите нещо подобно на това:



6. Дублирайте този слой. Скрийте долният слой и за горния приложете следните Blending Options:





7. Поставете Opacity на 100% и дайте наименование на слоя Foreground.



8. Скрийте този кръг. Ще се върнем към него по-късно. Нуждаем се от тези три кръга, за да покажем различни части на Земята: първата е за прозрачната част, втората е за континентите от невидимата част на Земята, а третата е за континентите, поместени във видимата страна.

9. Свалете карта на земната повърхност и я импортирайте в документа. Отворете Canvas Size и направете височината 2000 пиксела. Изберете Image>Rotate Canvas>90°CW, за да обърнете ориентацията на страницата.



10. Необходима ни е разтеглена карта. Дублирайте слоя с картата. Разположете двата слоя както е показано на изображението по-долу:



11. Дублирайте този слой, за да получите две карти. Едната от тези карти преместете под слоя Foreground (Дайте наименование на този слой Map Foreground). Другият слой поместете под слоя Background (дайте му наименование Map Background). Ето как изглежда панела със слоевете:



12. Натиснете Ctrl и кликнете на един от слоевете с кръговете, селектирайте слоя с картата и изберете бутона Add Layer Mask.

13. Повторете това за вторият слой с картата. Прекъснете връзката с маската на слоя.

14. Селектирайте слоя Foreground и създайте изрязваща маска (clipping mask). Същото направете със слоя Background.
В палитрата със слоевете ще се получи следното:



15. Направете видими всички слоеве:



Лесно се различават контурите на континентите и планетата.
Видима е единствено предната част на глобуса, а задната полупрозрачна е скрита. Предният слой с континентите ще се върти отляво-надясно, а задния обратно, отдясно-наляво.

16. Необходимо е да преместите предната или задната част на картата, така че Foreground map да показва една част от картата, а Background map- нейната противоположна част (необходимо е да преместите слоя с картата наляво или надясно). На изображението се вижда как трябва да изглежда картата след преместването:



Сега можете да видите и предната и задната част на глобуса. Ако не желаете да приложите анимация можете да спрете работата си до тук. Вие създадохте статично изображение на Земята.

17. Отворете прозореца Animation (Window>Animation).



18. Кликнете върху бутона Duplicate selected frames. Появява се нов кадър 2.

19. При селектиран кадър 2, изберете слоя Foreground map и го преместете на разстояние 800 px надясно.
Изберете слоя Background map и го преместете на разстояние 800 px наляво.

20. Селектирайте кадър 1, кликнете върху бутона Tweens animation frames.



По този начин ще добавите нови 5 междинни кадъра към анимацията.



Продължителността на всеки кадър можете да регулирате от бутона Selects frame delay time.
21. Съхранете файла в GIF формат (анимациите винаги се съхраняват в този формат).
Ето го и крайният резултат:



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




Урокът е добавен от: poli1111
Източник: http://www.tutorialkit.com/

Коментари

poli1111

"21. Съхранете файла в GIF формат (анимациите винаги се съхраняват в този формат). "

Става въпрос за анимациите, направени с фотошоп.

MrIce

Нещо не ми се получава :S Ако някой може да го филмира ще съм му много благодаред :)

maqpen4eva

Настройките в стъпка 20 са грешни, 5 междинни кадъра са много малко:

http://www.tutorialpark.com/wp-content/uploads/8/Tween.jpg

poli1111

11. Върху слоя Map Foreground приложете Edit>Transform>Flip Horizontal, за да обърнете посоката на картата от невидимата й страна.
19. При селектиран кадър 2, изберете слоя Foreground map и го преместете на разстояние 800 px наляво.
Изберете слоя Background map и го преместете на разстояние 800 px надясно.

http://img527.imageshack.us/img527/6112/33410227.gif


20. Междинните кадри са наистина 30. Съжалявам за грешката, но от второто изображение към точка 20 се вижда, че съм допуснала грешка.

22. За да съхраните файла, изберете File>Save for web&devices и направете настройките, дадени по-долу:

http://img9.imageshack.us/img9/9175/savemm.jpg


АКО РЕША ДА ПРЕВЕЖДАМ ДРУГ УРОК ЩЕ ВНИМАВАМ МАЛКО ПОВЕЧЕ. СЪЖАЛЯВАМ ЗА ПРИЧИНЕНИТЕ НЕУДОБСТВА.

poli1111

Съвършено изпълнение. Поне аз така мисля. Разположението на континентите и действителната посока на въртене на Земята около оста й (от запад на изток) съвпадат с действителността.
Емоциите са лош съветник понякога.

poli1111

От запад на изток, но по посока на въртене на часовниковата стрелка. :)

poli1111

???

poli1111

??? Хайде де, на никого ли не му се спори. Наклон на земната ос, посока на въртене, изгреви, залези ... ??? :)
Спирам да спамя, докато не са ме баннали? :)

soundtrack

Мисля, че няма да е лошо урока да се изтрие и да се пренапише на ново, защото според мен е доста накъсан и има грешки... нищо лично към poli1111

sunny

може ли някой да го напражи по-подробен този урок че е много интересен!!!!благодаря предварително:))

maqpen4eva

Уроците не се правят според прищявките на начинаещите се, а обратното - начинаещите правят първо по-лесните уроци с които могат да се справят и като научат основите минават на останалите уроци, които тогава няма да им се струват сложни и трудни!

SpeeDemoN1

Как стават 12 и 13 стъпка.Когато селектирам слоя с кръга заедно с слоя с картата Layer Mask ми се заключва

ra00y

Значи , много се извинявам предварително ............. ,но урока е обяснен изключително тъпо !!!Дори още в началото стъпките изобщо не разбират , не става ясно какво трябва да се направи ........... !!!!!!!!!!

ra00y

към:maqpen4eva След като прочетох внимателно коментарите написани след урока ,забелязах вашия . Ами това да наричаш някой начинаещ ,без да е ясно дали той е такъв или не е малко неумесно !!! И пак ще кажа поотношение на урока описан е неясно и адски объркано !!!!!!!

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

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