Это цитата сообщения Пятнистый_Щасвирнус Оригинальное сообщение

Анимация аватара: Мозаика



Всем доброго времени суток!

Сегодня попробую предложить вам еще один вариант обработки аватара, эффект которого придуман не мной, но найден в сети (автор - Steve Patterson). Может быть, кому-нибудь понравится.

Также этот эффект можно применять для создания красивого коллажа из фото или картинки.

Для дальнейших издевательств выбрана вот такая картинка:

[показать]



1. Откроем картинку для аватара в фотошопе, а также панель слоев (F7).
Копируем слой с картинкой (Сtrl+J) и создаем еще один новый прозрачный слой (Ctrl+Shift+N). Сейчас панель слоев выглядит вот так:

[показать]

2. Теперь в панели слоев мышкой перетащим прозрачный слой, помещая его между двумя слоями с картинкой:

[показать]

[показать]

3. Нажмем Х (чтобы сделать рабочим цветом белый) и зальем наш прозрачный слой белым цветом (Alt+Backspace):

[показать]

4. Выберем для работы слой-копию (просто щелкнем мышкой в панели слоев по верхнему слою с картинкой), возьмем инструмент Прямоугольное выделение (М) и выделим небольшой квадратик на картинке:

[показать]

5. Не снимая выделения (!) добавим маску слоя к слою-копии:

[показать]

В результате картинка выглядит так:

[показать]

6. Теперь снимем связку слоя и маски, один раз щелкнув мышкой по замочку:

[показать]

7. Добавим внешнее свечение к квадратику: меню Слой (Layer) - Стиль слоя (Layer Style) - Внешнее свечение (Outer Glow)

[показать]

[показать]

Пока свечения не видно из-за того, что у нас белая подложка, так что не волнуемся. :)

8. Продолжим: копируем верхний слой с картинкой (Сtrl+J), берем инструмент Перемещение (V), выделяем миниатюру маски, щелкнув по ней мышкой один раз:

[показать]

Прижимаем мышкой квадратик на картинке и тащим его в какую-нибудь сторону:

[показать]

Видим, что у нас получился второй квадратик с другим участком картинки, а заодно теперь видно и свечение по краям.

[показать]

Сделаем второй квадратик побольше размером: нажмем Ctrl+T, ухватим мышкой какой-нибудь угол и чуть-чуть потянем, чтобы квадратик увеличился, нажмем Enter, чтобы применить трансформацию.

[показать]


9. Повторяем шаг 8 несколько раз, каждый раз сдвигая квадратики в разные стороны и меняя их размер:

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

10. В итоге получилось вот так:

[показать]

Теперь, если отключить видимость у двух нижних слоев - базовой картинки и белой подложки:

[показать]

и сохранить его в формате gif: нажать Alt+Shift+Ctrl+S и поставить следующие настройки в открывшемся окне:

[показать]

то уже получится весьма необычный аватар:

[показать]

11. Этот аватар можно еще и анимировать. Переходим в Image Ready (Shift+Ctrl+M), открываем окно с анимацией и окно со слоями (F7 и F11).

Удаляем два нижних слоя - базовую картинку и белую подложку (щелкаем по ним мышкой в панели слоев и нажимаем на мусорную корзинку внизу панели) [показать]

Отключаем видимость всех квадратиков, нажав на глазик рядом с ними:

[показать]

Дублируем кадр в окне анимации:

[показать]

и включаем видимость нижнего слоя с квадратиком:

[показать]

Снова дублируем кадр и включаем видимость второго слоя со следующим квадратиком:

[показать]

И так продолжаем, пока все не включим видимость всех квадратиков.
Установим время показа у всех кадров - 0,1c, а у последнего - 1с.

[показать]

Осталось сохранить анимацию: меню Файл - Сохранить оптимизированный Как...(Save Optimized As...)

[показать]

Вы можете экспериментировать с количеством кадров, временем их показа, очередностью включения и т.д.

Удачи! Вопросы, критика и демонстрация ваших результатов приветствуются. :)