Servisneva.ru

Сервис Нева
2 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Photoshop для начинающих; пошаговые инструкции и рекомендации

Photoshop для начинающих — пошаговые инструкции и рекомендации

Фотошоп для чайников

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

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

Оно сделано в той же программе, в которой создавался «Дэдпул», «Аватар», да и любой современный фильм. Почему в статье о фотографиях я вдруг вспомнил о создании видео? Потому что речь идет о продукции компании Adobe, только в первом случае это Premier Pro, а во втором Photoshop.

Photoshop для начинающих - пошаговые инструкции и рекомендации

В обеих этих программах можно делать крутые проекты, а можно то, что вы сейчас видели. И дело далеко не в возможностях инструментов, которыми мы пользуемся. Полный шлак создается и сейчас. Потому-то я, вот уже не в первый раз, хочу затронуть фотошоп для чайников — пошаговая инструкция для новичков. Я расскажу вам, как научиться пользоваться Photoshop на все 100%. Приступим?

1.Знакомство с интерфейсом.

Основы и интерфейс After Effects

При первом знакомстве с After Effects — поражает его интерфейс. И действительно, в силу своей специфики, эта программа больше похожа на Photoshop, нежели на обычный видео редактор. Из этого урока вы узнаете, что где находится, и если вы вдруг что-то поменяли, то как можно вернуть вид в исходное состояние.

Как сделать гифку из видео в фотошопе?

Открываем Photoshop, во вкладке «Файлы» выбираем «Импортировать», потом «Кадры из видео». В открывшемся окне выбираем диапазон видео, которое хотим переделать в GIF. Если хотите преобразовать видео полностью, выберите «От начала до конца», если определенную часть – «Только выделенный диапазон». Во втором случае правее нужно выбрать отрезок видео, который будет конвертироваться в слои.

Если видео тяжеловесное, лучше в графе «Оставить каждый…» поставить значение 2. Если больше, чем 2, то плавность переходов кадров пострадает. Если не принципиально, то можно 4, как в моём случае.

Как сделать гифку из видео

Дальше во вкладке «Окно» выбираем «Шкала времени». В выплывшей панели выйдут все слои для будущей анимации. Примечательно, что в данной случае мы не выделяем слои на видимый/невидимый, как это было при создании гифок из фото. Т.е. уже сразу слои в панели анимирования должны быть разными и, конечно, в правильной очередности. Мы просто выставляем время воспроизведения кадров (при необходимости) и время параметров цикла на «Постоянное». Нажимаем «Play». Гифка из видео на превью в фотошопе уже будет работать как надо.

Как сделать гифку из видео

Теперь сохраняем так же, как и обычную гифку из фото: Для этого во вкладке «Файл» нажимаем «Экспортировать», далее выбираем «Сохранить для Web (старая версия)…». Откроется окно, в верхней части которого выбираем нужный формат – GIF. Внизу можно отредактировать количество цветов (чем больше, тем качественнее), исходный размер… Если сделать меньше (в процентном соотношении), то вес тоже уменьшится. Не забываем нажать «Сохранить», выбрать место хранения файла. Всё, готово!

Читать еще:  Auslogics Registry Cleaner обзор программы

Легко создавайте GIF с помощью Adobe Premiere

Чтобы начать создавать GIF с помощью Adobe Premiere, первое, что нам нужно, это установить приложение. Чтобы использовать его, вам нужно будет оплатить подписку в размере 24.19 евро в месяц . В качестве пробной версии мы можем скачать бесплатная версия на 7 дней от их веб-сайт Честного ЗНАКа .

Создать анимированный GIF

Чтобы создать наш анимированный GIF, первое, что нужно сделать, это создать «Новый проект» в Adobe Premiere на вкладке «Файл». Мы должны дать проекту имя, а также место, где мы хотим, чтобы он располагался.

Adobe Premiere Nuevo proyecto

Как только наш проект будет создан, мы вернемся на вкладку «Файл» и выберем опцию «Импорт». Отсюда мы будем выберите видео, которое мы собираемся использовать преобразовать в анимированный GIF. После вставки мы должны перетащить импортированное видео из раздела Project в Сроки раздел .

Adobe Premiere Importar

Adobe Premiere добавлен архивный импорт в линию

Затем мы снова получаем доступ к меню «Файл» и на этот раз выбираем опцию «Экспорт» и «Медиа» или можем напрямую использовать сочетание клавиш Ctrl + M. В новом окне, в нижней левой части, в «Интервале происхождения» »Выбираем« Весь клип ». Если мы хотим выбрать последовательность видео, мы выбираем «Пользовательский» и настраиваем продолжительность в запретить последовательность который мы собираемся использовать для создания анимированного GIF. Если мы посмотрим на верхний правый угол, в разделе «Формат» мы должны выбрать опцию «Анимированный GIF».

Adobe Premiere Exportar и Medios

Adobe Premiere GIF анимация

Теперь переходим к «Видео”И выберите желаемая ширина и высота для GIF (или оставьте его как есть по умолчанию) и введите частота кадров (например 10 кадров в секунду). Наконец, нам нужно только нажать «Экспорт», чтобы преобразовать наш исходный видеофайл в анимированный файл GIF.

Adobe Premiere Exportar GIF анимация

Создать статический GIF

Если мы хотим создать статический GIF мы должны получить доступ к меню «Файл», выбрать опцию «Импорт» и выбрать видео, для которого мы хотим создать статическое изображение кадра и нажмите «Открыть». После того, как мы добавили видео в наш проект, мы должны перетащите его на шкалу времени .

Adobe Premiere добавлен архивный импорт в линию

Затем мы возвращаемся в раздел «Файл» и нажимаем «Экспорт» и «Медиа». В следующем окне в левом нижнем углу в разделе «Интервал происхождения» мы выбираем «Пользовательский» и с помощью ползунка выберите желаемый кадр для захвата в формате GIF.

Adobe Premiere Exportar и Medios

Adobe Premiere Crear GIF estático

В верхней правой части меню «Формат» выбираем опцию «GIF». В разделе «Видео» пишем желаемые размеры в Ширина и высота секции или оставляем тот, который предустановлен по умолчанию. Наконец, нажмите «Экспорт», чтобы сохранить статическое изображение выбранного видеокадра в формате GIF.

Анимация поворота головы

5 шаг.

Теперь приступим к самому главному — повороту головы.

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

Читать еще:  Как в Word настроить инструмент автозамены?

Теперь самое главное, нужно определить, какие линии первого состояния мы будем преобразовывать в линии второго состояния…

Я постаралась изобразить некоторые из таких преобразований в следующей иллюстрации.

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

Контурная анимация в Adobe Flash (Adobe Animate)

Здесь обозначены не все линии.

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

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

Тоже касается и линии лба — она будет дорисована в отдельном слое ближе к концу поворота головы. Посложнее дела обстоят с волосами слева.

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

Глаза же будем преобразовывать Анимацией движения. Для этого каждый глаз нужно сделать отдельным символом (так как анимация движения действует только для символов) и подстроить каждый глаз под новое состояние с помощью стандартных функций преобразования.

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

II. Создание персонажа

Шаг 1

И вот теперь, когда все настроено, мы можем приступить непосредственно к рисованию персонажа.

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

Animated-Pixel-Art-Sprite-in-Photoshop-8

Шаг 2

Уменьшите масштаб эскиза до 60 пикселей в высоту, используя комбинацию клавиш Control+T, или команду Edit > Free Transform.

Размер объекта отображается на информационной панели. Обратите внимание, чтобы настройки интерполяции были такими же, как мы делали в шаге 4.

Animated-Pixel-Art-Sprite-in-Photoshop-9

Шаг 3

Приблизьте эскиз на 300-400%, чтобы было легче работать, и уменьшите прозрачность слоя. Затем создайте новый слой и обрисуйте контуры эскиза, используя Pencil Tool. Если персонаж симметричный, как в нашем случае, можно обрисовать только половину, а затем продублировать и отразить нарисованное зеркально (Edit > Transform > Flip Horizontal).

Animated-Pixel-Art-Sprite-in-Photoshop-10

Ритм: Чтобы нарисовать сложные элементы разбивайте их на части. Когда пикселы (точки) в линии образуют «ритм», например, 1-2-3, или 1-1-2-2-3-3, набросок выглядит более гладко для человеческого глаза. Но, если того требует форма, этот ритм может быть нарушен.

Animated-Pixel-Art-Sprite-in-Photoshop-11

Шаг 4

Когда контур будет готов, можно выбрать основные цвета и раскрасить большие формы. Делайте это на отдельном слое под контуром.

Animated-Pixel-Art-Sprite-in-Photoshop-12

Шаг 5

Сгладьте контур, дорисовывая тень по внутреннему краю.

Animated-Pixel-Art-Sprite-in-Photoshop-13

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

Animated-Pixel-Art-Sprite-in-Photoshop-14

Шаг 6

Создайте новый слой для бликов.

Выберите режим наложения Overlay из выпадающего списка на панели слоев. Нарисуйте светлым цветом над теми областями, которые хотите подсветить. Затем сгладьте блик, применив фильтр Filter > Blur > Blur.

Читать еще:  Как редактировать слайды в PowerPoint: разбор деталей

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

Animated-Pixel-Art-Sprite-in-Photoshop-16

Шаг 7

Теперь космонавту нужно добавить контрастности. С помощью настроек уровней (Image > Adjustments > Levels) сделайте его ярче, а затем отрегулируйте оттенок с помощью опции Color Balance (Image > Adjustments > Color Balance).

Animated-Pixel-Art-Sprite-in-Photoshop-17

Теперь персонаж готов к анимации.

Animated-Pixel-Art-Sprite-in-Photoshop-18

How to Use GIFs in Your Marketing

1) On social media.

Pinterest was the first to enable animated GIFs, followed by Twitter. And by the summer of 2015, Facebook had also jumped on the GIF bandwagon. Then, Instagram changed the game with Boomerang, which lets users film and share their own GIFs. On any of these social feeds, animated GIFs can be a great way to stand out in a crowded feed.

For example, check out how Product Hunt used a GIF to promote a forum on its website:

111 products people use every day ✨

2) In your emails.

Animated GIFs display in email the same way a regular image does. So why not spruce up your email marketing by replacing still images with animated ones?

Not only could this help capture recipients’ attention with novelty alone, but it could also have a direct impact on your bottom line. For some brands, including an animated GIF in emails correlated with as much as a 109% increase in revenue. Using HubSpot’s free email marketing software is an easy way to accomplish this type of increase on your own site.

Make use of GIFs by showcasing products, making event announcements, or otherwise enticing readers. Check out the GIF below from women’s clothing shop Ann Taylor LOFT: They made a present look like it’s shaking to create intrigue and get recipients to click through to «unwrap» their gift.

3) In blog posts.

Your blog post doesn’t have to be about animated GIFs or structured like a BuzzFeed-style listicle to include GIFs — although, we do love a good dose of silly listicle GIFs every once in a while.

For example, here’s a simple, animated GIF created by fellow marketer Ginny Mineo to explain the definition of a call-to-action for a blog post:

And finally, one of our oldie-but-goodie favorites: an animated GIF from a post on office kitchen recipes.

How will you use GIFs in your marketing? Share with us in the comments.

Editor’s Note: This post was originally published in September 2013 and has been updated for freshness, accuracy, and comprehensiveness.

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector