Урок по созданию анимированного юзербара на котором падает снег.
В этом уроке мы рассмотрим, как создать анимированный юзербар на котором будет падать снег. В данном уроке будет использоваться Фотошоп С5 / Photoshop CS5.
Для создания анимированного юзербара нам потребуется любая картинка с персонажем.
Создаем новый документ (Ctrl + N), размером 350х40px и переносим туда картинку.
Пишем любое слово, любым шрифтом.
Теперь перейдем к созданию снега.
Создаем еще один новый документ размером 350х160px. Фоновый слой заливаем черным цветом и создаем новый слой. Затем переименовываем его в «снег»
Теперь выбираем кисть белого цвета мягкой формы и с динамикой рассеивания. Можно выбрать любую кисть для снега, пусть то мягкие кружочки или снежинки… главное, что бы они были разного размера.
Я использовала кисть Char_Paint_Splatter hfpvthjv 50px, которую можно скачать тут.
Хаотично рисуем снег, но старайтесь, что бы у вас не было обрывок снега сверху и снизу так как снег должен падать (в крайнем случае, не получившиеся снежинки подотрите резинкой).
Теперь выбираем слой «снег» и перетягиваем его на юзербар. Устанавливаем его так, что бы нижний край слоя со снегом стоял внизу юзербара.
Расположение картинки на юзербаре: все что находиться на зеленом фоне, находиться за пределом юзербара и будет в дальнейшем опускаться при анимации.
Запускаем панель анимации Window -> Animation (Окно>Анимация). Выставляем для первого кадра – время 0,1сек. Затем создаем еще один кадр.
Теперь передвигаем слой со снегом вниз, аккуратно с помощью клавиши вниз на клавиатуре.
На рисунке показано, как будет располагаться слой со снегом за пределами юзербара.
Теперь нажимаем на кнопку создания промежуточных кадров. И выставляем количество кадров – 20.
И сохраняем!
Заходим File /Save for Web….( Файл/ сохранить для Web…) (Alt+Shft+Cntr+S).
И в параметрах выставляем Gif
Автор урока: Prescilla
Данный материал подготовлен для Вас командой сайта https://naturepix.ru
Аригато за урок ^^
Сяб! Круто получилось!
Суперский урок *-*
домо аригато
вот что получается
Ну как? ^^
Я немного подругому сделал..
вот
Prescilla, а как вставлять анимацию в текст коментария?
вот как-то так) спасибо большое)
Спасибо, урок классный!
Вот результат:
Вечная скиталица, хорошо вышло)
Снег красиво падает.
Только вот глаз наполовину виден, в следующий раз делайте, что бы его было видно больше или невидно вообще. Так как создается впечатление, что его случайно обрезали.
спасибоньки за урок
вот что у меня получилось
нормально???
Спасибо за урок^^ Вот что получилось))) Ну не могла я устоять перед этими глазами ><
Аригатошеньки^^
только вот результат не умею выкладывать((((
СпасибкО за урок, классный!
спасиииибо
мне этот урок очень помог
Ну вот, я сделала по инструкции.
Огромнейшее спасибочки У меня всё вышло
Вроде получилось то что хотел))) Жалко слишком размер большой получился.
Спасибо! Только у меня там ещё один файл был tw12508 я его удалил, остался только tw10428, теперь всё сохраняется, хотя я пробовал несколько разных версий, с разными русификаторами, получается оба кривые были, а я голову всю сломал.
Если при сохранении для вэб фотошоп слетает или выдает ошибку – то проблема чаще всего кроется в том, что вы используете кривой русификатор.
Достаточно вернуть назад родной языковой файл tw10428 в папке Adobe\\Adobe Photoshop CS3\\Required и будет работать, как положено.
При сохранении конечного результата выдаёт такую ошибку и закрывается.
Может чего делаю не так???
Не вижу ни каких пропущенных моментов… Возможно, вам стоит выучить или хотя бы ознакомиться с основами.
Да, можно.
А вы постарайтесь еще раз… Такое впечатление, что по одному клику в фотошопе должно все делаться за вас. Что бы, что-то получилось необходимо старание и усердие.
Я и так предложила кисть, которая рассеивается. Если вам трудно с ней работать возьмите стационарную кисть и тыкайте по слою там, где вам хочется.
А собственно, зачем вам зеленый фон? Им я обозначила, как будет выглядеть слой со снегом за пределами юзербара.
Не вижу в этом нужды.
Для новичка сложновато… Много моментов пропущено, куда нажимать, что выбирать, куда заходить. Было бы куда лучше если бы был видео урок.
У меня есть несколько вопросов:
1. Можно ли сделать это на CS3?
2. При выборе кисти можно ли сделать так что бы снег автоматически рассеялся по всему слою с разным диаметром, а то самому наносить как то не особо красиво выходит.
3. Как сделать так что бы при переносе слоя снег на юзер бар был зелёный фон? При переносе слоя снег нету зелёного фона и слой снег становится такого же размера как и юзер бар.
4. Может ли кто-нибудь сделать видео урок и залить его на ютуб?
Прежде чем писать какие то возмущения по поводу урока прочтите комментарии выше. Перенос картинки уже обсуждался.
"Создаем новый документ (Ctrl + N), размером 350х40px и переносим туда картинку."
я ваще не понимаю как перенести..херь какая-то!
долго мучилась и втыкала
Prescilla,
Спасибки , обязательно выложу что получилось
вот
выложи на radikal.ru, а потом ссылку сюда кинь.
Я попробовал – все получилось !!!!
Супер!!!
(Кстати как мне ее выложить , Prescilla
??? )
Prescilla я двигаю у меня и 1 кадр двигается
удача
Слой со снегом нужно двигать вниз, когда сделан 2 кадр и ты туда перешел. Внимательнее читай урок, там все написано.
Prescilla если я двигаю один и тодже снег то у меня сохраняется простая картинка
Nagato, этот же слой со снегом двигаем вниз (слой со снегом должен быть только 1)
Prescilla а нужно создавать слои
На рисунке показано, как будет располагаться слой со снегом за пределами юзербара.
нужно новый снег передвигать или этотже?
Nagato, надпись не читается (смените цвет либо добавьте обводку), Картинка не просматривается (не понятно, что там нарисовано), а снег не идет, а мигает (я так понимаю у вас 2 слоя со снегом, один стоит на месте, а другой мигает)
Nagato, сделала урок по работе со слоями. Тут подробно описано как перетаскивать картинку.
Prescilla а как перетащить снег на картинку?
Пойдёт я тож занимаюсь именно изготовлением юб.
Юхууууу!!получилось!!!Х)))
Круууууть) Спасибо)
ОГРОМНОЕ СПАСИБО