Приветствую Вас Гость | RSS
Четверг, 29.06.2017, 08:40

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Marabuk 
Форум » Уголок творчества » Photoshop » Делаем анимированный баннер (Урок по созданию простенькой анимации.)
Делаем анимированный баннер
MarabukДата: Пятница, 29.10.2010, 14:04 | Сообщение # 1
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Добро пожаловать!
Пусть вас не смущает, что после простенького урока про слои Фотошопа мы сразу перешли к рисованию и анимации.
Просто моя цель не написание учебника "Фотошоп для чайников". А я стараюсь, чтобы уроки чередовались по сложности, и чтобы всем в итоге было интересно)))

Создание анимированного баннера.
Баннер (англ. banner — флаг, транспарант) — графическое изображение рекламного характера. Баннеры размещают для привлечения потенциальных клиентов или для формирования имиджа.
1) Итак мы начинаем создавать стандартный баннер со следующими размерами: 468х60 (пикселей). Зайдите в меню Файл-Новый (File-New) и укажите в настройках параметры будущего баннера:

Вот, что получится с такими параметрами:

2) Далее выбираем фон для нашего баннера. Можно залить его каким-нибудь цветом (Edit-Fill-Color)
Но мне понравилась новогодняя картинка и я её использую в качестве фона)))

3) Следующий шаг-это информация, которую будет нести баннер.
Выбираем в Инструментах [Т] и вводим на баннер нужный нам текст. Создаем новый слой для каждой части нашего текста, если мы хотим мультиплицировать их по отдельности.
4) Переходим в Image Ready:

В Image Ready работаем в окне Анимации/Animation: создаем слои-кадры (такой же чистый листочек как в Фотошопе), под каждым кадриком устанавливаем время (секунды, доли секунды, когда появляется каждое слово).
И в палитре слоев нажимаем на "глазки"-делаем видимыми или невидимыми нужные нам слои.


В конце нажимаем на треугольничек Play и просматриваем, что получилось. Если надо, то подкорректировали время задержки кадров.

5) Сохраняем нашу анимацию в формате gif (File-Save Optimized as...)

Вот, что в итоге получилось (моя анимация чуть-чуть посложней из-за дополнительных слоев):


 
ТуанаДата: Понедельник, 01.11.2010, 08:40 | Сообщение # 2
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
Marabuk, ты молодец! очень интересная и полезная заметка, все подробно и понятно написано! приду домой обязательно испытаю твои советы на практике! book

Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Понедельник, 01.11.2010, 10:44 | Сообщение # 3
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Спасибо! Будут вопросы-обращайся!

 
ТуанаДата: Понедельник, 08.11.2010, 15:18 | Сообщение # 4
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
привет Marabuk!
все в основном понятно, но я не как могу найти у себя "Image Ready" (что это такое?), чтобы перейти к анимации (у меня русская версия).


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Понедельник, 08.11.2010, 16:30 | Сообщение # 5
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Туана, я сама долгое время не могла заняться анимацией, потому что у меня была старая версия Фотошопа (хотя тоже русифицированная). Потом узнала, что 5 и более поздние версии Ф. имеют встроенный Image Ready для анимации. И теперь у меня (не знаю, какая именно версия) Фотошоп с Image Ready.
А если он (Image Ready) есть, то перейти в него легко - 4 шаг с картинкой-гидом.


 
ТуанаДата: Среда, 10.11.2010, 10:06 | Сообщение # 6
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
Значит анимация "не дано" sad

Добавлено (10.11.2010, 10:06)
---------------------------------------------
Marabuk, я анимацию у себя нашла (версия 10.0), но теперь проблема "как сохранить?" что бы можно было показать, а то у меня если с анимацией то только в формате фотошопа?


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Среда, 10.11.2010, 10:58 | Сообщение # 7
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Т.е. Image Ready у тебя нет, а Анимация есть в меню Окна (встроена в сам Фотошоп)?
А когда сохраняешь, тебе пишут ведь формат Фотошопа? Кликни по нему, должна развернуться лента с разными форматами: обычно анимации сохраняются в формате gif.


 
ТуанаДата: Среда, 10.11.2010, 11:03 | Сообщение # 8
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
Ага точно, я ее добавила просто как панель.
А про сохранение, я выбирала формат gif, но он мне сохраняет только один какой либо слой, т.е. картинку


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Среда, 10.11.2010, 11:20 | Сообщение # 9
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Странно...
А у тебя в меню Файл только 2 способа сохранения: Сохранить и Сохранить как...? (тогда ты выбираешь второе)
Или есть ещё что-то типа Сохранить оптимизировав/с оптимизацией?


 
ТуанаДата: Среда, 10.11.2010, 12:04 | Сообщение # 10
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
У меня такие варианты

Прикрепления: 0963536.jpg(128Kb)


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Среда, 10.11.2010, 12:08 | Сообщение # 11
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Попытайся ещё раз, выбрав "Сохранить для Web..."

 
ТуанаДата: Среда, 10.11.2010, 12:11 | Сообщение # 12
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
А когда я это выбираю, у меня программа вылетает и пишет "Отправлять или Не отправлять отчет" sad

Добавлено (10.11.2010, 12:11)
---------------------------------------------
А может еще в каком-нибудь формате можно сохранить?


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
MarabukДата: Среда, 10.11.2010, 12:33 | Сообщение # 13
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Quote (Туана)
у меня программа вылетает и пишет "Отправлять или Не отправлять отчет"

Да, бывает и такой косяк в программе.
Люди подсказывают решение: "Не могу сохранить анимацию в меню Файл/Сохранить для WEB устройств, Photoshop выдаёт ошибку и закрывается. Что делать?" - "В этом случае нужно сделать следующее: Диск C/Program Files/Adobe/Adobe Photoshop CS3/Required/ и удалить файл - tw12508.dat."
Но я не знаю, насколько это поможет и не навредит ли работе программы sad


 
MarabukДата: Среда, 10.11.2010, 12:44 | Сообщение # 14
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
Туана, но ещё попробуй (не меняя в программе)- просто нажми Сохранить, а он должен спросить "Сохранить оптимизированный как" и тогда ставь ему свои условия: GIF и всё такое)))

 
ТуанаДата: Среда, 10.11.2010, 12:48 | Сообщение # 15
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
Пойду попробую........

Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
ТуанаДата: Среда, 10.11.2010, 12:57 | Сообщение # 16
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
Ураааааааааааааааааааа!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

(я удалила тот файл - время покажет нужен он был или нет)

Добавлено (10.11.2010, 12:57)
---------------------------------------------
А почему он тут не мелькает, а только когда его открываешь в отдельном окне?


Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!


Сообщение отредактировал Туана - Среда, 10.11.2010, 13:29
 
MarabukДата: Среда, 10.11.2010, 13:05 | Сообщение # 17
Легенда сайта
Группа: Модераторы
Сообщений: 1221

Награды: 100
Репутация: 117
Статус: :-(
Женщина
А ты через Радикал добавляла картинку?

 
ТуанаДата: Среда, 10.11.2010, 13:21 | Сообщение # 18
Местная знаменитость
Группа: Друзья
Сообщений: 1025

Награды: 72
Репутация: 64
Статус: :-(
Женщина
нет, но спасибо за совет. Я им воспользовалась!

Колдовала, колдовала, ночью с бубном танцевала
И к утру, почти в рассвет появился интернет!
 
Форум » Уголок творчества » Photoshop » Делаем анимированный баннер (Урок по созданию простенькой анимации.)
Страница 1 из 11
Поиск:

Обратная связь | Форум | Стол заказов | Мы в контакте



Design by Lilac © 2009 - 2017 год |
Сайт некорректно работает в браузере Internet Explorer.