С помощью этого урока вы сможете научиться делать рамки на свои аватары. Правильно подобранная рамка подчеркиваем главное, завершает картину :)

С чем мы познакомимся в этом уроке: перетаскивание одного изображения на другое, инструмент "Paint bucket tool"

Потребуется знание урока: только Блик (Базовый урок)

У меня есть коллекция готовых рамок с прозрачным фоном. Т.е. вы кладете ее сверху кадров отдельным слоем, и она отображается на всех кадрах анимации. Если нужно, чтобы эта рамка была анимированная, то она накладывается на каждый кадр вашей анимации отдельно - в каждом варианте изменяется то, что вы хотите сделать анимированным в вашей рамке.
В дальнейшем я научу как делать эти рамки с прозрачным фоном самостоятельно.

Делаем анимированную рамку

Случай №1 - "Если изначально аватара неанимированная"

1. Открываем файлы.

Подбираем аватару, которая вам нравится, и рамку, которую вы хотите наложить на нее. (стандартную, из коллекции ниже). Лучше, если оба файла будут одинакового размера (т.е. например 100 на 100), чтобы не пришлось изменять размер рамки в фотошопе.

Примечание: если вам все-таки придется изменять размер выбранной картинки или оббрезать ее, прочтите уроки -

После того как выбрали нужные файлы, откройте и то и другое в фотошопе.

Я буду разбирать пример вот с это картинкой и рамкой:

2. Меняем "режим" рамки.

Для того, чтобы мы смогли перетащить рамку на вашу аватару - необходимо сменить режим ее цветов с индексированного на RGB. Для этого идем в Image - Mode - RGB Color:

3. Накладываем рамку на аватару.

Теперь все просто:
выбираете инструмент "Move tool" (Перемещение) и, зажимая левой кнопкой мыши нашу рамку, перетаскиваем ее на аватару:

  =>>

Фотошоп автоматически создает новый слой с рамкой в вашей аватаре:

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

4. Раскрашиваем рамку.

Теперь мы можем раскрасить нашу рамку. Допустим мы хотим, чтобы сама рамка была оранжевого цвета, а треугольники слева через один мигали разными цветами. Начнем.

Сначала нужно покрасить рамку в оранжевый. Для этого берем инструмент "Paint bucket tol" (Задивка):

Выбираете цвет тут: (тот, которым хотите заливать):

И все, жмете на то место, которое хотите залить

ПРИМЕЧАНИЕ: если вы не попадаете в рамку, слишком мелко - увеличите картинку, пользуясь клавишами на клавиатуре "CTRL" + "+" или "-".

Теперь создадим дубликат слоя с нашей рамкой, правой кнопкой щелкаем по слою с рамкой и выбираем "dublicate layer": (дублировать слой), или жмем на клавиатуре Ctrl +J

На дублированном слое закрашиваем через один треугольники. Подбираем цвета.
Вот, что у меня вышло.

Теперь создадим еще один дубликат слоя с нашей рамкой. Пусть будет "Копия 2"

На этом слое закрашиваем два других треугольника другим цветом:

5. Анимируем рамку.

Для этого переходим в Image Ready. В 9 версии фотошопа это легко сделать нажав вот на эту кнопку:

Или воспользуйтесь сочетанием "горячих клавиш" на клавиатуре: "Ctrl" + "Shift" + "M".

В Имедж Риди в окошке "Animation" (Анимация) делаем 2 копии нашего кадра, нажав ДВАЖДЫ вот на кнопку "Duplicate current frame" (Дублировать активный кадр):

ПРИМЕЧАНИЕ: если у вас нет такого окошка "Animation", то откройте его, зайдя в меню "Window".

Теперь мы видим перед собой три совершенно одинаковых кадра. Выделяем первый и справа в окне "Layers" (слои) убираем "глаз" (щелкнув по нему) рядом со слоями "Копия" и "Копия 2":

Теперь выделяем второй кадр и наоборот ставим глаз рядом с "Копия": ("Копия 2 остается невидимым")

Теперь выделяем третий кадр и в слоях делаем видимыми все слои (т.е. глазик стоит везде):

Теперь можем посмотреть, что у нас вышло, нажав на кнопку "play":

Результат вашей работы может быть и несколько иным:

Чтобы добиться его, нужно изучить урок "Плавный переход между кадрами".

Удачи!

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)