[600x89]
Урок № 23
Движение заднего плана
[500x375]
Открываем ФШ , загружаем картинку и в окне слои снимаем замочек , кликнув на него левой кнопкой мыши 2 раза
[485x374]
Идём Изображение - Размер изображения или жмём сочетание трёх клавиш Alt+Ctrl +I . В открывшемся окне можно изменить размер картинки , на тот который вам нужно . Ширину - меняем , а Высота - меняется автоматически
[473x346]
Идём Изображение - Размер холста или жмём сочетание трёх клавиш Alt+Ctrl +C
В открывшемся окне увеличиваем значение Ширины в три раза , т.е. было 500 - ставим 1500 пикселов , Высота - остаётся неизменна . Расположение - центральное
[500x365]
[494x209]
Создадим два дубликата нашего слоя - зажмите слой Картинка мышкой и перетащите 2 раза на листик или жмите сочетание двух клавиш Ctrl+J , всего получим три слоя
[269x244]
Слой Картинка не трогаем , становимся на слой Картинка(копия)и инструментом Перемещение сдвигаем картинку в левую сторону
[492x263]
Жмём Ctrl+T - свободное трансформирование , появилась рамочка для трансформации , кликаем на картинку правой кнопкой мыши и в открывшемся окне выбираем "Отразить по горизонтали" , Enter - применить трансформацию
[493x282]
Теперь становимся на слой Картинка(копия)2 и инструментомПеремещение сдвигаем картинку в правую сторону , и так же применяем трансформацию
[503x291]
Объединим все слои , глазки на всех слоях должны быть включены и стоя на верхнем слое , кликните по нему правой кнопкой мыши и в открывшейся табличке выберите "Объединить видимые"
[396x354]
Между нашими картинками появились швы , которые нужноубрать . Для этого я воспользуюсь инструментом Штамп
[499x362]
Создадим Новый документ : Файл-Новый . Ширину - уменьшаем в три раза , было 1500 пикс. - ставим 500 пикс., Высота - 400 пикс.Содержимое фона - Прозрачный .
[507x236]
Теперь кликаем на нашу картинку , жмём Ctrl+A , вся картинка выделилась пунктиром , жмём Ctrl+C - картинка скопировалась в буфер обмена , кликаем на Новый документ и жмём Ctrl+V - картинка вставилась . Или просто воспользуйтесь инструментомПеремещение и перетащите нашу картинку на Новый документ
[493x388]
В окне Анимации у нас уже есть 1 кадр ,
зададим ему время 0,2 сек.
Создаём кадр 2 , нажатием на листик
[466x157]
И инструментом Перемещение сдвигаем картинку до конца влево
[477x540]
Создадим промежуточные кадры
[463x154]
Я выбрала 20 кадров , можете выбрать меньше (анимация соответственно и меньше будет весить)
[426x266]
Всего получаем 22 кадра , 2 было и 20 промежуточных . 22 кадрудаляем , нажатием на корзину , т.к. он повторяет первый кадр .
[464x157]
Жмём на просмотр и любуемся
[394x49]
Сохраняем : Файл-Сохранить для Web в формате GIF
[500x400]
А как добавить анимацию на картинку , мы рассмотрим в следующем уроке
[500x400]
Источник
Мой урок написан на примере урока от Елены Буяновой и в него внесены дополнения от меня
Уроки от Елены
Сообщество : Самая Лучшая Коллекция Анимационных Картинок и Уроки Фотошопа
|
|