'Светлое измерение|

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » 'Светлое измерение| » Уроки Photohop » Анимированный баннер в фотошопе


Анимированный баннер в фотошопе

Сообщений 1 страница 11 из 11

1

Сегодня я расскажу как сделать анимированный баннер в фотошоп.
Для начала, какого размера бывают баннеры:
http://i058.radikal.ru/0911/15/98d3f87b1ff3.jpg

Я выбрала размер 120х60. Для начала рисуем фон. На заднем плане.

Потом ищем рисунки, которые вы хотели бы видеть на своем баннере - естественно перед тем, как начать с ними работать в фотошопе, уменьшите их до нужной вам высоты.
Теперь открываем 1 картинку. В окошке "слои" щелкаете на заднем плане правой кнопкой мыши и выбираете надпись "из заднего плана" . Теперь картинка, которую вы хотите вставить слой, а не задний план. Вы берете инструмент перемещение (черная стрелочка на панели инструментов в верзнем правом углу) , ставите свой фон для баннера и картинку рядом и перетаскиваете картику на фон.Готово. Так поступаете с каждой картинкой, которую хотите на баннер поместить.
Надписи
Если вам нужна надпись, и не одна, а например, надписи, которые потом будут сменять друг друга делаете так:

Вам нужно, чтобы надпись Winx Club, например, сменяла надпись Мир Магии. Тогда вы создаете новый слой , и на этом слое создаете надпись Winx Club. Потом также надпись Мир Магии на другом, новом слое.

Анимация
Теперь самое интересное. Нажимаем вкладку Окно, выбираем "Анимация"
Создайте несколько кадров.Теперь выбирайте , что на каком кадре у вас будет. И самое интересное: Теперь, когда вы создали что - то вроде  ключевых кадров - основных  картинок  которые будут друг друга менять нажмите на окошке анимация  кнопочку "создание промежуточных кадров" - эта кнопка выглядит как ленточка пузырьков - она около кнопок воспроизвести и др. Промежуточные кадры создадут эффект плавного перехода между ключевыми (основными)
кадрами. Вот и все! Удачи! Да, сохраняем в формате Сохранить для web!

А вот код

Код:
<a href="URL ВАШЕЙ СТРАНИЧКИ" target=_blank> <img src="URL НУЖНОЙ КАРТИНКИ"border="0"alt="СЛОВО,ПРИ НАВЕДЕНИИ МЫШКИ" width=ШИРИНА КАРТИНКИ height=ВЫСОТА КАРТИНКИ></a>

http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

2

Ириния написал(а):

Вы берете инструмент перемещение (черная стрелочка на панели инструментов в верзнем правом углу) , ставите свой фон для баннера и картинку рядом и перетаскиваете картику на фон.

Ириния я непонимаю как это (объясни пожалуйста)

0

3

Ну, смотри.На 1 картинке, тот инструмент, который надо использовать:
На 2 - то как желательно поставить картинки. Потом ты нажимаешь на ту ту картинку, которую хочешь перенести - у меня это Блум - и перетаскиваешь ее этой черной стрелкой. На 3 картинке то, что должно получиться. Внимание! Желательно, чтобы картинка которую вы хотите перенести и ее фон - т.е. ваш будущий баннер, были ОДНОЙ ШИРИНЫ. т.е. если Вы делаете баннер шириной 120 пикселей, то картинка где у меня Блум, тоже должна быть не более этой ширины.

0

4

А как ты сделала что у тебя на 2 картинки фон и картинка стали вместе веднется

0

5

Открой оба изображения, потом нажми на кнопочку, которая между кнопами "закрыть" и "свернуть". И та и другая картинка откроются как у меня. Т.е. ты откроешь 1 картинку не в полном окне и 2 тоже =)

0

6

Ириния написал(а):

Открой оба изображения, потом нажми на кнопочку, которая между кнопами "закрыть" и "свернуть"

а покажи мне это на скрипте пожалуйста

0

7

Вот:

0

8

Да нет,как у тебя на второй картинке сразу 2 картинки повилось

0

9

Ну, сначала ты создаешь новый документ - фон, потом открываешь то, что хочешь переместить.

0

10

Нажимаем вкладку Окно, выбираем "Анимация".

Это как? У меня такого нету...  http://forumupload.ru/uploads/0002/25/06/8548-1.gif

Отредактировано Ст@ся (2009-12-17 20:11:06)

0

11

Ст@ся
А у тебя же нет Фотшопа А на Онлайне тоже нет!!

0


Вы здесь » 'Светлое измерение| » Уроки Photohop » Анимированный баннер в фотошопе