********************************************************

Здравствуйте. Здесь уже выкладывался урок – как нарисовать горящую свечу. Хочу предложить немного другой вариант с анимацией – тушение свечи.

Итак, создаем документ размером 600x900 и заливаем его черным цветом. Затем, инструментом Лассо или Перо создаем вот такое выделение:

[248x380]

Затем ПКМ и Скопировать на новый слой. Зажимаем СTRL и щелкаем на картинке слоя, чтобы загрузить выделение. Выбираем инструмент Градиент и настраиваем следующим образом: (цвета от светлого к темному – FC9E06, C74602, 9C2901,6D1500, 4D0C01, 3A0901). Заливаем градиентом:

[354x346]

[254x396]

Снимаем выделение СTRL+D. Берем Ластик, размер 100рх с мягкими краями и непрозрачностью 32% стираем низ свечи, чтобы свеча как бы выходила из тьмы.

[244x378]

Нажимаем ПКМ на Слое 1, выбираем Параметры наложения, Внутреннее свечение и настраиваем:

[440x310]

Берем инструмент Размытие с высокой интенсивностью и размером около 65, и пробегаем им по краям свечи.

[296x444]

Выбираем Осветлитель, кисть 21рх, экспозиция 51. И осветляем так:

[262x396]

Осветлителем с экспозицией 17 осветляем область, где должен быть фитиль:

********************************************************

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

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

Давайте теперь непосредственно изучим, как создать этот необыкновенно красивый эффект.

Шаг 1. Создайте новое изображение, а далее слой с объектом (Не Черным!) где Вы хотите добавить этот эффект. Добавьте любые layer-styles (стили слоя), которые  захотите, обязательным является лишь Satin (глянец). Именно от него зависит успех анимации (не обязательно использовать те же самые цвета).

[300x300]

Шаг 2. Как только вы сделали это, Вы должны увидеть забавное сияние на  вашем изображении, примерно как у меня (стиль слоя используйте - глянец-Satin):

[300x300]

Шаг 3. Перейдите в   Image-Ready,  щелкая на нижнюю кнопку:

[300x300]

Шаг 4. Потом  в IR, в палитру слоя и добавить блеск  снова.


Когда Вы кликнете, должно будет появиться следующее окошко:

[300x300]

Шаг 5. Понизьте непрозрачность (Opacity) до  0 %, и создайте новый слой  снова  80 % ;


Щелкните tween – создать промежуточные кадры (кнопка рядом с кнопкой слоя с 3 точками) и сделайте этот слой  предыдущим  7-му слою;

[300x300]

Шаг 6.  Вы могли добавить другой слой, изменить  угол или что –то еще или просто последний 7 кадр сделать одинаковым с 1-ым (для изменения нажмите tween - создать промежуточные кадры), измените настройки.

[300x300]

Шаг 7. Вы можете сделать миллион анимаций , помимо той, что здесь.

********************************************************

Создаем новый документ с размерами по вашему усмотрению. Заливаем его черным цветом.  (Цвет основного фона ставим  84d2fe. Создайте эллипс, используя инструмент  Ellipse Tool (Эллипс).

[400x200]

Нажмите кнопку  Shape layers  (Слой – фигура).

примечание переводчика)

[294x119]

Нажмите Ctrl+T.  Правой кнопкой кликнем по изображению, выбираем Warp (Деформация) и изменяем форму эллипса, как показано на рисунке.

[294x119]

В верхней панели меню нажимаем кнопку   Add to shape area (Добавление к выделенной области). Выбираем инструмент Custome shape Tool (Набор обычных фигур), находим там фигуру Blob 1, она похожа на кляксу с закругленными краями.  На новом слое рисуем руки для привидения.

[216x209]

Скопируйте слой и нажмите Ctrl+T. Отразите по горизонтали и поместите руку с другой стороны.

[216x209]

В верхней панели меню нажмите кнопку Subtract from shape area (Вычитание из выделенной области). Инструментом Ellipse Tool (Эллипс) прорезаем глаза и нос.

[216x209]

Создайте рот призрака, используя инструмент Pen Tool (Перо).

[216x209]

Создайте случайную форму, используя инструмент Перо.

[218x215]

Растеризуйте  слой с привидением –

********************************************************

Итак, я собираюсь показать вам, как сделать динамичную анимацию, с использованием эффекта размытия.

[400x125]

Создайте новый документ с разрешением  400x125 px с прозрачным фоном. Создайте какой-нибудь простой фон. Найдите изображение, которое вам бы хотелось анимировать, как мое, представленное выше.
Я буду работать с этим изображением:

[379x768]

Для начала поместите это изображение на задний фон так, как вам понравится:

[400x125]

Я изменил Blending mode (Параметры смешивания) изображения на Luminosity (Свечение). Я предварительно поиграл с параметрами смешивания, все варианты выглядят симпатично.

Итак, теперь вам нужно дублировать слой изображения, которое вы поместили, и зайти в меню Filter>Blur>Motion Blur (Фильтр > Размытие > Размытие в движении), установите параметр Distance (Смещение) на 25px.
Ваш дублированный слой должен выглядеть примерно так:

[400x125]

На данный момент у вас должно быть три разных слоя:
Задний фон
Простое изображение
И размытое изображение

Итак, теперь мы готовы перейти в редактор Imageready.
Сейчас вам надо спрятать размытый слой:

[211x311]

Теперь вам нужно перейти к окну анимации и продублировать первую рамку:

[450x134]

В то время, как вторая рамка анимации активна, спрячьте простое изображение, а размытое сделайте видимым:

[450x424]

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

[450x340]

Теперь повторяйте это действие, пока не передвинете размытое изображение на другую сторону:

[показать]

********************************************************

Откроем изображение факела.

[188x253]

Вырезаем руку с факелом  любым удобным для вас способом.

[202x267]

[197x264]

[191x267]

Инструментом Lasso  tool  (Лассо) отделите огонь от факела.

[191x267]

Из меню фильтров выберите Liquify (Пластика)

[224x192]

Выберите вперед Warp Tool  (Деформация) и деформируйте огонь  в случайном порядке.

[195x258]

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

[190x263]

Откройте окно анимации. Скройте два дубликата слоя огня для первого кадра.

[380x432]

В палитре анимации сделайте две копии первого кадра.

Для второго кадра, скрыть первый и третий  слой с огнем и отобразить второй слой.

[380x432]

Аналогичным образом для создания дубликатов третьего кадра - скрыть первые два слоя с огнем и сделать видимым третий слой.

[380x432]

Нажмите кнопку

********************************************************

Новый автор нашего сайта Тарас Балацький покажет вам, как сделать анимационный аватар.

-----------------------------

Я вам расскажу, как за пару шагов создать мигающую анимацию.

Сначала открываем фото, с которого будем делать анимацию.

Я взял вот такое фото.

Дублируем слой, нажимая комбинацию клавиш Сtrl+J

К слою "задний план" применяем такие параметры.

Заходим меню Изображение - Уровни (Ctrl + L)

Серый ползунок передвигаем влево до значения 2,37

[400x274]

Далее переходим на верхний слой, снова нажимаем Ctrl + L, там двигаем серый ползунок вправо на 0,42

[400x275]

Переходим в меню Окно и открываем палитру Анимация.

Прячем слой1.

[250x195]

В окне анимации дублируем фрейм.

[450x123]

Открываем глазик у слоя 1,
а задний план наоборот прячем.

В окне анимация устанавливаем цикл "Всегда".

Нажимаем на кнопку Play и смотрим, как проигрывается анимация.

Время каждому кадру вы можете установить самостоятельно.

Затем переходим в меню Файл - Сохранить для web


Устанавливаем формат GIF, 256 цветов.

И у нас готова анимация!

********************************************************
Этот замечательный урок подготовила для Вас Анна Андреева

В этом уроке мы будем создавать забавную анимацию. В главной роли - лягушонок.

1. Создадим новый документ 240х320 пикс с разрешением 72 dpi. (это, возможно, станет скрином для мобильника).

2. На новом слое зальём вот такой градиент, цвета #03ae13 (зелёный) и  #65ccfd (голубой).

[240x320]

3. Применим к слою с градиентом стиль «наложение узора» (Pattern Overlay) с такими настройками. Текстура называется Washed Watercolor Paper.

[386x186]

4.Теперь внимание!!! В палитре «Слои» («layers»), находясь на слое градиента, кликнуть правой кнопкой по значку, обозначающему, что слою придан стиль (рис.4) и выбрать «Образовать слой».

[265x209]

В палитре слоёв произойдут вот такие изменения:

[265x241]

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

5. Перейдём на образовавшийся слой и применим к нему фильтр «Искажение» - «Волна» (Distort - Wave) с такими настройками:

[450x338]

и получится так:

[240x320]

6. Дублируем этот слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:

[240x320]

7.Ещё раз дублируем  слой (а предыдущий «спрячем») и применим к нему тот же фильтр с теми же настройками или просто нажмём Ctrl+F и получится так:

[240x320]

Палитра слоёв выглядит так:

[268x398]

Фон готов!

8.Рисуем лягушку. Свободно, прямо «от руки» мышью, на новом слое, твёрдой круглой кистью (3-5 пикс), чёрным цветом. У меня получилось

*******************************************************

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

Выберите изображение. В нашем случае это изображение новогодней игрушки.


Создайте снежинку с помощью инструмента Произвольная фигура.

[207x262]

Выделите снежинку и перейдите в меню Редактирование - определить кисть (Edit - Define brush) – назовём кисть «Снежинка».

[277x108]

Выберите инструмент кисть. Нажмите F5, чтобы открыть настройки кисти. Выберите кисть и примените параметры, как показано ниже.

[371x470]

[371x470]

[371x470]

Создайте новый слой и примените кисть, как показано ниже.

[323x438]

С помощью инструмента «Лассо» выделите купол. Инвертируйте выделение и нажмите Delete, стоя на слое со снегом, чтобы удалить лишнее.




Режим наложения измените на Перекрытие (Overlay).

[276x332]

Откройте окно анимации (Окно - Анимация).

Для первого кадра ничего не меняем.

[380x317]

Дублируйте слой и немного сместите наши снежинки вниз.

Теперь дублируем кадр (нажмите на ).

[380x317]

Нажмите кнопку Tween (Создать промежуточные кадры). Примените настройки, как показано на рисунке.

[380x317]

У вас должен получиться такой набор кадров.

**********************************************************

Этот урок Photoshop подробно объяснит вам как разместить самолет
в облаках и создать иллюзию глубины проникновения. Позже мы будем использовать
этот самолет для создания короткой анимации в программе ImageReady.

1. Добавляем самолет в небе

Эту картинку неба с облаками мы будем использовать для создания урока:

[400x267]

Откройте панель каналов (channels palette).


Так как мы работаем в RGB, мы увидим три канала;
(R)ed - красный, (G)reen - зеленый и (B)lue - голубой.

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


Это означает - что этот канал очень удобен для создания будущей маски.
Вы скоро поймете почему.

Так, оставьте открытый глаз только напротив красного канала. Кликните
по нему один раз, затем обратитесь в Меню и выберите Select
- All (Выделение - Все).

Продолжите действия, выберите в Меню Edit - Copy (Редактирование - Копировать).


Это действие вытянет картинку с красного канала на рабочий стол. Излишне
говорить, что после этого вы не должны копировать что-либо на это же
место, в противном случае вы можете все потерять.

[400x267]

Удалите выделение, которое все еще активно, выбрав в Меню команы Select
- Deselect (Выделение - Снять выделение) или используйте комбинацию клавиш Ctrl
+ D



Кликните на слое RGB в панели каналов (A), а потом перейдите на панель
слоев (B) и "родная" картинка появится в рабочем окне:

[218x163]

Сейчас мы добавим картинку самолета

Откройте файл, где изображен самолет, выберите инструмент Move на
панели инструментов, кликните на картинке с самолетом, зажмите кнопку
мыши и перетащите самолет в наш документ с облаками, отпустите мышь.

Нажмите на значок
внизу панели layers добавить маску слоя (Add
a layer mask)

Зажмите клавишу Alt и кликните на маске

********************************************************

В этом Фотошоп уроке вы узнаете, как сделать анимацию для фона.

В дальнейшем вы сможете использовать эту технику для изготовления баннера или логотипа на сайт.

Шаг 1.

Создайте новый документ 350х350 px с белым фоном.

Откройте картинку, которую вы будете разрезать, в Фотошоп. Разместите ее в центре вашего документа.

Картинка должна быть меньше, чем сам документ.

[300x300]

Установите Линейки следующим образом (разделите на четыре равные части).

Чтобы сделать этот инструмент активным нажмите
CTRL+R или View > Rulers (Просмотр - Линейки)

[300x300]

Шаг 2.




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

[300x300]

Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.

То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

Шаг 3.



Каждому кусочку картинки примените такие стили:



Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)

Тень:

[250x247]

Обводка:

[250x165]

Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.

[300x300]

Шаг 4.

Теперь оставьте видимым только один слой на фоне (здесь это layer 3)

[180x244]

Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady.




Там также

*****************************************************************

В этом Фотошоп уроке мы сделаем анимацию "Сверкающая звезда".

Вот что получится в результате:

[270x150]

Шаг 1.



Создайте новый документ размерами 150x150 пикселей, фон залейте темно-голубым цветом.

Выберите инструмент , далее из списка выберите фигуру звезды, как показано на рисунке. Цвет для звезды (77DAFF)


Зажмите Ctrl и кликните по звезде в палитре слоев.

и

Далее перейдите в меню Выделение - Модификация - Расширить (selection >> modify > expand) установите параметр 3 , затем создайте новый слой (поверх слоя с фигурой) и залейте выделение вот таким цветом 9FD7ED.

Шаг 2.



Снимите выделение Ctrl + D

Нажмите на внизу палитры слоев, выберите стиль "Тиснение" (Bevel and emboss). Примените такие настройки:

[250x186]

Шаг 3.



Вот так должна выглядеть ваша звездочка.

Шаг 4.




Создайте новый слой.

Установите цвета: 05E7FF - основной, E0EBEC - фоновый.

Загрузите выделение (Ctrl + клик по первой звезде в палитре слоев)
Возьмите линейный градиент и проведите его сверху вниз, как показано на рисунке а).


Далее, возьмите и щелкните по темной области внутри звезды.