Делаем анимированный баннер
|
|
Marabuk | Дата: Пятница, 29.10.2010, 14:04 | Сообщение # 1 |
Легенда сайта
Группа: Модераторы
Награды: 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 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| Marabuk, ты молодец! очень интересная и полезная заметка, все подробно и понятно написано! приду домой обязательно испытаю твои советы на практике!
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Понедельник, 01.11.2010, 10:44 | Сообщение # 3 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Спасибо! Будут вопросы-обращайся!
|
|
| |
Туана | Дата: Понедельник, 08.11.2010, 15:18 | Сообщение # 4 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| привет Marabuk! все в основном понятно, но я не как могу найти у себя "Image Ready" (что это такое?), чтобы перейти к анимации (у меня русская версия).
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Понедельник, 08.11.2010, 16:30 | Сообщение # 5 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Туана, я сама долгое время не могла заняться анимацией, потому что у меня была старая версия Фотошопа (хотя тоже русифицированная). Потом узнала, что 5 и более поздние версии Ф. имеют встроенный Image Ready для анимации. И теперь у меня (не знаю, какая именно версия) Фотошоп с Image Ready. А если он (Image Ready) есть, то перейти в него легко - 4 шаг с картинкой-гидом.
|
|
| |
Туана | Дата: Среда, 10.11.2010, 10:06 | Сообщение # 6 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| Значит анимация "не дано" Добавлено (10.11.2010, 10:06) --------------------------------------------- Marabuk, я анимацию у себя нашла (версия 10.0), но теперь проблема "как сохранить?" что бы можно было показать, а то у меня если с анимацией то только в формате фотошопа?
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Среда, 10.11.2010, 10:58 | Сообщение # 7 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Т.е. Image Ready у тебя нет, а Анимация есть в меню Окна (встроена в сам Фотошоп)? А когда сохраняешь, тебе пишут ведь формат Фотошопа? Кликни по нему, должна развернуться лента с разными форматами: обычно анимации сохраняются в формате gif.
|
|
| |
Туана | Дата: Среда, 10.11.2010, 11:03 | Сообщение # 8 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| Ага точно, я ее добавила просто как панель. А про сохранение, я выбирала формат gif, но он мне сохраняет только один какой либо слой, т.е. картинку
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Среда, 10.11.2010, 11:20 | Сообщение # 9 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Странно... А у тебя в меню Файл только 2 способа сохранения: Сохранить и Сохранить как...? (тогда ты выбираешь второе) Или есть ещё что-то типа Сохранить оптимизировав/с оптимизацией?
|
|
| |
Туана | Дата: Среда, 10.11.2010, 12:04 | Сообщение # 10 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| У меня такие варианты
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Среда, 10.11.2010, 12:08 | Сообщение # 11 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Попытайся ещё раз, выбрав "Сохранить для Web..."
|
|
| |
Туана | Дата: Среда, 10.11.2010, 12:11 | Сообщение # 12 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| А когда я это выбираю, у меня программа вылетает и пишет "Отправлять или Не отправлять отчет" Добавлено (10.11.2010, 12:11) --------------------------------------------- А может еще в каком-нибудь формате можно сохранить?
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Marabuk | Дата: Среда, 10.11.2010, 12:33 | Сообщение # 13 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Quote (Туана) у меня программа вылетает и пишет "Отправлять или Не отправлять отчет" Да, бывает и такой косяк в программе. Люди подсказывают решение: "Не могу сохранить анимацию в меню Файл/Сохранить для WEB устройств, Photoshop выдаёт ошибку и закрывается. Что делать?" - "В этом случае нужно сделать следующее: Диск C/Program Files/Adobe/Adobe Photoshop CS3/Required/ и удалить файл - tw12508.dat." Но я не знаю, насколько это поможет и не навредит ли работе программы
|
|
| |
Marabuk | Дата: Среда, 10.11.2010, 12:44 | Сообщение # 14 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| Туана, но ещё попробуй (не меняя в программе)- просто нажми Сохранить, а он должен спросить "Сохранить оптимизированный как" и тогда ставь ему свои условия: GIF и всё такое)))
|
|
| |
Туана | Дата: Среда, 10.11.2010, 12:48 | Сообщение # 15 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| Пойду попробую........
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |
Туана | Дата: Среда, 10.11.2010, 12:57 | Сообщение # 16 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| Ураааааааааааааааааааа!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! (я удалила тот файл - время покажет нужен он был или нет) Добавлено (10.11.2010, 12:57) --------------------------------------------- А почему он тут не мелькает, а только когда его открываешь в отдельном окне?
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
Сообщение отредактировал Туана - Среда, 10.11.2010, 13:29 |
|
| |
Marabuk | Дата: Среда, 10.11.2010, 13:05 | Сообщение # 17 |
Легенда сайта
Группа: Модераторы
Награды: 100
Репутация: 117
Статус:
Женщина
| А ты через Радикал добавляла картинку?
|
|
| |
Туана | Дата: Среда, 10.11.2010, 13:21 | Сообщение # 18 |
Местная знаменитость
Группа: Друзья
Награды: 72
Репутация: 64
Статус:
Женщина
| нет, но спасибо за совет. Я им воспользовалась!
Колдовала, колдовала, ночью с бубном танцевала И к утру, почти в рассвет появился интернет!
|
|
| |