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


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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас 108 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

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

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

Как в фотошопе сделать анимацию сердца

Как в фотошопе сделать анимацию сердца


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

Сердце


Смотреть другие уроки по созданию анимации в фотошопе.

{smooth-scroll-top}

Создадим новый документ произвольных размеров - Ctrl+N.

Окно "Новый документ"

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

Произвольная фигура

Удерживая клавишу Shift (для соблюдения пропорций) нарисуем сердце на новом документе.

Сердце

Два раза левой кнопкой мыши щёлкнем по слою.

Палитра "Слои"

Появится окно "Стиль слоя", в котором делаем активной вкладку "Наложение градиента". Угол и масштаб устанавливаем примерно такими, как показано на скриншоте ниже. Для редактирования градиента щёлкаем по полю градиента.

Окно "Стиль слоя"

Устанавливаем тёмно-красный цвет для левой контрольной точки, а для правой - ярко-красный. На всякий случай напомню, как это делается. Щёлкаем левой кнопкой мыши по контрольной точке (ползунок, находящийся под градиентной шкалой), становится активным окно "Цвет" в нижнем левом углу окна "Редактор градиентов". Щёлкаем по полю правее слова "Цвет", появляется окно "Выберите цвет", подбираем необходимый цвет и нажимаем "Да". Точно так же поступаем и со второй контрольной точкой, только цвет, естественно, выбираем другой.

Окно "Редактор градиентов"

Делаем активной вкладку "Тиснение" и устанавливаем примерно такие параметры, которые Вы видите на рисунке ниже. Не забудьте сделать тень красного цвета (правый нижний угол окна).

Вкладка "Тиснение"

Получаем объёмное сердце.

Сердце

Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои".

Палитра "Слои"

Удерживая клавишу Ctrl, щёлкнем по маске слоя. Загрузится выделение сердца.

Палитра "Слои"

Выбираем инструмент "Кисть" (В), цвет переднего плана белый, непрозрачность около 40%, жёсткость кисти 0%. Выбираем большой размер кисти и несколько раз проводим по верхней части сердца.

Инструмент "Кисть" (В)

Снимаем выделение - Ctrl+D и получаем сердце в 3D формате.

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

Теперь создадим новую кисть, которая нам потребуется для дальнейшей работы. Создаём новый документ - Ctrl+N. Размеры Вы видите ниже на скриншоте. Увеличьте масштаб изображения Ctrl + "+".

Параметры нового документа

Выбираем поочереди инструменты "Область (горизонтальная строка)" и "Область (вертикальная строка)" в режиме "Добавления к выделенной области".

Инструменты "Область (горизонтальная строка)" и "Область (вертикальная строка)"

В новом документе делаем один клик мыши одним инструментом и один клик - другим инструментом. Получаем выделение в виде крестика.

Крестик

Нажимаем клавишу D (устанавливаем цвета по умолчанию), затем сочетание клавиш Alt+Delete (заливаем выделение цветом переднего плана) и Ctrl+D (снимаем выделение). Получаем чёрный крестик.

Создаём кисть

Переходим в "Редактирование - Определить кисть".

Редактирование - Определить кисть

В появившемся окне даём имя кисти, к примеру "Крестик".

Окно "Имя кисти"

Закрываем и не сохраняем последний документ с кистью, так как он нам уже не понадобиться.

Документ

Настраиваем кисть. Для этого нажимаем F5, появляется окно "Кисти". При активной вкладке "Форма отпечатка кисти" увеличиваем интервал примерно так, как показано на рисунке ниже.

Палитра "Кисти"

Делаем активной вкладку "Динамика формы" и увеличиваем параметр "Колебания размера" примерно до 80-90%. Настройка кисти завершена.

Вкладка "Динамика формы"

Сливаем слои - Shift+Ctrl+E.

Палитра "Слои"

Создаём новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои". Установим чёрный цвет в качестве цвета переднего плана (нажмём клавишу D), а затем нажмём сочетание клавиш Alt+Delete (заливаем новый слой чёрным цветом). Новый слой делаем нижним в палитре "Слои".

Палитра "Слои"

Как описано выше, создаём новый слой и перемещаем его на самый верх палитры "Слои".

Палитра "Слои"

Выбираем инструмент "Кисть" (В), цвет переднего плана - белый. Рисуем кистью по сердечку.

Выбираем инструмент "Кисть" (В)

Создаём ещё один новый слой, размещаем его на самый верх палитры "Слои". Два раза левой кнопкой мыши щёлкаем по новому слою.

Палитра "Слои"

В окне "Стиль слоя" делаем активной вкладку "Внешнее свечение" и увеличиваем размер примерно до 10 пикселов.

Окно "Стиль слоя"

Несколько раз "проходимся" кистью по сердцу.

Сердце

Удаляем слой с чёрной заливкой, для чего перетаскиваем его на крайнюю правую иконку в палитре "Слои" (значок мусорной корзины).

Палитра "Слои"

Удерживая клавишу Ctrl, щёлкнем по миниатюре слоя с сердцем, загрузится выделение сердца. Инвертируем выделение - Shift+Ctrl+I. Заливаем выделение белым цветом - Alt+Delete (цвет переднего плана - белый). Снимаем выделение - Ctrl+D.

Палитра "Слои"

Получаем сердце на белом фоне.

Сердце

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

Палитра "Слои"

Вызываем окно "Анимация": "Окно - Анимация".

Окно - Анимация

Сейчас в палитре "Анимация" у нас один кадр, который создаётся по умолчанию.

Палитра "Анимация"

Щёлкаем по второй справа иконке и тем самым, создаём ещё один кадр в палитре "Анимация".

Палитра "Анимация"

Делаем активным средний слой и инструмент "Перемещение" (V). Перемещаем крестики, к примеру, вниз и вправо (можно переместить куда угодно).

Делаем активным средний слой

В палитре "Анимация" создаём ещё один новый кадр. Переходим на верхний слой и инструментом "Перемещение" (V) двигаем крестики куда-нибудь в противоположную сторону от крестиков, перемещённых на предыдущем этапе.

Палитра "Анимация"

Точно так же создаём ещё один кадр, делаем активным средний слой и перемещаем крестики. Затем создаём ещё один кадр, делаем активным верхний слой и перемещаем крестики. В палитре "Анимация" получилось 5 кадров (Вы можете создать сколько Вам угодно).

Палитра "Анимация"

В палитре "Анимация" щёлкаем по чёрной стрелочке, находящейся в верхнем правом углу палитры и в раскрывшемся списке выберем "Выделить все кадры".

Палитра "Анимация"

Щёлкаем по чёрной стрелочке в правом нижнем углу любого кадра и выбираем время отображения кадров 0,2 секунды. Всё наша анимация готова. Нажимаем по кнопке "Play" и любуемся полученным результатом.

Палитра "Анимация"

Для сохранения анимации нажимаем сочетание клавиш Shift+Ctrl+Alt+S, появляется окно "Сохранить для WEB и устройств". В нем, прежде всего, выбираем формат файла "GIF", при необходимости уменьшить размер файла, можно "поиграться" значениями "Потери", "Цвета" и "Дизеринг". Нажимаем "Да".

Окно "Сохранить для WEB и устройств"

Получаем анимацию сердца. Мы с Вами ответили на вопрос: "Как в фотошопе сделать анимацию сердца?".

Сердце

Вот работа от Зои Богдановой. Высказывайте своё мнение в комментариях:

Поздравления



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

Ваше имя: *
Ваш e-mail: *

Скачать урок (737 Кб) в формате PDF можно здесь.

{smooth-scroll-top}

Печать

Комментарии  

Guest
0 # Guest 09.06.2013 17:37
:unsure: а у меня в CS5 12.1 теснении только угол высота эффект :sad:
Ответить | Ответить с цитатой | Цитировать
Риточечка
0 # Риточечка 05.05.2013 16:57
:cheer: класс! спасибо Вам огромное, очень доступный и понятный урок
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 17.08.2012 02:26
Зоя! Ваша работа опубликована выше, спасибо.
Ответить | Ответить с цитатой | Цитировать
Зоя Богданова
0 # Зоя Богданова 17.08.2012 02:25
вот такая может быть еще анимация
Ответить | Ответить с цитатой | Цитировать
Chinara
0 # Chinara 12.07.2012 19:51
Спасибо огромное за урок.Попробовала.Здо рово! У меня получилось!!!!!!!!!! !!!!!!!!!!!!
Ответить | Ответить с цитатой | Цитировать
Серефка
0 # Серефка 12.03.2012 16:39
Спасибо огромное! Давно искал ДОСТУПНЫЙ и ПОНЯТНЫЙ урок по анимации :woohoo:
Ответить | Ответить с цитатой | Цитировать
настя
0 # настя 24.02.2012 13:46
ужасс :sad:
Ответить | Ответить с цитатой | Цитировать
Павел
0 # Павел 31.12.2011 14:32
Нет,я понял в чём причина)у меня просто эта кисть становится активна только на инструменте"микс-кис ть"
Ответить | Ответить с цитатой | Цитировать
Павел
0 # Павел 31.12.2011 02:10
Блин,а у меня все кисти серые и не включаются((чё делать??
Ответить | Ответить с цитатой | Цитировать
73PH_adminv15
0 # 73PH_adminv15 31.12.2011 02:34
Павел! У Вас просто не активен инструмент "Кисть".
Ответить | Ответить с цитатой | Цитировать
Alena Kuratova
0 # Alena Kuratova 21.12.2011 04:51
интересно, это пригодится, спасибо!
Ответить | Ответить с цитатой | Цитировать

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

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


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

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

Prev Next

Как рисовать воду в фо…

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

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

Читать далее

Кристаллический эффе…

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

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

Читать далее

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

Видеоуроки

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

Читать далее

Плакат предупреждающ…

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

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

Читать далее

Обои с искрящимися ли…

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

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

Читать далее

Сканирование фотопле…

Видеоуроки

Сканирование фотопленок сканером EPSON V200   В новом уроке посмотрим, как сканировать фотопленку на примере сканера EPSON V200. Почти у каждого из нас дома имеется солидный архив фотопленок. На них хранятся наши воспоминания о...

Читать далее

Работа с текстом в фот…

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

Работа с текстом в фотошопе "Цветное текстурное стекло" Всем привет! Сегодня мы будем работать с текстом в фотошопе из текстурного цветного стекла. Создайте свою уникальную подпись.  Сначала мы создадим текстуру (узор) стекла при помощи...

Читать далее

Сканирование фото ска…

Видеоуроки

Сканирование фото сканером EPSON V200   В новом уроке посмотрим, как сканировать фотографию на примере другого сканера EPSON V200. Выясним, как могут отличаться характеристики, и способы работы с другой техникой. И еще раз...

Читать далее

Фон из боке

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

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

Читать далее

Сканирование фото ска…

Видеоуроки

Сканирование фото сканером Canon Lide 210   Уже в этом уроке рассмотрим на практике, как сканировать фотографию на примере сканера Canon Lide 210. В прошлом уроке полностью разобрались как выбрать модель, а теперь...

Читать далее

Работа с текстом в фот…

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

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

Читать далее

Реставрация: 1 этап Ск…

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

Реставрация: 1 этап Сканирование (продолжение). Как выбрать сканер. Основные технические характеристики сканеров Итак, перед Вами стоит задача приобрести сканер для домашних условий. Что выбрать? Моделей сканеров очень много! А чем они вообще отличаются? Этот урок, как...

Читать далее

Реставрация: 1 этап Ск…

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

Реставрация: 1 этап Сканирование Виды и типы сканеров Предыдущий небольшой опрос по теме реставрации фотографий вызвал большой отклик у моих подписчиков: https://www.photoshopsunduchok.ru/other/raznoe/4579-restavratsiya-starykh-fotografij Поэтому решено, что этой теме на сайте быть!   Напомню, что мы постепенно будем...

Читать далее

Коллаж День защиты де…

Уроки фотошопа коллажи

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

Читать далее

Коллаж из частей фото

Уроки фотошопа коллажи

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

Читать далее

Эффект гравировки в ф…

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

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

Читать далее

Нужная теория перед п…

Видеоуроки

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

Читать далее

Фон Мозайка

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

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

Читать далее

Эффект Капли на бокал…

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

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

Читать далее

Обои квадраты

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

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

Читать далее

Яркие обои в фотошопе

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

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

Читать далее

5 практических совето…

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

5 практических советов по работе с кривой в фотошопе Инструмент Кривые в арсенале фотошоп мастера занимает одну из ведущих ролей. Освоить его не так-то просто. Но, единожды это сделав, вы больше не сможете...

Читать далее

Состаривание фото

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

  Состаривание фото Всем привет! Надоели глянцевые, гламурные фотографии? Хочется добавить винтажного стиля? В уроке "Состаривание фото" мы научимся превращать обычное полноцветное изображение в нечто поразительное с царапинами и потертостями. Сначала мы размоем фото...

Читать далее

Гистограмма в фотошоп…

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

Гистограмма в фотошопе Гистограмма в фотошопе — это визуальное представление информации, содержащейся в изображении, более точно – это распределение яркости в изображении. По горизонтали идет шкала яркости, а по вертикали — относительное...

Читать далее

Как рисовать глобус

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

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

Читать далее

Отражение в очках фот…

Уроки фотошопа коллажи

 Отражение в очках фотошоп Всем привет! Как часто на просторах интернета встречаете фотографии людей в очках в которых отражено что-то красивое, а не, например, случайный прохожий? А хотите уметь делать такие фотографии?...

Читать далее

Открытка с тюльпанами

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

Открытка с тюльпанами Всем привет! Сегодня предлагаю создать поздравительную открытку с тюльпанами. Получится очень празднично и по-весеннему легко. Отличный вариант для поздравления с праздником Весны, Мира и Труда. Сначала мы создадим новый градиент...

Читать далее

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