ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 76 гостей и нет пользователей

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Дрожащая анимация в фотошопе

Дрожащая анимация

в фотошопе

 

Всем привет!

Сегодня мы будем создавать анимацию дрожащего текста.

Такую анимацию можно использовать на сайтах, в блоге, на заставке на телефон и т.д.

Сначала мы создадим новый документ и зальем фоновый слой черным цветом.

Затем установим шрифт из папки с исходниками и напишем текст.

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

В завершение урока "Дрожащая анимация в фотошопе" мы перейдем в панель анимации и «оживим» нашу картинку.

 

Дрожащая анимация в фотошопе

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Размер холста и количество слоев напрямую влияют на вес анимации. Учитывайте это, если будете использовать другие размеры изображения.

1

В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.

2

Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

3

Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.

4

5

6

Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.

7

Активируем инструмент Текст. Пишем слово «Ужас». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста.

8

9

10

11

В панели слоев кликаем ПКМ по текстовому слою и выбираем «Растрировать текст».

12

13

В панели слоев создаем 3 дубликата текстового слоя (Ctrl+J). Переименовываем слои снизу вверх в «1», «2», «3» и «4».

14

15

В панели слоев скрываем видимость всех слоев, кроме слоя «Фон» и «2». Чтобы скрыть видимость слоя, нажмите в панели слоев на «глазик» около слоя.

16

При активном в панели слоев слое «2» переходим в меню Фильтр-Искажение-Рябь и вводим настройки, как на картинке ниже.

17

18

19

Делаем видимыми в панели слоев слои «Фон» и «3». При активном в панели слоев слое «3» переходим в меню Фильтр-Искажение-Рябь и вводим настройки, как на рисунке ниже.

20

21

22

В панели слоев оставляем видимыми слои «Фон» и «4». При активном в панели слоев слое «4» снова переходим к фильтру Рябь и вводим следующие настройки.

23

24

25

Переходим в меню Окно-Шкала времени.

26

Далее кликаем по кнопке «Создать шкалу времени для видео».

27

Нажимаем на иконку, отмеченную ниже.

28

Появится следующее окно.

29

При активном первом кадре анимации оставляем видимыми в панели слоев слои «Фон» и «1».

30

31

Создаем новый кадр и делаем видимыми в панели слоев слои «Фон» и «2».

32

33

34

В панели анимации (шкале времени) создаем третий кадр и оставляем видимость слоям «Фон» и «3» в панели слоев.

35

36

Четвертый кадр – слои «Фон» и «4».

37

38

Создаем еще три кадра и располагаем на них слои в обратном порядке.

5-ый кадр – видимые слои «Фон» и «3»».

39

40

6-ой кадр – делаем в панели слоев видимыми слои «Фон» и «2».

41

42

7-ой кадр – видимые слои «Фон» и «1» в панели слоев.

43

44

Кликаем по первому кадру и устанавливаем время проигрывания кадра 0,5 секунды.

45

При помощи клавиши Shift выделяем остальные кадры и устанавливаем время проигрывания кадра 0,1.

46

Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.

47

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

48

Если все устраивает, то остается только сохранить анимашку. Для этого переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.

49

В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.

50

Анимация дрожащего текста готова! Урок "Дрожащая анимация в фотошопе" завершен.

финальный результат

Отличного настроения и творческих успехов!

 

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Печать

Понравилось? Поделитесь:

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты!
После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Для отображения Аватара (вашей картинки) необходимо на ту же почту иметь аккаунт на - Gravatar, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Как убрать пятна на фо…

Видеоуроки

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

Читать далее

Как сделать открытку …

Уроки рисования в фотошопе

  Как сделать открытку к 8 марта в фотошопе   Всем привет! Сегодня мы будем создавать открытку к празднику 8 Марта. Скоро наступит первый праздник весны – 8 Марта. Я предлагаю подготовиться к этому замечательному...

Читать далее

Режимы наложения в фо…

Обработка фотографий в фотошопе

  Режимы наложения в фотошопе. Что это такое и как использовать. Часть 1.   Режимы наложения или по-другому, режимы смешивания задают алгоритм, по которому смешиваются цвета исходного и накладываемого изображений для получения результирующего.    

Читать далее

Тонирование фотограф…

Обработка фотографий в фотошопе

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

Читать далее

Бонусный урок по заме…

Видеоуроки

    Бонусный урок по замене неба (для мини-курса "Обработка зимней фотографии")   У Вас много снимков с выбитым, белым небом? Я думаю, да. У меня их тоже полно. На первый взгляд, заменить небо на таких фотографиях, очень...

Читать далее

Как сделать ледяной т…

Уроки фотошопа текст

  Как сделать ледяной текст в фотошопе   Всем привет! Сегодня мы будем создавать ледяной текст. Однажды, в студеную зимнюю пору… мы возьмем и заморозим текст! Сначала мы создадим новый документ, создадим новый градиент и зальем им...

Читать далее

Как удалить паразитны…

Обработка фотографий в фотошопе

  Как удалить паразитные оттенки в фотографии   Продолжаем предыдущий урок, в котором мы разобрали формулы для определения правильных цветовых оттенков цвета. Сегодня у нас практика. Будем учиться на фото исправлять проблемные (паразитные) цвета.   [button style="bubbles" url="https://www.photoshopsunduchok.ru/uroki/fotograf/5520-obrabotka-zimnej-fotografii...

Читать далее

Видео курс "Мастер …

Видеоуроки

Видео курс "Мастер выделения 2.0"   Вопрос: «Как часто возникает проблема выделения нужных областей от фона?». Ответ: «Почти всегда». Вопрос: «Для чего это нужно?». Ответ: «Для коррекции только выделенной области, для отделения объекта от фона...

Читать далее

Как убрать паразитный…

Обработка фотографий в фотошопе

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

Читать далее

Мини-курс "Обработк…

Обработка фотографий в фотошопе

  Мини-курс: "Обработка зимней фотографии"   В новом мини-курсе рассмотрен способ обработки темной зимней фотографии. Он основан на методике Дэна Маргулиса. В ходе обработки применяются стандартные инструменты фотошопа и отдельные операции. Операции приложены к материалам курса...

Читать далее

Как устранить проблем…

Видеоуроки

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

Читать далее

Текстура камуфляжа дл…

Уроки рисования в фотошопе

  Текстура камуфляжа для фотошопа   Всем привет! Сегодня мы будем с нуля создавать текстуру камуфляжа. Бывает, что при создании своих работ в фотошопе вам нужна камуфляжная текстура. Разумеется, вы можете поискать подходящую текстуру в...

Читать далее

Как сделать зимнюю от…

Уроки рисования в фотошопе

  Как сделать зимнюю открытку в фотошопе   Всем привет! Сегодня мы будем рисовать зимнюю открытку из бумаги. Благодаря инструментам фотошоп мы создадим имитацию листов бумаги, из которых сделана открытка. Сначала мы создадим новый документ и зальем фоновый...

Читать далее

Ретушь в фотошопе. Раб…

Видеоуроки

  Видео урок Ретушь в фотошопе. Работа с небом 2-мя способами Продолжаем заниматься ретушью фотографии автомобиля. В первом уроке мы с Вами поработали с боковым бликом и привели его в порядок. Теперь наша задача...

Читать далее

Настройка баланса бел…

Обработка фотографий в фотошопе

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

Читать далее

Ретушь в фотошопе. Раб…

Видеоуроки

  Видео урок Ретушь в фотошопе. Работа с цветным, ярким бликом на машине Подготовил для Вас 2 видео урока по ретуши. Будем работать с рекламной фотографии машины. При взгляде на эту фотографию, сразу бросается в...

Читать далее

Мини-курс "Ретушь р…

Обработка фотографий в фотошопе

  Мини-курс: "Ретушь рекламной фотографии плохого качества"   Решил продолжить создание мини-курсов. Три предыдущих мини-курса показали свою эффективность в обучении фотошопу. На этот раз, отойдем от темы фотомонтажа, а займемся ретушью рекламной фотографии автомобиля.   Кратко, что...

Читать далее

Постер на день влюбле…

Уроки рисования в фотошопе

  Постер на день влюбленных в фотошопе   Всем привет! Сегодня мы будем создавать постер ко Дню всех влюбленных. Вы можете использовать собственные фотографии и подарить такой постер своей второй половинке на День всех влюбленных. Сначала мы...

Читать далее

Анимация мерцания в ф…

Уроки анимации в фотошопе

Анимация мерцания в фотошопе Всем привет! Сегодня мы будем создавать анимацию мерцающего текста. Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно. Сначала мы создадим новый документ...

Читать далее

Как убрать сетку в фот…

Видеоуроки

  Видео урок Как убрать сетку в фотошопе При создании фотомонтажа, одной из проблем является подбор исходных фотографий. Это очень важно! Обычно, при создании профессионального фотомонтажа, используются фотографии с сайтов стоков, имеющих высокое...

Читать далее

Замена неба в фотошоп…

Обработка фотографий в фотошопе

  Замена неба в фотошопе   Всем привет! С вами снова Елена Король и мы по старой доброй привычке будем изучать новые возможности свежей версии Adobe Photoshop 21. Часто бывает, что у нас есть...

Читать далее

Цветокоррекция при фо…

Видеоуроки

  Цветокоррекция при фотомонтаже в фотошопе Мы с Вами продолжаем заниматься фотомонтажем. В этом уроке рассмотрим процесс вырезания объекта с более тёмного фона и перемещение его на новый, более светлый фон. В таком случаем может...

Читать далее

Как сделать фотомонта…

Видеоуроки

  Как сделать фотомонтаж в фотошопе В этом уроке мы с Вами займемся небольшим фотомонтажем. Рассмотрим способ, как можно вырезать объект и перенести его на новую фотографию. Также постараемся аккуратно вписать данный объект...

Читать далее

Как сделать игральную…

Уроки рисования в фотошопе

  Как сделать игральную карту в фотошопе   Всем привет! Сегодня мы будем рисовать винтажную игральную карту. В данном уроке мы не только с нуля нарисуем игральную карту, но и «состарим» ее при помощи разных...

Читать далее

Как сделать 3D сердечк…

Уроки рисования в фотошопе

  Как сделать 3D сердечко в фотошопе   Всем привет! Сегодня мы будем рисовать 3д сердечко. Такое 3д сердечко вы сможете подарить любимому человеку, достаточно только оформить его в виде открытки, написав текст. Сначала мы создадим новый...

Читать далее

Мини-курс "Фотомонт…

Обработка фотографий в фотошопе

  Мини-курс: "Фотомонтаж в Photoshop. Вариант №3" "Работа с альфа-каналами и вырезанным объектом"   Два предыдущих мини-курса по фотомонтажу вызвали большой интерес у моих подписчиков. Поэтому приготовил для Вас 3-й вариант использования фотошопа для соединения...

Читать далее

Иконка WhatsApp в фотошоп…

Уроки рисования в фотошопе

  Иконка WhatsApp в фотошопе   Всем привет! Попрактикуемся в навыке создания иконок. Иконка – это элемент графического интерфейса, маленькая картинка которая представляет какое либо приложение, файл, окно, функциональную кнопку, раздел и т д. Сегодня мы будем...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020