Реалистичное вращение глобуса -> Demiart - Photoshop Форум

Все проекты Демиарта ¬ · Правила Форума · Путеводитель Новичка · Есть Вопрос? | Поиск ¬ · Участники · Дневники ¬ · Гильдии ¬ · Чат · Игры · Подарки · Галерея

Как же я рад тебя видеть, ( Выход ) | Настройки · Закладки · Дневник · Дискуссии · Помощник

• Demiart - Photoshop Форум » Flash » Уроки Flash

Новости

- 07.02 Требуются модераторы
- 07.02 warm wind - победитель конкурса «Вы на Пандоре!»
- 05.02 Голосование «Города»
- 22.01 Добавлено 100 новых flash-игр
- 20.01 Фото-конкурс «Эмоции»
- 19.01 Новый тег «MEDIA»
- 10.01 Открыт набор на курс «Photoshop для начинающих»
- 28.12 Дискуссии: Онлайн-оповещения о новых сообщениях

Горячие темы

- 58 «Портреты девушек. Для всех. 7» →
- 44 «Сайт компании Muscle Drive» →
- 33 «Пейзажи и природа 4» →
- 28 «Сицилия... Италия... Разное...» →
- 28 «Прости... Абрамс...» →
- 24 «лиса и колобок ))» →
- 22 «Выбор фотоаппарата» →
- 19 «Муми-Сумерки» →
- 19 «Визитка - прошу Вашего мнения» →
- 18 «"Обломи соседа" 2» →

Лучшие темы

- 84 «Муми-Сумерки» →
- 71 «лиса и колобок ))» →
- 67 «Узоры на пластике» →
- 66 «Прости... Абрамс...» →
- 66 «Дым осеннего костра» →
- 62 «Где-то на Пандоре» →
- 59 «Ночной охотник. Оцелот.» →
- 33 «Белые цветы» →
- 26 «Рисуем «Сладкая как леденец» …» →
- 24 «Чудовище на охоте» →

Кармовые записи

- 130 «Простенько» © Mewmew
- 101 «Плакаты кистью и красками» © SDofB
- 63 «Ррабо-ота...» © Kettana
- 60 «Все я кодируюсь, начинаю нову…» © женеч
- 59 «Снова про ГМО» © Sandra Clark
- 54 «Сказки детства» © Iced Wings
- 54 «Деревья Селебры» © Magus Verus
- 52 «Вязанная запись № 2» © ямі ямі ямі ямі
- 52 «Перлы начальства» © User 8909
- 48 «Твиттер» © Мания Величия

Правила раздела "Уроки Flash"
1. В данной ветке форума запрещено создавать темы. Если вы хотите выложить свой собственный урок или перевод - это можно сделать здесь.
2. Запрещен флуд (чрезмерное увлечение публикацией собственных картинок полученных в результатате урока) и разговоры не по теме.
3. + остальные правила форума

» Реалистичное вращение глобуса, урок | Просмотров: 1876 | начинающим, простые
Подписаться на дискуссию · Уведомлять по e-mail · Версия для печати Ищем в теме:
Рейтинг темы: +1.

kedicik | Пост №1 * 21 Января 2010, 21:21

online
Рычащий!
Группа: Мастера
Сообщений: 3 251
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4299 D

Realistic globe rotate
В этом уроке с подробными объснениями я покажу вам, как создать реалистичное вращение глобуса, используя маску и некоторые специальные трюки и хитрости flash. Чтобы сделать этот урок, вам не нужно будет использовать код action script. Используя этот урок, вы также научитесь, как конвертировать любую картинку в графический символ, как создавать motion tween, слой маски и многому многому другому. Давайте начнем!
Шаг 1
Откройте Flash и создайте новый файл, размеры сцены установите по своему желанию, установите frame rate как вы хотите, я использовал для этого урока 20 fps, установите цвет фона по своему желанию, я использовал белый цвет.
Шаг 2
Найдите где-нибудь картинку глобуса и импортируйте ее (Ctrl+R) во flash. Вы можете также загрузить мою картинку.
Шаг 3
Не снимая выделения с "глобуса" (картинки) , нажмите Ctrl+B (break apart) . Создайте новый слой выше слоя layer 1, выделите его и нарисуйте круг размером таким же как и круг глобуса. Смотри картинку ниже.
Шаг 4
Не снимая выделения с круга, нажмите Ctrl+x (Cut), выделите слой layer 1 (слой глобуса) и нажмите Ctrl+Shift+V (Paste in Place). Снимите выделение с круга, щелкнув мышкой в любом месте сцены. Затем выделите только что вставленный круг щелчком мыши и нажмите delete, чтобы удалить этот круг. Теперь вы получите это:
Шаг 5
Возьмите Paint Bucket Tool (K), для цвета заливки выберите #9EBEDE и залейте круг глобуса. Смотри картинку ниже.
Шаг 6
Возьмите Selection Tool (V) и дважды кликните по слою layer 1, чтобы переименовать его в globe.
Шаг 7
Затем дважды кликните по слою layer 2 и назовите его world map.
Шаг 8
Найдите где-нибудь картинку карты мира, во flash выделите слой world map, нажмите Ctrl+R (Import to Stage), или выберите в меню File > Import > Import to Stage и импортируйте эту карту во Flash.
Шаг 9
Нажмите Ctrl+D и сделайте так, как показано на картинке ниже с дубликатом этой картинки
Шаг 10
Выделите обе картинки и нажмите F8 (Convert to Symbol), чтобы конвертировать эти картинки в символ мувиклипа.
Шаг 11
Поместите "world maps", новый сделанный мувиклип в положение, подобно тому, как показано ниже на картинке.
Шаг 12
Дважды кликните по мувику на сцене с Selection tool (V). Сейчас вы должны оказаться внутри мувиклипа. Смотри картинку ниже.
Шаг 13
Не снимая выделения с "world maps" , нажмите снова F8 и конвертируйте его в Graphic Symbol.
Шаг 14
Кликните по фрейму 30 и нажмите F6. Затем, используя мышь или клавиши со стрелками , поместите "world maps" в положение как показано на картинке ниже.
Шаг 15
Правой кнопкой мыши кликните где-нибудь по серой площадке между двумя ключевыми кадрами на временной шкале и выберите Create Motion Tween из появившегося меню.
Шаг 16
Создайте новый слой, кликните по кадру 30, нажмите F6, перейдите в панель Action Script (F9), и введите следующий код Action Script на панели Actions:
CODE
gotoAndPlay(1);
Чтобы не возникали вопросы по поводу того, зачем мы вставили этот код, уберите его. И вы увидите, что происходит еле заметное торможение в последнем кадре.
Шаг 17
Вернитесь на главную сцену (Scene1)
Шаг 18
Создайте новый слой выше слоя world map и назовите его circle. Заблокируйте и спрячьте слой world map, выделите слой layer 3 и возьмите Oval Tool (O). Для цвета обводки выберите - без цвета, для цвета заливки выберите любой цвет и нарисуйте круг поверх круга глобуса. Смотри картинку ниже.
Шаг 19
Выделите слой circle и преобразуйте его в маску: правой кнопкой мыши кликните по слою circle и выберите Mask.
Опять покажите слой world map.
Шаг 20
Создайте новый слой выше слоя circle и назовите его shine.
Шаг 21
Возьмите снова Oval Tool (O), нарисуйте круг размером 60x60 пикселов и поместите его в положение, как на картинке ниже.
Шаг 22
Не снимая выделения с круга "circle", откройте панель Color Mixer (Shift+F9) и выберите следующие опции:
Протестируйте ваш мувик (Ctrl+Enter).
Это все! Успехов!
Перевод kedicik
источник
Присоединённые файлы
GlobeSpin.rar ( 106.57к ) Кол-во скачиваний: 148
--------------------
Уроки
Уроки AS3

ключевые слова: создать вращение глобуса, глобус заливка, флеш реалистичный глобус, как сделать из карты глобус во флэш, Картинку глобуса, actionscript вращение мышкой, поворот по кругу картинки, глобус картинка, вращение глобуса на Flash, карта мира

| · ·

Google | Чтобы отключить показ этого рекламного блока зарегистрируйтесь на форуме и переведитесь в группу Хранители
| · ·

MOHCTEP | Пост №2 * 23 Января 2010, 15:25 (спустя 1 день 18 часов)

online
Статский советник
Группа: Мастера
Сообщений: 4 965
Пользователь № 9 953
Возраст: 47
Регистрация: 29.05.2006
Проживает: Эстония
Дневник: 32 записи
Награды:
Репутация: 343° [ + | — ]
Подарков: 77
Дэмани: 2081 D

Тема в уроках.
--------------------
Мои уроки

| · ·

nuberoid | Пост №3 * 23 Января 2010, 18:07 (спустя 2 часа 42 мин.)

offline
шептун
Группа: Размышляющие
Сообщений: 15
Пользователь № 1 076 515
Возраст: 21
Регистрация: 9.01.2010
Проживает: Порт-де-Пакс
Репутация: нет [ + | — ]
Дэмани: 23 D

kedicik, Спасибо, идея супер )) А может можно еще как нибудь добиться эффекта выпуклости?

| · · Авторитетность комментария: 0

geniy67 | Пост №4 * 26 Января 2010, 13:57 (спустя 2 дня 19 часов)

offline
спикер
Группа: Размышляющие
Сообщений: 410
Пользователь № 191 611
Возраст: 64
Регистрация: 19.11.2008
Проживает: Милдура
Репутация: 23° [ + | — ]
Подарков: 3
Дэмани: 569 D

создаете еще один слой рисуете круг размером с глобус
ставите поверх делаете радиальную заливку
центр (цвет белый)ставите alpha=0 края серые методом проб добиваетесь нужного вам оттенка
можно немного добавить прозрачности
Это сообщение отредактировал geniy67 - 26 Января 2010, 13:58

| · · Авторитетность комментария: 0

radji1 | Пост №5 * 27 Января 2010, 11:20 (спустя 21 час 23 мин.)

offline
молчун
Группа: Дебютанты
Сообщений: 3
Пользователь № 272 843
Возраст: 31
Регистрация: 16.12.2008
Проживает: Кишинев
Репутация: нет [ + | — ]
Дэмани: 3 D

Помогите пожалуйста, почему у меня не получается пункт там где карта обтекает шар. Все остальное у меня получилось (имею ввиду вращения), а с этим какая-то ошибочка вышла . я новичок в программе флэш , вероятно я что-то не то сделала. Сам урок очень интересный, спасибо огромное.

| · · Авторитетность комментария: 0

kedicik | Пост №6 * 27 Января 2010, 13:01 (спустя 1 час 40 мин.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 251
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4299 D

radji1, а что не получается?
--------------------
Уроки
Уроки AS3

| · ·

radji1 | Пост №7 * 27 Января 2010, 13:59 (спустя 58 мин.)

offline
молчун
Группа: Дебютанты
Сообщений: 3
Пользователь № 272 843
Возраст: 31
Регистрация: 16.12.2008
Проживает: Кишинев
Репутация: нет [ + | — ]
Дэмани: 3 D

Ура, у меня получилось, спасибо большое!

| · · Авторитетность комментария: 0

radji1 | Пост №8 * 27 Января 2010, 14:04 (спустя 4 мин. 14 сек.)

offline
молчун
Группа: Дебютанты
Сообщений: 3
Пользователь № 272 843
Возраст: 31
Регистрация: 16.12.2008
Проживает: Кишинев
Репутация: нет [ + | — ]
Дэмани: 3 D

я сделала лишний слой над слоем Circle и по этому сбилась с толку...

| · · Авторитетность комментария: 0

Бриз | Пост №9 * 30 Января 2010, 21:37 (спустя 3 дня)

offline
оптимистка
Группа: Размышляющие
Сообщений: 62
Пользователь № 3 000
Возраст: 33
Регистрация: 6.11.2005
Проживает: Тель-Авив
Репутация: 1° [ + | — ]
Дэмани: 106 D

kedicik,спасибо за урок!
Глобусов не нашла, сделала из детских картинок.
kedicik, всё доступно расписано, только у меня мувик получился с нервным тиком
Присоединённые файлы
son.swf ( 84к ) Кол-во скачиваний: 39
--------------------

| · · Авторитетность комментария: 0

kedicik | Пост №10 * 30 Января 2010, 22:16 (спустя 39 мин.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 251
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4299 D

Бриз, в шаге 16 поставили код?
--------------------
Уроки
Уроки AS3

| · ·

Бриз | Пост №11 * 30 Января 2010, 22:27 (спустя 10 мин.)

offline
оптимистка
Группа: Размышляющие
Сообщений: 62
Пользователь № 3 000
Возраст: 33
Регистрация: 6.11.2005
Проживает: Тель-Авив
Репутация: 1° [ + | — ]
Дэмани: 106 D

Да, поставила. Завтра на свежую голову ещё раз проработаю.
--------------------

| · · Авторитетность комментария: 0

Mumu | Пост №12 * 5 Февраля 2010, 21:54 (спустя 5 дней)

offline
говорун
Группа: Размышляющие
Сообщений: 120
Пользователь № 132 791
Возраст: 34
Регистрация: 3.11.2008
Проживает: Бад-Крейцнах
Репутация: 1° [ + | — ]
Дэмани: 148 D

может кому нужен ткой вот. как исходник положить?, не берет fla(((
Это сообщение отредактировал Mumu - 5 Февраля 2010, 22:52
Присоединённые файлы
Globux.swf ( 31.32к ) Кол-во скачиваний: 36
Globux.rar ( 45.7к ) Кол-во скачиваний: 10

| · · Авторитетность комментария: 0

kedicik | Пост №13 * 5 Февраля 2010, 22:01 (спустя 7 мин. 24 сек.)

online
Рычащий!
Группа: Мастера
Сообщений: 3 251
Пользователь № 60 948
Возраст: 31
Регистрация: 29.11.2007
Проживает: Москва
Дневник: 335 записей
Награды:
Репутация: 405° [ + | — ]
Подарков: 104
Дэмани: 4299 D

Mumu, упакуйте
--------------------
Уроки
Уроки AS3

| · ·

Mumu | Пост №14 * 5 Февраля 2010, 22:53 (спустя 51 мин.)

offline
говорун
Группа: Размышляющие
Сообщений: 120
Пользователь № 132 791
Возраст: 34
Регистрация: 3.11.2008
Проживает: Бад-Крейцнах
Репутация: 1° [ + | — ]
Дэмани: 148 D

что то я не сразу сообразила.))) добавила

| · · Авторитетность комментария: 0

nopa1n | Пост №15 * 6 Февраля 2010, 18:56 (спустя 20 часов 2 мин.)

online
молчун
Группа: Дебютанты
Сообщений: 3
Пользователь № 1 134 667
Возраст: скрывает
Регистрация: 1.02.2010
Проживает: Ереван
Репутация: нет [ + | — ]
Дэмани: 3 D

у меня получилось, спасибо большое!

| · · Авторитетность комментария: 0

» Быстрый Ответ

Закрыть все тэги |

Смайлики
Показать всё

Запрещен флуд и бессодержательные комментарии вида: «круто», «спасибо за урок», «обязательно попробую».
Такие сообщения будут удаляться, а их авторы наказываться.

Включить онлайн-уведомления о новых сообщениях в этой теме

1 человек читает эту тему ()
1 пользователь: Lolzero
« Предыдущая тема | Уроки Flash | Следующая тема »

» Похожие темы

Урок по вращению обьекта Мой первый урок | vi? | 35 | 25345 |  | 22 Сентября 2009 - 18:39 » к последнему сообщению
Вращение круга в пространстве Урок | kedicik | 41 | 9898 |  | 24 Сентября 2009 - 08:01 » к последнему сообщению
Проектирование и вращение градиентного логотипа урок | kedicik | 32 | 11554 |  | 19 Января 2010 - 22:17 » к последнему сообщению
Вращение объектов (Actionscript 3) Урок | kedicik | 15 | 7871 |  | 29 Ноября 2009 - 00:37 » к последнему сообщению
урок. Реалистичная поверхность воды. Немного скриптов. Несложный урок. | Gal4onok | 109 | 33080 | +1 | 12 Января 2010 - 18:49 » к последнему сообщению

Быстрый переход по разделам:
Текстовая версия темы

Demiart.ru © 2000-2010. Реклама на Демиарте | Условия использования материалов форума Privacy policy | Powered by Invision Power Board(U) © 2003 IPS, Inc. Настройка и оптимизация сервера — Garrotte VDS-Admin
| Join the Dark Side! We have cookies! |

Это кэшированная страница. Среднее время обновления — раз в 10 минут.
Время выполнения: 0.0216. Запросов к базе данных: 6