Вам понадобится
  • - Adobe Photoshop
Инструкция
1
Откройте Adobe Photoshop и создайте в нем новый документ: нажмите горячие клавиши Ctrl+N, в новом окне в полях «Ширина» и «Высота» задайте по 500 пикселей и нажмите «Создать».
2
Анимация в Adobe Photoshop создается при помощи манипуляции со слоями, которые находятся в одном единственном документе. Поэтому далее вам нужно снабдить этот документ, т.е. тот, который вы создали в первом шаге инструкции, всем необходимым. Загрузите в Photoshop две картинки: чью-либо фотографию (она будет появляться в рамочке) и красивую картинку для фона, к примеру несколько цветов крупным планом, как на заглавной картинке. Чтобы загрузить в Photoshop изображение нажмите Ctrl+O, выберите файл и кликните «Открыть».
3
Сравните размеры загруженных картинок и документа, созданного в первом шаге инструкции (его размер, как вы знаете, 500 на 500). Чтобы узнать габариты картинки, выберите ее и нажмите Alt+Ctrl+I. Значения в полях «Ширина» и «Высота», которые в свою очередь находятся в области «Размерность» открытого окна, - это и есть размеры картинки. Если фото для рамки слишком большое, уменьшите его, принимая во внимание то, что оно должно адекватно отображаться в будущей рамке. То же самое и с картинкой для фона, изменяя ее размер, постарайтесь, чтобы она, с одной стороны, не была слишком размытой, а с другой – помещалась бы в размеры 500 на 500. Для этого введите необходимые параметры в поля «Ширина» и «Высота» и нажмите ОК.
4
При помощи инструмента «Перемещение» перетяните картинки на документ, который вы создали в первом шаге инструкции. Тем самым вы создали на этом документе новые слои. Слой с фотографией сделайте невидимым: найдите его в списке слоев (он находится в окне «Слои», а если это окно отсутствует, нажмите F7), выберите и установите пункт «Непрозрачность» на 0%.
5
Выберите слой с фоновой картинкой и «Перемещением» выровняйте его должным образом. Создайте новый слой: нажмите Ctrl+Shift+N и в новом окне сразу нажмите ОК. Убедитесь, что у вас выбран вновь созданный слой и активируйте инструмент «Овальная область», а в его настройках щелкните на пункте «Вычитание из выделенной области». Создайте два овала, которые по вашей задумке будут внешней и внутренней стороной рамки. Выберите инструмент «Кисть» и красным цветом закрасьте область между овалами.
6
Нажмите Ctrl+D, чтобы отменить выделение. Выберите «Волшебную палочку» и кликните в любом месте в центре рамки. Выделится область внутри рамки. Кликните по этой области правой кнопкой мыши, выберите «Инверсия выделенной области» и нажмите Ctrl+J. Появится еще один слой – дубликат фоновой картинки с отверстием для рамки. В списке слоев поместите фотографию с человеком между этим дубликатом и самой фоновой картинкой. Если вы немного запутались, то напомним порядок слоев сверху вниз: рамка, фон с отверстием, фотография, фон, задний план (до сих пор вы не проводили с ним никаких манипуляций). Сделайте невидимым слой с рамкой: выберите его и задайте «Непрозрачность» на 0%. Приготовления закончены, теперь приступайте, собственно, к созданию gif-анимации.
7
Нажмите пункт меню «Окно» > «Анимация». В появившемся окне находится на данный момент один только кадр. Кликните по нижней части кадра и в открывшемся списке выберите «0,1 сек» - это время появления этого (и последующих) кадра на экране. Нажмите на «Создание копии выделенных кадров» (появится еще один кадр). В списке слоев выберите слой с рамкой и сделайте его «Непрозрачность» на 100%.
8
Кликните на «Создание промежуточных кадров» в окне анимации. В новом окне в поле «Добавить кадров» впишите «5» и нажмите ОК. Появятся дополнительные 5 кадров, отображающие анимацию появления рамочки. Выделите последний кадр, а затем сделайте параметр «Непрозрачность» слоя с фотографией тоже 100%. Снова нажмите на «Создание промежуточных кадров» и добавьте 5 кадров. Теперь у вас появилась анимация появления фотографии. Нажмите на Play, чтобы просмотреть анимацию полностью.
9
Чтобы сохранить результат, нажмите Alt+Ctrl+Shift+S, в новом окне задайте «Постоянно» в поле «Параметры просмотров» и нажмите «Сохранить». В новом окне укажите путь для файла, его имя и тоже нажмите «Сохранить».