Круглая картинка с помощью CSS

Нужна совершенно круглая картинка? Чего проще? Берем Photoshop, и режем картинку под нужный размер. Просто, работает во всех браузерах (даже в IE 🙂 ) но … так по-стариковски. Тем более, если речь идет о картинках в количестве, измеряемых десятками или сотнями (бывает и такое)… Лучше использовать CSS — примитивный код, и масса сэкономленного времени.

img {
width: 200px;
height: 200px;
border-radius: 50%;
}

Представленный код, обернутый <style type=»text/css»> позволяет сделать любую картинку совершенно круглой.
Круглая картинка с помощью CSS

Как привязать картинку или текст к определенной точке в видео?

Приветствую!

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

Итак, нам понадобится:
1. Adobe After Effects CS6 (работаю в нем)
2. Нулевой объект (Null object)
3. Tracker — встроенная функция Adobe After Effects CS6

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

Попробуем привязать к этой точке слово «Привет», которое должно будет следовать за нашей точкой. Для этого добавляем в композицию нулевой объект: Layer — New — Null object:
Зачем? На самом деле Нулевой слой — это слой, который никак не проявляет себя в композиции, но — при применении к нему определенных свойств, этот слой сможет управлять другими слоями. Несколько запутано, но чуть позже, думаю, вы все сообразите.

Итак, прыгающий круг есть, нулевой слой есть. Пора запускать Tracker: Window — Tracker:

Открытое окно трекера, кстати, выглядит вот так:

И … оп-па… Трекер вообще не понимает, что отслеживать, и как — ведь он работает с готовой композицией, а не слоями! Выход очевиден: создать вторую композицию, которая будет использовать первую в качестве ролика.

Теперь, наконец, можем еще раз запустить Tracker, и увидеть следующее:

Приблизительно все это можно описать следующими словами:
Track camera — отслеживать движение камеры
Track motion — отслеживать движение
Warp stabilizer — сглаживать колебания
Stabilize motion — стабилизировать движение

И возможности чекбоксов:
Position — отслеживать движение
Rotation — отслеживать вращение
Scale — отслеживать масштабирование

Остальное рассмотрим чуть позднее 🙂
Напомню, нам нужно отследить движение. Кликаем по: track motion, и ставим галочки в чекбоксах Position + Rotation. Сразу после этого в поле композиции появились два окошка (на скрине выделены красным):

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

После того, как вы выбрали нужны точки для отслеживания — кликаем на кнопку: Analize Forfard и ждем 🙂

Спустя какое-то время (все зависит от сложности оттрекириваемой композиции) у вас получится нечто вроде такого:

где каждый из квадратиков — ключевая точка. Применяем анализ нажатием кнопки Apply в окне Трекера.
Дальше все совсем просто — используя нулевой слой (напомню, этот слой уже знает, как ему нужно двигаться) привязываем к нему текст. Добавляем текстовый слой:
Layer — New — Text

и пишем любое слово. В моем случае — это слово «Привет!»:

Располагаем его в нужном нам месте, а после — применяем к нему взаимосвязь слоев:

таким образом текст четко привязывается к нулевому объекту. Собственно … на этом все 🙂

Готовый пример вы можете посмотреть ниже (за смайликом прячется кружка с пивом):

Кстати, в качестве исходного видео взято видео с канала моего сына 🙂 Подписывайтесь, ставьте лайки — ему будет приятно!

И конечно, в случае возникновения вопросов — пишите на почту: oleksiy@lavrynenko.com

Как изменить MAC-адрес сетевой карты?

Привет, друзья!
Сегодня мы узнаем — как правильно, быстро, а главное — безопасно можно изменить MAC-адрес сетевой карты вашего компьютера в операционной системе Windows 10 (логика процесса не слишком отличается от восьмерки или семерки).

Напомню, что MAC-адрес сетевой карты — это уникальный адрес вашего устройства. В теории он не повторим, но иногда …. 🙂 🙂 🙂
Некоторые могут спросить: а зачем? Но этот вопрос мы оставим без ответа 😉 Ибо, если вы читаете этот материал — значит вам эти знания нужны. Впрочем — вариантов применения этому навыку может быть много. Это и ограничения доступа к сети на уровне сервера, и лимитированное количество подключений от провайдера. А совсем недавно в одном отеле… Читать далее Как изменить MAC-адрес сетевой карты?

Как добавить таймер на видео в Adobe Premiere Pro CS6?

Добавление таймера на видео в Adobe Premiere Pro CS6 — насколько это сложно? На самом деле — не сложно совсем 🙂

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

1. Берем исходное видео. Для примера я возьму свой урок, посвященный обрезке видео в Adobe After Effect. Кстати, он доступен Читать далее Как добавить таймер на видео в Adobe Premiere Pro CS6?

VK — как пригласить своих друзей в группу?

Странно, но многие пользователи ВКонтакте не знают, как пригласить своих друзей в группу. На самом деле все очень и очень просто!
Кликаем на ссылку: https://vk.com/friends?act=invite&group_id=номер-группы (откроется в новой вкладке)
Текст «Номер-группы» заменяем на номер своей группы (легче всего его посмотреть в статистике. Берете номер их ссылки в адресной строке и радуетесь: вы нашли номер своей группы, да :).

И радуемся… теперь вы можете поделиться с друзьями информацией о группе, в которую вы хотите их пригласить.
Понравился материал? Сделай репост на свою страницу 😉

SMM, PR, WEB