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


Без заголовка 05-03-2011 17:05 к комментариям - к полной версии - понравилось!

Это цитата сообщения Curious2010 Оригинальное сообщение

Создаём анимированный баннер для Вашего сайта

В этом уроке по работе с фотошопом я покажу как можно совсем несложно создать анимированный баннер с рекламой или другим подходящим для Вашего сайта текстом.




[показать]


 


Откроем исходник для баннера, его размер 468х60. Если у Вас нет таких исходников, то баннер, который используется в этом уроке, Вы можете скачать здесь. А вообще можно использовать любой прямоугольник необходимых Вам размеров, залитый какой-нибудь подходящей текстурой.




[показать]




Выберем инструмент "Горизонтальный текст".




[показать]




Напишем на нашем баннере любой текст, я выбрал подходящий для своего сайта.




[показать]




Добавим к тексту стиль слоя. Для этого в палитре "Слои" нажмём на вторую слева иконку fx и выберем стиль "Тень".




[показать]




Появится диалоговое окно "Стиль слоя", выберем примерно такие параметры, которые указаны на рисунке. А вообще, Вы вольны выбрать то, что Вам по вкусу.




[показать]




Добавим обводку чёрным цветом шириной 1 пиксель. Нажмём "Да".




[показать]




small;">Наш текст преобразился.




[показать]




Отключим видимость слоя с текстом и добавим новый текстовый слой. Что-нибудь напишем.




[показать]




Чтобы придать новому слою те же стили слоя, зажмём клавишу Alt и перетащим значок fx с первого текстового слоя на второй.




[показать]




Наш верхний слой получил те же параметры стиля слоя, что и у первого текстового слоя.




[показать]




Таким же образом создадим третий текстовый слой и придадим ему те же эффекты.




[показать]




И наконец создадим последний слой с теми же стилями слоя.




[показать]




Всего получилось четыре слоя с текстом.




[показать]




Разблокируем наш основной слой "Задний план". Для этого левой кнопкой мыши два раза щёлкнем по нему. Появится окно "Новый слой", в котором ничего не меняем, а просто нажимаем "Да".




[показать]




Простым перетаскиванием "Слоя 0" на вторую справа иконку создания нового слоя создадим три копии слоя "Слой 0".




[показать]




Расположим эти слои так, что бы под каждым текстовым слоем находилась копия "Слоя 0".




[показать]




Делаем активным верхний текстовый слой, нажимаем сочетание клавиш Ctrl+E. Тем самым, мы сливаем вместе верхний активный текстовый слой и расположенную под ним копию "Слоя 0".




[показать]




Так же делаем со всеми слоями. В результате у нас останется всего четыре слоя. На этом подготовительная часть работы по созданию анимации закончена.




[показать]




Открываем палитру "Анимация". Для этого выбираем "Окно - Анимация".




[показать]




Мы увидим палитру "Анимация".




[показать]




Нажмём на стрелочку, расположенную в верхнем правом углу палитры и в открывшемся списке выберем "Создать кадры из слоёв".




[показать]




Так как, у нас четыре слоя, то в палитре "Анимация" появится четыре кадра.




[показать]




Выберем время, в течении которого будет показываться каждый кадр. Для этого нажимаем на чёрную стрелочку, находящуюся в нижнем правом углу каждого кадра и в раскрывающемся меню выбираем необходимое нам значение.




[показать]




Затем нажимаем на чёрную стрелочку под первым кадром и выбираем параметры показа анимации - будет показана один раз, всегда или можно выбрать необходимое количество раз. Я выбрал "Всегда".




[показать]




Далее нажимаем на стандартную кнопку проигрывания анимации и смотрим что у нас получилось.




[показать]




Сохранеяем нашу анимацию. Идём в "Файл - Сохранить для Web" или просто нажимаем Alt+Ctrl+Shift+S.




[показать]




В появившемся окне ставим формат Gif, выбираем 256 цветов и нажимаем "Save" (сохранить).




[показать]




В окне сохранения документа выбираем папку, куда мы будем сохранять файл, пишем название для анимации и нажимаем "Сохранить".




[показать]




Вот что у нас получилось.




[показать]

УРОК ВЗЯТ ЗДЕСЬ
вверх^ к полной версии понравилось! в evernote


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

Дневник Без заголовка | ЛюдмилаФёдоровна - Я могу всё! Просто у меня не всё получается. | Лента друзей ЛюдмилаФёдоровна / Полная версия Добавить в друзья Страницы: раньше»