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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас 192 гостей и 2 зарегистрированных пользователей на сайте

  • OlegNakroshaev
  • SSSR

 

 

 

 

 

 

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

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

Анимация текста "Растворение"

 Анимация текста

"Растворение"

Всем привет!

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

Эффект поможет создать надпись яркой и запоминающейся.

А еще вместо текста можно взять картинку, и она будет растворяться.

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

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

Далее сольем слои с текстом и фоном в один, создадим 9 копий образовавшегося слоя и применим к каждому слою фильтр Мокрая бумага с разными параметрами.

В завершение мы перейдем в панель анимации, создадим кадры из слоев и «оживим» картинку.

 

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

1

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

2

Переименовываем фоновый слой в «Фон».

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

3

Активируем инструмент Градиент.

В верхней панели настроек инструмента Градиент кликаем по строке выбора градиента, чтобы открыть Редактор градиентов.

В открывшемся Редакторе градиентов кликаем по Контрольным точкам и вводим новые оттенки, чтобы создать новый градиент.

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

Для левой нижней Контрольной точки (позиция 0%) выставляем оттенок # 000000 (черный), для правой нижней Контрольной точки (позиция 100%) - # 00ae0f.

Для верхних Контрольных точек устанавливаем 100% прозрачность.

В верхней панели настроек инструмента Градиент выбираем линейный тип градиента.

Зажимаем клавишу Shift и проводим градиент, как на рисунке ниже.

4

5

6

7

8

8

Переходим в меню Фильтр-Галерея фильтров.

В папке Эскиз выбираем фильтр Мокрая бумага и применяем настройки, как на рисунке ниже.

10

11

12

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

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

После этого шага шрифт установится одновременно в программу фотошоп и систему.

13

Активируем инструмент Текст. Пишем слово «Эволюция».

В верхней панели настроек инструмента Текст меняем оттенок текста на # 00aa0f, выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста и вводим настройки, как на рисунке ниже.

При помощи инструмента Перемещение располагаем текст, как на рисунке ниже.

14

15

16

17

В панели слоев при помощи клавиши Ctrl выделяем слой «Фон» и текстовый слой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один.

18

19

В панели слоев создаем 9 копий образовавшегося в предыдущем шаге слоя (Ctrl+J).

Переименовываем слои снизу вверх от 1 до 10.

Скрываем видимость всех слоев, кроме нижнего («1»), нажав на «глазики» около слоев в панели слоев.

20

21

Активируем слой «1» и переходим в Галерею фильтров (Фильтр-Галерея фильтров).

В папке Эскиз выбираем фильтр Мокрая бумага и применяем настройки, как на рисунке ниже.

22

23

В уроке анимация текста "Растворение", мы будем переходить к каждому слою снизу вверх, делать его видимым (нажав на «глазик» около слоя в панели слоев) и применять фильтр Мокрая бумага из Галереи фильтров с разными параметрами.

Я покажу настройки фильтра и результат после применения фильтров.

Итак, слой «2».

24

25

Слой «3».

26

27

Слой «4».

28

29

Слой «5».

30

31

Слой «6».

32

33

Слой «7».

34

35

Слой «8».

36

37

Слой «9».

38

39

В панели слоев делаем видимым слой «10», но сам слой оставляем без изменений.

40

41

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

42

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

43

В завершение нажимаем на иконку, отмеченную ниже.

44

Появится окно анимации.

45

В панели слоев при помощи клавиши Shift выделяем все слои.

Переходим в панель анимации, нажимаем на значок дополнительных настроек, отмеченный стрелочкой и из появившемся окне выбираем «Создать кадры из слоев».

После этого панель анимации примет следующий вид.

46

47

48

В панели анимации при помощи клавиши Shift выделяем все кадры, кликаем по иконке дополнительных настроек и выбираем «Скопировать кадры».

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

В появившемся окне вводим настройки, как на рисунке ниже.

49

50

51

52

53

Не снимая выделения с вставленных кадров, кликаем по иконке дополнительных настроек и выбираем «Обратный порядок кадров».

54

55

Поскольку у нас получилось два одинаковых кадра подряд, в панели анимации выделяем кадр «11» и нажимаем на значок удаления.

56

57

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

58

59

В панели анимации выделяем кадр «10» и устанавливаем время его проигрывания 0,2 секунды.

60

В панели анимации кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно».

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

61

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

62

Если все устраивает, то можно перейти к сохранению анимации.

Переходим в Файл-Сохранить для Web.

В зависимости от версии фотошоп название этого пункта варьируется.

63

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

64

Урок "Анимация текста "Растворение" готов!

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

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

  

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

 

          

 

 

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



Печать

Комментарии  

Ирина
+1 # Ирина 13.10.2019 05:18
Олег, благодарю за интересный урок! Отлично для баннера!
Ответить | Ответить с цитатой | Цитировать
didugan
0 # didugan 12.10.2019 21:21
Спасибо! Интересно!
Ответить | Ответить с цитатой | Цитировать

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

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


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

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

Prev Next

Эффект для фото "Ви…

Фотошоп уроки эффекты

Эффект для фото "Винтаж" Здравствуйте, друзья! Сегодня мы будем добавлять эффект на фотографию "Винтаж". Винтажный стиль сейчас в моде, есть мобильные приложения, которые в пару кликов делают подобную обработку, но мы не будем...

Читать далее

Быстрая обработка изо…

Видеоуроки

  Быстрая обработка изображений Всем привет! Не все фотографии нуждаются в 1 и 2 шагах рабочего потока фотошоп мастера по Дэну Маргулису. Есть довольно много таких, к обработке которых можно сразу приступать с 3 шага...

Читать далее

Как ослабить интенсив…

Видеоуроки

Как ослабить интенсивность цвета в 3 шаге рабочего потока фотошоп мастера   Всем привет! Продолжаем с Вами говорить, о том, что делать на третьем шаге рабочего потока фотошоп мастера по Дэну Маргулису. На панели...

Читать далее

Фон со снежинками

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

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

Читать далее

Как получить сочность…

Видеоуроки

Как получить  сочность цвета в 3 шаге рабочего потока фотошоп мастера  Всем привет! Продолжаем разбирать 3 шаг рабочего потока по Дэну Маргулису. Но не забывайте, что прежде необходимо выполнить работу по 1 и...

Читать далее

Белый текст

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

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

Читать далее

Как увеличить насыщен…

Видеоуроки

Как увеличить насыщенность цветов в 3 шаге рабочего потока фотошоп мастера   Всем привет! Начинаем работать на 3 шаге рабочего потока по Дэну Маргулису. И на этом этапе будем говорить с Вами о...

Читать далее

Алгоритм обработки фо…

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

Алгоритм обработки фото в 3-м шаге рабочего потока Мы с Вами переходим к 3 шагу в рабочем потоке фотошоп мастера по Дэну Маргулису. Напомню, что в первом шаге мы искали и устраняли проблемные...

Читать далее

Как вырезать текст

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

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

Читать далее

Хромированный логот…

Фотошоп уроки эффекты

Хромированный логотип в фотошопе Всем привет! Сегодня мы будем создавать хромированный логотип в фотошопе. Эффект хромирования, рассмотренный в уроке, Вы сможете использовать не только при создании логотипов, а применять на свое усмотрение. Например, данный...

Читать далее

Как использовать и на…

Видеоуроки

Как использовать и назначить горячие клавиши для ускорения работы в рабочем    Всем привет! Как можно ускорить свою работу, работая по алгоритму Дэна Маргулиса на первом и втором шаге? Вы заметили, как часто мы...

Читать далее

Глитч эффект

Фотошоп уроки эффекты

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

Читать далее

Как поднять контраст …

Видеоуроки

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

Читать далее

Текст в стиле "Граф…

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

Текст в стиле "Граффити" Всем привет! Сегодня мы будем создавать текст в стиле "Граффити" на стене. Для того, чтобы написать текст на стене при помощи краски, нам не понадобится тратиться на краску и искать...

Читать далее

Контраст изображения…

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

Контраст изображения. Общие рекомендации по его поднятию. Приступаем ко второму шагу рабочего потока, в котором мы занимаемся только контрастом. Мы должны поднимать контраст изображения, используя каналы. На первый взгляд кажется все очень сложным: какие...

Читать далее

Почему надо смешивать…

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

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

Читать далее

Абстрактный фон с за…

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

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

Читать далее

Какие каналы в фотошо…

Видеоуроки

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

Читать далее

Как рисовать паутину

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

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

Читать далее

Как использовать кома…

Видеоуроки

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

Читать далее

Текстура под мрамор

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

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

Читать далее

Как искать неправильн…

Видеоуроки

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

Читать далее

Рамка для фото с пауко…

Рамки в фотошопе

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

Читать далее

Последовательность ш…

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

Последовательность шагов рабочего потока В этом материале Вы сможете скачать последовательность шагов рабочего потока по Дэну Маргулису в графическом представлении. Последовательность представлена в виде 2-х файлов формата PDF и Jpeg, которые Вы...

Читать далее

Текст "Хэллоуин"

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

Текст "Хэллоуин" Всем привет! Сегодня мы будем создавать текст в стиле "Хэллоуин". Этот праздник пришел к нам совсем недавно, хотя корни его уходят в глубину веков. Мы не будем углубляться в историю...

Читать далее

Эффект растворения дл…

Фотошоп уроки эффекты

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

Читать далее

Обзор панели Д. Маргул…

Видеоуроки

Обзор панели Д. Маргулиса PPW Tools 5 Всем привет! В этом уроке разберем основную панель Дэна Маргулиса PPW Tools 5.  Верхняя часть панели интуитивно понятна, а вот чтобы разобраться с тем, что и...

Читать далее

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