Уроки Фотошоп Уроки Фотошоп Скачать для Фотошоп

скачать

Уроки Фотошоп

Уроки Фотошоп

Скачать PhotoShop CS6
главная в избранное карта сайта контакт

Уроки Photoshop

Советы по фотошоп


Советы по фотошоп


Gif-анимация: ошеломляющий эффект
Михаэль Баумгардт - наиболее авторитетный и известный в Германии автор книг по веб-дизайну и издательским средствам. Более 17 его книг опубликованы в Германии и США. Он является одним из главных специалистов в данной области, а его труд Web Design with Photoshop ("Веб-дизайн средствами Photoshop") считается основной книгой по этой теме. Эта книга переводится и издается во всем мире. Многие из разработанных им методик используются сейчас веб-дизайнерами и сделали их поклонниками системы Photoshop.

Вы хотите создать рекламный баннер, привлекающий внимание посетителей? Один из самых простых способов сделать это - организовать "замещение" одного изображения другим. Применение этой техники позволяет использовать файлы почти такого же размера, как и при простом переключении изображений.
1. Создайте набор слоев.
Для использования этой техники все слои следует включить в наборы слоев. Для каждого эффекта замещения требуется один набор слоев. Если впоследствии исходное изображение должно появиться снова, Вам необходимо скопировать первый набор слоев при помощи команды "Создать дубликат набора слоев" во всплывающем окне палитры "Слои".


2. Добавьте слой-маску.
Для каждого из наборов слоев (кроме самого нижнего) нужно создать слой-маску. Выделите набор слоев и щелкните мышью на значке слой-маски в нижней части палитры "Слои".


3. Отключите связи слой-масок.
Секрет создания эффекта стирания заключается в анимации слой-маски, независимой от содержимого слоя. Для этого нужно отменить связь слой-маски и слоя щелчком на значке с цепью, находящемся между миниатюрами слоя и слой-маски.


4. Залейте первую слой-маску.
Следующий шаг - сделать слои прозрачными путем заливки слой-маски 100 %-ным черным цветом - это полностью скроет содержимое слоя. Начните с самого верхнего слоя (это позволит Вам следить за происходящим) и выделите слой-маску, щелкнув на ней и залив ее при помощи инструмента "Заливка" или команды "Редактирование > Заливка".




5. Залейте вторую слой-маску.
Выделите вторую слой-маску и залейте ее черным цветом. Самый нижний слой должен теперь быть виден, т. к. оба вышележащих набора слоев получили прозрачные слои-маски. Откройте палитру "Анимация" ("Окно > Анимация") и создайте в палитре "Анимация" новый кадр. При переходе к следующему этапу важно оставить активным второй кадр в палитре "Анимация". Если он не активен, щелкните на нем мышью и переходите к следующему шагу.
6. Анимируйте слой-маску.
Щелкните мышью на слой-маске второго набора слоев (в нашем примере среднего) и включите в палитре инструментов инструмент "Перемещение". Вы можете теперь переместить слой-маску, удерживая клавишу Shift нажатой (чтобы движение было строго горизонтальным), но проще, удерживая клавишу Shift, нажимать на стрелку вправо до тех пор, пока слой-маска не сместится вправо до предела.


7. Перемещение второй слой-маски.
Выделив последний кадр (в окне "Анимация"), создайте еще два ключевых кадра щелчками на значке "Новый кадр" в нижней части палитры "Анимация". Сначала выделите последний кадр, затем выделите слой-маску самого верхнего слоя в палитре "Слои". Снова включите инструмент "Перемещение" и переместите маску вправо при помощи клавиш со стрелками. Самый нижний слой будет постепенно снова становиться видимым.



8. Создайте промежуточные кадры
Для создания анимации необходимо вставить промежуточные кадры между готовыми кадрами. Это можно сделать при помощи команды "Создать промежуточные кадры", которая автоматически вставляет кадры. Выделите первые два кадра и примените команду "Создать промежуточные кадры" в выпадающем меню палитры. Вставить можно любое количество кадров, но обычно следует ограничиться 10-20 кадрами.
9. Создайте промежуточные кадры для последних двух кадров.
Выделите последние два ключевых кадра и повторите ту же процедуру. Это завершит создание анимационного цикла. Если Вы хотите, чтобы Ваша анимация воспроизводилась циклически, выберите в палитре "Анимация" опцию "Всегда".
10.Установите время задержки и воспроизведение анимации.
После каждого выполнения эффекта замещения Вы, видимо, захотите приостановить анимацию на некоторое время. Выделите последний кадр после завершения замещения и установите задержку, равную 2 секундам. Затем выделите самый последний кадр анимации и также установите 2-секундную задержку. Для просмотра анимации щелкните мышью на кнопке "Воспроизведение". Лучше всего просматривать анимацию в браузере, щелкнув на кнопке "Просмотр в браузере" в палитре инструментов, т. к. только это позволяет точно увидеть, как анимация будет выглядеть.













Советы Фотошоп


Скачать для Фотошоп

Уроки Фотошоп © 2005-