• Авторизация


Уроки фотошоп. Анимация. Полет 27-11-2009 18:19 к комментариям - к полной версии - понравилось!


Урок по анимированию крыльев! вот собственно к чему стремимся: [показать]
Что я делала: я рисовала крылья птицы отдельно в каждом положении и вставляла их в кадры анимации.... Для начала рисуем тело нашей птички на отдельном слое [показать]
затем создаем новый слой и рисуем одно крылышко в самом "верхнем" положении : [показать]
Затем копируем слой с крылышком и помещаем его ниже слоя с телом птицы.Для большего реализма я уменьшила яркость, чтобы сделать заднее крыло чуть темнее.И размещаем его чуть чуть правее и ниже, вот так: [показать]
После этого я создала еще 7крыльев в разных положениях, тем самым имитируя полет и движения летящих крыльев.Специально для вас создала как бы шкалу всех положений крыла,которые я рисовала:
[показать]
Однако очень важно,разместить их все на одном уровне и иметь в виду, что крылья растут из одного места [показать] , никуда не смещаясь.
Теперь расскажу, каким способом я их рисовала. Ну положение крыла в "верхнем" и "нижнем" состоянии,думаю рисовать легко(это первое и пятое крыло в моей шкале). А вот изгибать их уже сложнее.Необходимо уяснить, что сначала изгибается основание крыла, а затем его и остальная часть.Предположим, крыло начинает подниматься вверх.Я сделала последовательность моих действий:
[показать] - сначала я рисую маленькую черточку - основание крыла, затем делаю небольшой изгиб, как будто птица начинает поднимать его,а сама остальная часть крыла еще не поднялась, затем дорисовываю перья и закрашиваю внутреннюю часть, в принципе на изоображениях все понятно должно быть.
Далее крыло поднимается еще выше, то есть увеличивается изгиб:(начинаем все с той же черточки-основания): [показать]
Ну и так далее в том же духе...(все нарисованные крылья я изобразила на моей как-бы "шкале" см.выше), для пущей ясности показываю как рисовать крыло, которое падает вниз: [показать]Только не путайте внутреннюю сторону крыла(я ее закрашиваю черным) и внешнюю!
Все крылья ДОЛЖНЫ БЫТЬ на ОТДЕЛЬНЫХ СЛОЯХ!!!! показываю как они у меня расположены:
[показать]
чтобы не потеряться, я их обозвала номерами кадров в анимации.И ЕЩЕ ОЧЕЬ ВАЖНО!!!!!сначала прорисуйте передние крылья, когда результат вас удовлетворит, то начитайте копировать их и чуть смещать(это задние крылья) помещать их на слои ниже нашего тела.Правда я потом каждое крылышко обвела пером,чтобы они казались более четкими...но это уж как хотите...ваше желание..
Что касается анимации, то тут все просто.Открываем окно анимации,создаем нужное количество кадров,и в каждом кадре делаем видимыми нужные нам слои и невидимыми - неужные...естествено соблюдая правильную последовательность..номера наших слоев подскажут в каких кадрах они должны быть. И наконец наш результат: [показать]
Но птица кажется слишком уж статичной, и я добавила движение самой птице [показать]
В общем то все, главный мой совет вам - это ТЕРПЕНИЕ!!! у меня тоже долго они не получались, но вам ведь легче!так как я показала всю последовательность полета!!!таким же спосбом можно заставить летать все,чего душа пожелает!! и бабочек и ангелочков и прочих существ с клыльями!!вот!! хотя всякие там стрекозки и прочие, у которых движение крыльев очень быстрое,анимируются немножко по другому... ну если захотите,могу и по ним сделать еще урок!(ну это если вдруг кому нужно будет)
На мою птичку слишком уж не заглядывайтесь...я ее такой скучной просто для урока делала...надеюсь у вас получится [показать] ....Если вдруг где то что то непонятно, обязательно спрашивайте, я объясню!!!
PS: если ваше летающее создание находится , например, лицом к зрителю, то точно также сначала рисуем крылья только с одной стороны, А ТОЛЬКО ПОТОМ уже копируем их, отображаем горизонтально и размещаем крылья с другой стороны!!!
 

вверх^ к полной версии понравилось! в evernote
Комментарии (1):
Основы работы в фотошоп 1. Как создать качественный превью - http://www.liveinternet.ru/communit.../post107691232/ 2. Как пишут экшены - http://www.liveinternet.ru/users/pe.../post110492426/ 3. Как защитить свои фотографии? - урок проставления копирайта на изображения http://www.liveinternet.ru/users/ra...s/post92687878/ 4. Режимы рисования или алгоритмы наложения -http://www.liveinternet.ru/users/pechalnaya_ya/post110049155/ 5. http://www.egraphic.ru/viewid.php?lnkid=9729 – перо 6. http://www.egraphic.ru/photoshop-tu...enie-cveta.html - изменение цвета 7. http://www.egraphic.ru/photoshop-tu...dstavlenie.html - инструмент кисть. Базовое представление 8. http://www.egraphic.ru/viewid.php?lnkid=7705 – параметры кисти 9. http://www.egraphic.ru/photoshop-tu...fotografii.html - рамка для фотографии 10. http://www.egraphic.ru/photoshop-tu...alozhenija.html - режимы наложения 11. раскрашивание кистей - http://www.alldesign.biz/photoshop/...t-babochki.html http://photoshop.rukoyatka.ru/53-ub...b-usjojais.html 12. переводим текст в вектор - http://www.goldenone.ru/?go=post&id=336 13. как создать кисти - http://umka.kharkov.ua:8000//html/article5.html 14. водяной знак - http://globator.net/photoeffects/302-watermark.html Фотоэффекты 1. Эффект разбивающегося стекла - http://bravedefender.ru/post110319231/?upd 2. Картинка с отражением - http://www.liveinternet.ru/users/dj...n/post89973235/ 3. сказочный лес - http://malahitovaya.ru/forum/showthread.php?t=300 4. размытый фон - http://www.photoshop-master.ru/lessons.php?rub=3&id=58 5. карандашная растушевка - http://freetemp.net/index.php?optio...id=62&Itemid=63 6. рваный край - http://www.diano4ka.ru/029.php 7. хорошие уроки работы с фото - http://mgraphics.ru/show_articles.php?kid=2 8. отличные уроки работы с фото - http://tutorials.psdschool.ru/ 9. ксеноновые фары - http://photoshop-forever.ru/foto-i-...-besplatno.html 10. старое фото - http://web-silver.ru/photoshop/tutorials/old-photo.php 11. смешивание слоев - http://artjunkies.net/tutorials/575...brazhenijj.html 12. сказочный эффект - http://startgraphics.ru/photoshop/t...-photoshop.html 13. объединение фото - http://startgraphics.ru/photoshop/t...enie-fotok.html 14. дождливый день - http://artjunkies.net/2007/10/13/dozhdlivyjj-den..html 15. фары машин - http://artjunkies.net/2007/10/21/fary-avtomobilja..html 16. 3d – коробка http://tutorials.psdschool.ru/web-g....html#more-2849 17. лейбл компакт-диска - http://artjunkies.net/2007/12/09/la...akt-diska..html 18. раздеваем девушку - http://photoweb.com.ua/view_post.php?pho=3&id=102 Коллажирование 1. слияние 2х изображений - http://apple.fcreator.ru/viewtopic.php?pid=30780#p30780 2. Коллаж из квадратов - http://www.liveinternet.ru/users/dj...n/post85273565/ 3. безупречный коллаж - http://rukurs.com/content/view/942/103/ 4. коллаж «коктейльный улет» - http://www.interface.ru/home.asp?artId=10098 5. простой коллаж - http://www.world-of-love.ru/forum/s...ead.php?t=12387 6. цветной коллаж - http://www.alltutorials.ru/2008/07/...-fotoshopa.html 7. фрагментированная рамка - http://rukurs.com/content/view/1442/103/ 8. солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161 9. http://photoshop-forever.ru/foto-i-...svechenija.html - эффект голубого свечения 10. http://photoshop-forever.ru/foto-i-.../86-glamur.html - гламур 11. искрящийся след - http://demiart.ru/forum/index.php?showtopic=37000 12. солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161 13. луч света - http://malahitovaya.ru/forum/showthread.php?t=293 14. http://photoshop-forever.ru/foto-i-...ama-dukhov.html - реклама духов 15. http://photoshop-forever.ru/foto-i-...enjaem-fon.html - замена фона 16. http://photoshop-forever.ru/jeffekt...ija-o-lete.html - коллаж 17. http://balbesof.net/article/a-113.html - коллаж 18. урок создания сияния - http://photoshop-forever.ru/foto-i-...ja-i-sveta.html 19. интересный эффект коллажа - http://photoshop-school.in.ua/publ/15-1-0-276 20. день и ночь - http://artjunkies.net/tutorials/910-den-i-noch.html 21. открытка к дню св.валентина - http://www.photoshop-master.ru/less...p?rub=28&id=311 22. интересные переходы - http://www.photoshop-master.ru/less...p?rub=28&id=242 Много уроков по фотошоп - http://www.liveinternet.ru/showjour...ywordid=1133486 Все для фотомонтажа (костюмы, шаблоны) – http://www.yarfoto.ru/ Колорирование 1. http://photoshop-forever.ru/foto-i-...-obrabotka.html - цветовая обработка 2. http://photoshop-forever.ru/foto-i-...-v-2-klika.html - ретро в 2 клика 3. http://photoshop-forever.ru/jeffekt...jeto-takoe.html - цвет фото 4. http://photoshop-forever.ru/foto-i-...-obrabotka.html - цветовая обработка 5. колоризация - http://all-graphics.narod.ru/ 6. эффект цветовой - http://ruthenia-alba.livejournal.com/13059.html 7. эффект винтаж - http://www.diano4ka.ru/040.php 8. карандашный рисунок из фото - http://www.diano4ka.ru/057.php 9. слияние двух картинок - http://www.diano4ka.ru/058.php 10. перекрашиваем фото - http://www.goldenone.ru/?go=post&id=410 Текстовые эффекты 1. http://ps-school.org/index.php?opti...d=437&Itemid=76 – собирающийся текст 2. пишем в стиле Web - http://web-silver.ru/photoshop/tuto...-reflection.php 3. надпись на аватаре - http://www.diano4ka.ru/025.php 4. http://arty-shock.ru/uroki-photosho...rassyipanie.htm - рассыпание 5. http://demiart.ru/forum/index.php?showtopic=6037 – неоновый эффект букв 6. http://virtualreklama.narod.ru/statica.htm - эффект текста 7. http://forum.33b.ru/topic1831741.html - поднимающиеся буквы 8. http://www.photoshop-planet.ru/foru...?showtopic=2683 - текст по кругу (движение) 9. http://forum.33b.ru/topic1784865.html - текст по контру сложного объекта 10. http://forum.33b.ru/topic36553.html - изломанный текст 11. текст-мозаика - http://zerolayer.ru/2007/05/01/tekstmozajjka.html 12. взрывная волна - http://www.photoshop-master.ru/lessons.php?rub=2&id=140 13. обтекание текстом - http://www.photoshop-master.ru/less...p?rub=28&id=232 Анимация 1. http://forum.33b.ru/topic1806208.html - крутящийся мяч и глобус 2. http://www.gifzona.com/e107/news.php?extend.158 – бегущий блик на рамке 3. http://arcanumclub.ru/autohtml0.php...al_art_002.html - уроки анимации 4. http://photoshop-forever.ru/animaci...elichenija.html - эффект увеличения 5. анимация печатного текста - http://all-graphics.narod.ru/ 6. стереокартинка - http://avatarochka.ru/forum/49-1439-1 7. вращающийся элемент - http://forum.33b.ru/posting.php 8. текст из звезд - http://forum.33b.ru/topic1821762.html 9. слайд шоу - http://www.diano4ka.ru/034.php 10. анимация блика - http://avatarochka.ru/forum/49-1615-1 11. блики - http://forum.rc-mir.com/topic1806238.html 12. исчезающее слово - http://forum.rc-mir.com/topic1798423_10.html 13. проявляющийся текст - http://www.liveinternet.ru/communit...a/post97859882/ 14. анимация переливающейся рамки - http://paint.3dn.ru/forum/4-626-1 15. блестящая картинка - http://avatarochka.ru/forum/49-288-1 16. звездный текст - http://forum.rc-mir.com/topic1821762.html 17. анимация рукописного текста - http://globator.net/animation/44-an...ogo-teksta.html 18. сияющий текст - http://paint.3dn.ru/forum/4-423-1 19. мигающая аватарка - http://www.photoshop-master.ru/lessons.php?rub=8&id=386 20. бегущий блик - http://www.diano4ka.ru/026.php 21. бьющееся сердце - http://apple.fcreator.ru/viewtopic.php?id=108 22. появляющийся текст - http://apple.fcreator.ru/viewtopic.php?id=952 23. окно загрузки - http://photoshop4u.ru/tutorials/ani...o-zagruzki.html 24. дышащий текст - http://photoshop4u.ru/tutorials/ani...hijj-tekst.html 25. анимация радуги - http://avatars.mybb.ru/viewtopic.php?id=179 26. дождик - http://www.diano4ka.ru/018.php 27. юзебар - http://www.diano4ka.ru/progulka.php 28. падающий снег - http://www.liveinternet.ru/communit...s/post61472104/ 29. эффект старого фильма - http://www.diano4ka.ru/022.php 30. мигающие буквы - http://apple.fcreator.ru/viewtopic.php?id=2051 31. слайд-шоу - http://apple.fcreator.ru/viewtopic.php?id=2062 32. проявляющейся текст - http://apple.fcreator.ru/viewtopic.php?id=952 33. сверкающий аватар - http://avatarochka.ru/forum/40-1758-1 34. лучи солнца - http://avatarochka.ru/forum/49-1821-1 35. запотевшее стекло - http://avatarochka.ru/forum/49-1694-2 36. гламурный эффект - http://forum.33b.ru/urok-sozdanie-g...ov-topic1824333 37. Эффект прожектора - http://freetemp.net/index.php?optio...id=57&Itemid=63 38. разбрасываем звезды - http://www.diano4ka.ru/010.php 39. мерцание - http://www.diano4ka.ru/017.php 40. бриллианты - http://www.diano4ka.ru/020.php 41. блестящая надпись - http://www.diano4ka.ru/042.php http://www.photoshop-master.ru/lessons.php?rub=8&id=545 Web-дизайн 1. http://www.photoshop-free.ru/publ/11-1-0-369 - нарезка шаблона 2. анимированный баннер - http://www.diano4ka.ru/037.php 3. разноцветная шапка сайта - http://www.liveinternet.ru/users/pe.../post112336338/ 4. шапка для сайта – коллаж http://paint.3dn.ru/forum/4-322-1 5. прозрачный переход для шапки сайта - http://www.photoshop-master.ru/lessons.php?rub=4&id=277 6. Рисование 1. http://photoshop-forever.ru/jeffekt...nnom-share.html - значок 2. округляем края - http://ollyfun.ucoz.ru/forum/2-10-1#190 3. красивый аватар - http://avatarochka.ru/forum/40-1995-1 4. открытка или приглашение - http://mgraphics.ru/show_articles.php?act=read&aid=628 5. рисуем обои - http://cc-studio.ru/forum/index.php?showtopic=208 6. лунная дорожка - http://photoshop4u.ru/tutorials/dra...a-dorozhka.html 7. лист в клетку - http://worldps.ru/effects/674-tetra...k-v-kletku.html 8. стикер - http://blogs.privet.ru/community/YA...75#post46516890 9. лесной пейзаж - http://ua-arts.com/102-lesnojj-pejjzazh.html 10. шар с помощью фильтра - http://demaker.ru/page-id-21.html 11. коробка для диска - http://www.2photo-paint.com/design_...er-for-dvd-disk 12. обложка диска - http://photoshop-master.ru/adds.php?rub=14&id=103 13. тетрадный лист - http://forum.33b.ru/urok-tetradnyj-...ku-topic1836411 14. снежный фон для открытки - http://www.photoshop-master.ru/less...p?rub=28&id=296


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки фотошоп. Анимация. Полет | Тома_Берди - Дневник Тома_Берди | Лента друзей Тома_Берди / Полная версия Добавить в друзья Страницы: раньше»