Откроем картинку для аватара в фотошопе, а также панель слоев (F7).
(Как видите, я выбрала довольно контрастный исходник)



1. Дублируем исходный слой (Ctrl+J) и добавим к нему маску слоя: Слой - Слой-маска - Показать все (Layer - Layer Mask - Reveal All).



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



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



Загрузим основное изображение в маску, выполнив команду Изображение - Внешний канал (Image - Apply Image), все настройки в выпавшем окне оставим по умолчанию, просто нажав "ОК":



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



Изменим режим наложения для слоя с маской на Осветление (Screen):



3. Приступим к созданию непосредственно самого эффекта.
Для начала поместим слой с маской в группу, для чего выполним команду Слой - Сгруппировать слои (Layer - Group Layers)



В панели слоев появилось изображение папочки:



Снова активизируем слой с маской, один раз кликнув по нему мышкой в панели слоев, и продублируем его (Ctrl+J). Теперь в нашей папочке лежат два одинаковых слоя с масками.



Теперь активизируем слой 1 с маской, щелкнув по нему один раз мышкой и применим к нему размытие в движении: Фильтр - Размытие - Рамытие в движении ( Filter - Blur - Motion Blur):



Установим угол размытия на -45º и выберем длину штриха на свой вкус (я поставила 250)



Теперь активизируем слой 2 с маской и так же применим к нему фильтр Размытие в движении, только теперь установим угол размытия 45º.
Если посмотреть на изображение, то эффект уже немножко заметен, но все еще плохо просматривается, поэтому нам нужно его сделать порезче.
Для этого снова активизируем слой 1 с маской и воспользуемся фильтром: Фильтр - Резкость - Контурная резкость (Filter - Sharpen - Unsharp Mask)



Я выбрала следующие настройки:



Если эффект все еще слабоват, можно его усилить, нажав комбинацию Ctrl+F один или более раз, пока световые линии не станут достаточно ярко выраженными.
(не бойтесь немножко переборщить с резкостью, потому что в дальнейшем мы это все исправим)
Когда добьемся желаемого эффекта, нужно активизировать слой 2 с маской и применить к нему фильтр резкости с теми же настройками, что и к слою 1, пока на изображении не появится перекрестное свечение:



Теперь внимательно посмотрим на получившееся изображение. Может случиться так, что свечение перекроет какие-нибудь детали изображения или окажется, что в каких-то местах мы с резкостью все-таки переусердствовали. Ничего страшного, все поправимо.
Для начала активизируем всю группу слоев (щелкнем один раз мышкой по слою с папочкой в панели слоев) и тоже добавим к ней маску, так же, как мы делали в самом начале урока: Слой - Слой-маска - Показать все (Layer- Layer Mask- Reveal All). Это нужно для того, чтобы работать одновременно с двумя сгруппированными слоями.
В результате панель слоев выглядит вот так:



Теперь возьмем Ластик (Е), выберем для него мягкую кисть с размытыми краями небольшого диаметра и поставим прозрачность на 45-50%:



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



Когда все недочеты устранены, эффект уже выглядит хорошо, и можно сохранить картинку в формате jpeg - получится изображение с эффектом диффузии света.
Но мы пойдем дальше и анимируем картинку.
Продублируем группу слоев: Слой - Дубликат группы:



Кстати, при дублировании группы может стать видно, где ластик поработал плохо, если такое случится, можно снова взять ластик и подтереть лишнее на маске группы-дубликата.
Отключим видимость группы, нажав на глазик:



3. Подготовительная работа окончена, приступаем к анимации, переходим в Image Ready (Shift+Ctrl+M).
Открываем окно с анимацией и окно со слоями (F7 и F11).
В окне анимации дублируем кадр:



Включаем видимость группы-дубликата:



Создаем промежуточные кадры:





В принципе анимация уже готова, можно ее сделать еще плавнее: еще раз продублировать кадр - отключить видимость группы-дубликата - создать такое же количество промежуточных кадров (совет: если вы захотите сделать именно так, то ставьте изначально меньшее количество промежуточных кадров, чтобы анимация весила поменьше).
Сохраните анимацию как gif: Сохранить Оптимизированный Как... /Save Optimized As...

Заливаем серым цветом (#969091).
Ищем подходящее фото. Я выбрала вот такое.

Разрежем фото.
Для этого создадим направляющие.  В верхнем меню программы жмем: просмотр - новая направляющая..., в выпавшей табличке ставим галочку на "вертикальная", положение=0. В результате сверху на фото появится вертикальная линия салатового цвета.  Используя инструмент «Перемещение» (V) сдвигаем линию вправо. И повторяем эти действия еще два раза.

Теперь «разрежем» нашу картинку. Инструментом «Прямоугольная область» по направляющим выделяем кусочки картинки и сохраняем их на отдельный слой (Ctrl + J). Должно получится 4 фрагмента. Так выглядит сейчас палитра слоев

Делаем слой с картинкой невидимым.
Дальше пошел творческий процесс – каждый кусочек нужно немного развернуть (используем  режим свободной трансформации(Ctrl + T)). Кстати направляющие можно убрать инструментом «Перемещение» (V) просто сдвинув их назад.
Можно поработать еще и с каждым кусочком отдельно, с помощью инстумента "Цветовой тон - Насыщенность" (Ctrl+U). На ваш вкус. Можно поэкспериментировать и с другими эффектами. Ниже приведу свои настройки, для примера:
1 – Цветовой тон: +18, Насыщенность -64, Яркость 0.
2 – без изменений,
3 – выделим «лассо» или «Волшебной палочкой»  только ткань под рукой, Ctrl+U: Цветовой тон: -71, Насыщенность 0, Яркость 0. Снимаем выделение Ctrl+D. Выделим только руку, применим уровень (Ctrl + L), входные значения: 0; 1,00; 197. Снимаем выделение Ctrl+D
4 – Цветовой тон: 0, Насыщенность +43, Яркость +29.
И обводим белой каемкой каждый кусочек. Применяем на каждом Стиль слоя – Обводка. Цвет белый, размер 6 пикс.
Осталось разместить информацию.  Подбираем и пробуем разные шрифты, размеры текста, цвет и обводку текста.
Здесь приведу название, цвет и размер шрифта, который использовала я. 
Надписи: -френч, -дизайн, -коррекция, -снятие, -укрепление Био-гелем
Сделаны каждая на отдельном слое, шрифт PG Isadora Cyr Pro, размер 3 пт., цвет# 000000.
Надпись: www.katerina.ru
шрифт  Adventure, размер 9,55 пт., цвет# fbfbfc, в стиле слоя «Обводка», Тип обводки – градиент линейный, черно-белый,  угол 90’, размер 2 пикс. Непрозрачность слоя – 57%, Заливка – 40%.
Надписи: e-mail: privet@mail.ru ; icq: 473-973-130
шрифт Segoe UI , размер 3 пт., цвет # fbfbfc, в стиле слоя «Обводка», Тип обводки – цвет, цвет # 4c4e36.
Надпись: тел.:8-903-624-5359
Шрифт PG Isadora Cyr Pro, размер 6 пт., цвет# fbfbfc, в стиле слоя «Обводка», Тип обводки – цвет, цвет # 4c4e36.
Надпись: Катерина
шрифт PG Isadora Cyr Pro, размер 9 пт., цвет# fbfbfc. В стиле слоя «Тень» (параметры по умолчанию), «Обводка»: Тип обводки – градиент линейный, черно-белый,  угол 90’, размер 2 пикс.

2. Идём Изображение – Кадрировать ( Image – Crop ) и ненужная часть фотографии исчезнет. Снимаем выделение (Ctrl+D).

3. Далее идём Изображение – Размер изображения ( Image – Image Size ) и устанавливаем размер примерно 100 на 100 пкс., ничего если будет побольше, потом всё лишнее обрежем. Можно применить фильтр резкости, и пока оставляем это изображение.

4. Создаём новый файл, для этого идём Файл – Новый файл ( File – New ) или Ctrl + N размером 200 на 200 пкс., заливаем его белым цветом.

5. Выбираем инструмент «Перемещение» ( Move ) ( V ) и перетаскиваем наше уменьшенное изображение на новый файл:



6. Создаём новый слой, для этого нажимаем иконку внизу окна Слоёв:

7. Выбираем инструмент «Кисть» ( Brush ) ( B ), открываем список кистей и выбираем кисти с рамочками, их можно скачать здесь.

Я выбрала вот такую рамочку:



8. Выбираем подходящий цвет для рамки и применяем кисть:



9. Можно так и оставить, только вырезать по размеру 100 на 100 пкс. т.е. выполнить п.10, а можно применить Стиль слоя, идём Слой – Стиль слоя ( Layer – Layer Style ).Я к своему аватару применила Тень( Drop Shadow ), Тиснение ( Bevel and Emboss ), Наложение градиента ( Gradient Overlay ) и Обводку ( Stroke ). У вас будут свои настройки стилей, поэтому свои настройки я вам решила не приводить. Вот что получилось:



10. И осталось последнее – вырезать наш аватар по размеру рамки. Для этого выбираем инструмент «Волшебная палочка» ( Magic Wand ) ( W ) и выделим белую область вокруг аватара.



11. Переходим на слой с фото в панели слоёв и нажимаем « Delete » - удалятся все лишние части фотографии, которые выступали за рамку аватара.

12. Не убирая выделения – инвертируем его ( Ctrl + Shift + I ) и кадрируем как в п.2.

1. Открываем аватар и делаем несколько дубликатов слоя с аватаром ( Ctrl + J ). Если аватар создали только что, то можно рамку оставить на отдельном слое, чтобы потом можно было её поменять на другую.
2. Гасим все слои (кроме нижнего).



3. Выбираем из набора кистей Assorted Brushes вот такую кисть – звёздочку:



Я решила, что у меня на аватаре по Дашиному бантику будет бежать дорожка искорок. Выбираем белый цвет кисти и ставим звёздочку наверху бантика.



4. Переходим на следующий слой, открываем там «Глаз», а на нижнем слое гасим «Глаз» и ставим звёздочку пониже, сем на первом слое.

5. Таким образом, доходим до конца дорожки и теперь переходим в Image Ready , для этого нажимаем нижнее окно на панели инструментов:



6. Открываем окно анимации, если оно закрыто, для этого идём: Окно – Анимация ( Window – Animation ).

7. В окне анимации нажимаем маленький треугольник в правом верхнем углу:



Из открывшегося окна выберем: «Создать кадры из слоёв» ( Make Frames from Layers ).

8. Для первого кадра в окне слоёв откроем глаз на первом кадре и на рамке.



9. Для второго кадра – на втором кадре и на рамке.

10. Когда все кадры выстроятся, выберем частоту появления кадров. Для этого выделим все кадры и нажмём на треугольник под любым кадром и установим частоту смены кадров 0,2 секунды (у вас может быть другая частота).

Часть первая:

Анимация вращения.

Шаг первый:

Создаем новый файл (настройки 300-300 пкс, фон прозрачный):



Берем инструмент "горизонтальный текст":



Настройки у меня:



Пишем текст:



Растрируем текст (можно правой клавишей по файлу и выбрать в выпавшем окне - "растрировать слой":



применяем к нему стили слоя, например (это по желанию, можно не применять :-) )



Все, подготовительный этап закончен, - переходим к трансформации, - вращению.

Шаг второй:

Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )
Вокруг текста появилась рамка трансформации:



Теперь решаем на какой угол мы хотим повернуть наш текст. (360 градусов должно делиться на этот угол без остатка, если мы хотим, чтобы вращение было равномерным). Допустим - на 30 градусов за один кадр. Вводим число 30 сюда смотрим вверху программы):



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



Жмем клавишу Enter для выхода из режима трансформации.
Теперь - мои любимые кнопочки :-)))
Нажимаем сочетание клавиш Ctrl + Alt + Shift + T ((Удобнее - с зажатыми клавишами Ctrl+Alt+Shift просто тыкать на клавишу T). Происходит примерно такое (я добавила фон, - не люблю обводку у гифок):



360:30=12, значит мы жмем сочетание Ctrl + Alt + Shift + T 10 раз, ибо 2 слоя у нас есть уже, а надо - 12. В результате, у нас образуется 12 слоев:



Все, - еще один этап позади. Осталось - анимировать. Советую создать какой-то фоновый слой, нижним, иначе - обводка эта(((

Шаг третий.

(У кого версия photoshop ниже CS 2 - переходим в имадж реди). Мы же открываем палитру анимации:



Отключаем все слои кроме первого (и фонового, если Вы его создали):



В панели анимации, сразу проставляем время кадра и "Forever- всегда":



Кликом сюда (по стрелке) создаем новый кадр в панели анимации:



В палитре слоев включаем второй текстовый слой и отключаем первый:



Снова, - новый кадр в панели анимации:



Снова включаем следующий текстовый слой и отключаем предыдущий:



Аналогично поступаем со всеми остальными слоями.
У нас должно получится 12 кадров в панели анимации. У первого кадра тыкаем по стрелке:



И ставим длительность кадра, допустим, - 2 секунды:



Все, сохраняем файл как gif- анимацию. Вышло (я подрезала):



Можно ускорить, - уменьшить время кадров.

Часть вторая:

Анимация вращения и уменьшения (увеличения).

Повторяем наш Шаг первый: из первой части урока. Опять повторяем это:
Нажимаем сочетание клавиш Ctrl +Alt +T (Переходим в режим свободной трансформации и копируем слой. Расклад клавиатуры - англ.! )
Вокруг текста появилась рамка трансформации:



Проставляем, как в первой части урока угол , допустим 30 градусов и включаем цепочку соблюдения пропорций (по стрелке):



И выбираем на сколько процентов мы хотим уменьшать. Допустим - 10, значит - ставим размер 90 процентов:



Дальше все повторяем, как в первой части урока... нажимаем Enter, потом - сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным, - смотрим, чтобы картинка уменьшилась до нужного нам размера. Происходит такое (я опять добавила фоновый слой):



Анимируем, как в первой части урока. Я начала включать слои, начиная с самого маленького (верхнего слоя), и самым длительным сделала нижний текстовый слой (и подрезала):



Часть третья:

Анимация вращения, уменьшения (увеличения) и перемещения. (трансформация вручную).

Еще немного. Возьмем любую картинку в png:



Снова откроем новый в фотошопе и затащим на него нашу картинку (фоновый слой я залила черным цветом). Встаем на слой с картинкой:



Снова - Нажимаем сочетание клавиш Ctrl +Alt +T. С зажатой клавишей Shift немного уменьшаем картинку, отпускаем Shift, затем - немного поворачиваем, и немного передвигаем влево и вниз:



Дальше все по первой части урока:

Жмем клавишу Enter, Нажимаем сочетание клавиш Ctrl + Alt + Shift + T столько раз, сколько посчитаем нужным (все зависит от нашего замысла) и анимируем: