March 8, 2020

Инструкция для чата дизайнеров

Как делать превью ("значки") для видео.

Подготовка

Скачиваем макет psd

Ссылка: https://drive.google.com/file/d/1vJ1gbeeJ1mnKTSSxK4UpHiXay2kNKSWm/view

В верхнем правом углу жмём иконку для скачивания и сохраняем у себя на компьютере:

Устанавливаем фотошоп

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

Настраиваем photopea если нет фотошопа (опционально)

Если у вас нет фотошопа, и вы не знаете, где его безопасно можно скачать, можно воспользоваться онлайн-заменителем фотошопа https://photopea.com . Но прежде в него нужно установить шрифт, который используется в макете.

Это стандартный бесплатный Arial. Скачайте его, например, по этой ссылке: https://www.cufonfonts.com/download/font-single/48878/arial

Далее в photopea в верхнем левом углу открываем список шрифтов, нажимаем Load Font и выбираем файл ARIAL.TTF, который скачали на предыдущем этапе:

photopea предложит сохранить шрифт для последующих сессий работы, согласиться.

Работа

Общая последовательность действий такова:

  1. Закрепить за собой видео, с которым вы начинаете работать.
  2. Найти картинку, которая отражает суть видео или подчёркивает какие-то поднятые вопросы и добавить её вместо оранжевой подложки.
  3. Поставить название плейлиста.
  4. Сохранить всё в виде итогового изображения в формате jpg (jpeg).
  5. Загрузить изображение в базу, во взятое в работу видео.

Закрепление за собой видео

Идём в базу http://kiberpop.ru/baza/pictures2.html со своим логином-паролем, Заходим в Дизайн:

В "Этап" выбираем "Ожидает дизайнера". У видео, с которым хотим работать жмём зелёный плюсик слева, он станет красным минусиком и данные о видео развернутся:

Запоминаем название плейлиста, в котором это видео лежит - например, здесь это "О родителях". Это нам понадобится позже, на этапе выбора текста.

Далее жмём "Принять в работу". Вид изменится на следующий:

После принятия в работу данное видео закрепляется за вами и другой дизайнер его в работу не возьмёт.

Картинка

Некоторые видео, которые в базе значатся как "Ожидает дизайнера", уже имеют превью нового образца. В поле "Замечания" у таких видео как правило стоит пометка "новый дизайн". Но лучше всё-таки проверить наличие превью нового образца при помощи сервиса http://shpargalkablog.ru/2013/06/youtube.html . В таком случае его надо скопировать с ютуба при помощи этого сервиса (кликните там на самую большую картинку, maxresdefault.jpg и сохраните её - правая клавиша мыши, Сохранить картинку как) и занести в базу - перейти к шагу "Сдача работы".

Для примера, вот это превью старого образца, его надо менять:

Вот превью нового образца, его менять не надо, его надо скачать с ютуба и залить в базу:

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

Подходящую картинку можно найти в бесплатных сайтах-фотостоках: https://www.adme.ru/tvorchestvo-fotografy/70-luchshih-resursov-s-besplatnymi-fotografiyami-975760/ .

Для начала можно ограничиться небольшим списком:

https://unsplash.com/

http://photopin.com/

https://pixabay.com/

Также картинку можно найти в поиске гугла по картинкам https://www.google.ru/imghp Нажмите Инструменты и поставьте "Большой размер" с "лицензией на использование и изменение":

Когда нашли подходящую картинку, копируем её с сайта, на котором она лежит, или сохраняем на диск, и затем вставляем в фотошоп. Она вставится в новый слой. Слой размещаем над слоем с жёлтой подложкой. При необходимости картинку изменяем в размерах - Ctrl-T и тянем за уголок с нажатой клавишей Shift, так сохраняются пропорции.

Если вы заметили, что сдвинули или изменили что-то не то - не поправляйте это мышкой, лучше сразу нажмите Ctrl-Z, это отмена сделанного действия.

Текст

Открываем группу слоёв "Названия рубрики", включаем и изменяем один из имеющихся там слоёв, делаем видимым название плейлиста, где будет опубликовано видео. В каком плейлисте находится видео - указано в базе, вы его запомнили, когда закрепляли видео за собой.

Сохранение работы

В фотошопе выбираем File - Save for Web , в photopea - File - Export - Jpeg
В правом верхнем углу выбираем качество Very High

Также следите за размером файла, в нижнем левом углу. Из-за особенностей работы Youtube он должен быть не меньше 200кб:

Если файл получается меньше, увеличьте Quality.

Сдача работы

Идём в базу http://kiberpop.ru/baza/pictures2.html , фильтруем список по полю Дизайнер (выбираем себя), "В работе", находим нужное взятое в работу видео:

Жмём кнопку "Выберите файл", в появившемся окне выбираем его, далее "Загрузить изображение" и когда оно появится в таблице - жмём кнопку "На проверку".

Если вы хотите изменить работу, например если увидели ошибку - нажимайте кнопку "Вернуть дизайнеру", видео в базе изменит статус и вы сможете удалить изображение и загрузить новое изображение. Или вообще отказаться от работы с этим видео, если нажмёте "Вернуть дизайнеру" ещё раз.