В этой статье мы покажем, как использовать Photoshop и ImageReady для создания анимированной рамки, состоящей из милого мигающего узора в форме сердца.
Эта статья была первоначально создана wowtime513 (Posu Yu), сетью обучающих курсов по китайскому языку.
Вот этапы производства:
1. Создайте новый документ размером 150*200 в Photoshop, создайте новый слой, выберите пользовательскую кисть и нарисуйте рамку в форме сердца на слое 1.
2. Нажмите CTRL+J, чтобы скопировать слой 1, и выделите четыре угла сердца отдельно. Вы можете использовать инструмент «Перо» или «Многоугольное лассо», чтобы создать путь, затем нажмите CTRL+ENTER, чтобы преобразовать путь через выделение. и нажмите CTRL+U, чтобы вызвать его. В поле параметров «Цветовой тон и насыщенность» установите оттенок на -155, оставив остальные параметры без изменений.
По очереди окрасьте сердечки в четырех углах синими.
3. CTRL+J Дублируйте слой, тем же методом измените цвет второго сердца с четырех сторон на синий, третьего сердца, четвертого сердца...
Примечание. Дублируйте слой каждый раз, когда меняете цвет. пока все не станет синим.
4. Дублируйте слой 1 — слои с 1 по 7, чтобы получить 16 слоев. При анимации достигается эффект изменения цвета вперед и назад.
5. Дублируйте 6 копий слоя 1, копию 16, копию 17 — копию 21. Каждый слой использует оттенок и насыщенность для настройки другого цвета. Копия 22 — это исходный красный.
6. Дублируйте копию 22 дважды, используйте инструмент «Перо», а также оттенок и насыщенность, чтобы настроить цвет сердца, как показано ниже.
Выделите копии 23 и 24 слоя 1 и скопируйте их дважды, как показано ниже.
В итоге всего получается 29 слоев. Отключите глаз копии слоя 1 — копию слоя 1 28, отобразите только фон и слой 1 и перейдите в ImageReady для анимации.
7. Вызовите панель анимации ImageReady, скопируйте текущий кадр, выберите копию слоя 1 и откройте глаза, закройте глаза слоя 1 и создайте таким образом 29-кадровую анимацию.
Выберите все 29 кадров анимации и установите задержку на 0,1 секунды. Вы можете нажать кнопку воспроизведения, чтобы увидеть эффект, а затем нажать CTRL+SHIFT+ALT+S, чтобы сохранить результаты оптимизации.