Советы и рекомендации по оформлению релизов в разделе Дизайн-Медиа-Графика

Советы и рекомендации по оформлению релизов в разделе Дизайн-Медиа-Графика

Работа с Image Uploader
Саму программу с рекомендуемыми настройками можно скачать здесь. Дальнейшие описания будут основываться на данной версии.

1. Открываем программу. У нас несколько путей для заливки постера на хостинг, выбираем наиболее удобный или подходящий по ситуации

нажать на Добавить изображения. Откроется стандартное окно выбора файлов на компьютере, там выделяем нужное и жмем Открыть.
перетащить изображение из браузера или файл картинки из Проводника в окно программы. Должно добавиться в список закачиваемого.
Разработчик рекомендует этот способ, но у меня иногда не срабатывал. Если ничего после перетаскивания не происходит, пробуйте альтернативные методы.
скопировать изображение или файл в буфер обмена и нажать Из буфера обмена. Если вы копируете файл, находящийся на вашем компьютере, это делается стандартно, нажатием Ctrl+C в Проводнике.
Также можно скопировать картинку в буфер прямо из браузера. Например, в Firefox при клике правой кнопкой мыши (ПКМ) на изображении появляются пункты меню Копировать изображение и Копировать ссылку на изображение. Разница следующая: в первом случае в буфер помещается битмап и передается в программу в формате PNG, во втором - копируется ссылка и изображение загружается в том формате, в каком оно было в оригинале (JPG, PNG, GIF и т.д.)
сделать снимок области экрана. Для этого открываем нужное изображение в браузере, просмотрщике картинок, графическом редакторе, плеере видеофайлов на паузе... короче в чем угодно. Далее запускаем UI, нажимаем Снимок выбранной области... (окно IU пропадает, курсор становится перекрестьем) и выделяем нужную область, нажав в одном углу и не отпуская, растягиваем рамку по диагонали. Как только вы отпустите кнопку мыши, снимок этой области станет изображением в списке загружаемых. Если вдруг промахнетесь или что-то не понравится, достаточно выделить и удалить (Delete) снимок, после нажать Назад и повторить снова.

2. Нужная картинка появляется в поле загружаемых. В этом окне можно добавлять файлы (Ctrl+V), удалять (Delete) или редактировать, а также другие функции, доступные нажатием ПКМ. Заодно проверяем размер в пикселях, подходит он под требования или нет. Если всё в порядке, сразу переходим к п.3

2.1 Если картинка не соответствует нормам размеров, делаем следующее:

на этой же вкладке жмем ПКМ на изображении и выбираем Редактировать
по умолчанию откроется редактор Paint
В нем нажимаем Изменить размер => Пиксели => Изменяем величину, меньшую 300 или большую 640 пикселей до необходимого значения. Для квадратных постеров рекомендуемое значение 450x450 => ОК => Жмем Сохранить => Закрываем Paint

Видим в подписи под картинкой, что размер ее изменился.

3. Жмем Далее. Тут выбираем один из рекомендованных хостингов, лучше imgur.com.

Внизу кликаем Загрузить

4. Ждем пока загрузка покажет 100%. Переходим во вкладку Просто ссылки (URL) и жмем Копировать в буфер

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

1. Открываем программу. Есть несколько способов заливки скриншотов на хостинг, выбираем наиболее удобный или подходящий по ситуации

нажать на Добавить изображения. Откроется стандартное окно выбора файлов на компьютере, там выделяем нужное и жмем Открыть. Для выделения нескольких, используем стандартные хоткеи, такие как Shift или Ctrl.
перетащить файлы скриншотов из Проводника в окно программы. Должны добавиться в список закачиваемого.
Разработчик рекомендует этот способ, но у меня иногда не срабатывал. Если ничего после перетаскивания не происходит, используйте альтернативный метод
сделать снимки области экрана. Для этого открываем нужные изображения в браузере, просмотрщике картинок, графическом редакторе, плеере видеофайлов на паузе... короче в чем угодно. Далее запускаем UI, нажимаем Снимок выбранной области... (окно IU пропадает, курсор становится перекрестьем) и выделяем нужную область, нажав в одном углу и не отпуская, растягиваем рамку по диагонали. Как только вы отпустите кнопку мыши, снимок этой области станет изображением в списке загружаемых. Если вдруг промахнетесь или что-то не понравится, достаточно выделить и удалить (Delete) снимок, после нажать Назад и повторить снова. Для добавления дополнительных изображений повторяете действия, также нажимая Назад - уже сохраненные снимки останутся в списке.

сделать скриншоты с видеофайла, находящемся на вашем компьютере возможно по инструкциям отсюда, и далее загружая как обычные картинки. Но функционал Image Uploader позволяет делать их в автоматическом режиме, без лишних движений. Для этого нажимаем Импортировать видео файл и находим ролик, откуда будем брать скриншоты

количество кадров

множество файлов

Извлечь

Delete

п.3

2. Превьюшки скриншотов появляются в поле загружаемых. В этом окне можно добавлять файлы (Ctrl+V), удалять (Delete) , а также другие функции, доступные нажатием ПКМ.

3. Жмем Далее. Тут выбираем один из рекомендованных хостингов, лучше imgur.com.
Отмечаем чекбоксы Создавать миниатюры (превью) и остальные настройки как на картинке

Внизу кликаем Загрузить

4. Ждем пока загрузка покажет 100%. Переходим во вкладку Для форума (BBCode), там тип кода Таблица эскизов с увеличением по клику, картинок в строке 5. Последнее нужно если вы закачиваете более пяти скриншотов, и так будет видно, какая часть кода пойдет под спойлер "Дополнительные скриншоты". Жмем Копировать в буфер

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

Если кому-то вдруг неудобно изменять размер картинок посредством Paint, Image Uploader позволяет это делать в автоматическом режиме. Сразу оговорюсь, в сторону уменьшения это работает отлично, а увеличивает программа без сохранения пропорций. Почему так, не понимаю. Примем как данность. ))
Итак, мы добавили картинку, которая БОЛЬШЕ требуемых размеров для обложки/постера

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

Я создал несколько заготовок для быстрой обработки, они следующие:

Default - дефолтная настройка, размер не изменяет, любой файл пересохраняет как JPG с 85% качеством. Даже если это уже изначально JPG.
Перевести в JPG - то же самое, только не трогает уже JPG файлы, оставляет их как есть. Полезно, если постер изначально в PNG и много весит.
Растянуть высоту до 300 - увеличивает высоту до 300 px не сохраняя пропорций. Та самая спорная функция, о которой написал выше. Полезно для горизонтальных постеров СЛЕГКА недостающих по размерам до нормы (например, 270-299). Если недостача больше, пропорции исказятся сильнее и выглядеть будет совсем не ахти. Тогда лучше воспользоваться Paint.
Растянуть ширину до 300 - увеличивает ширину до 300 px не сохраняя пропорций. Те же недостатки, только для маленьких вертикальных постеров.
Уменьшить высоту до 300 - уменьшает высоту до 300 px сохраняя пропорции. Самая рабочая установка. Легко превращает огромные скриншоты в элегантные постеры )))
Уменьшить ширину до 300 - уменьшает ширину до 300 px сохраняя пропорции. Для больших вертикальных постеров.
Уменьшить квадрат до 450 - уменьшает ширину и высоту до 450 px. Полезно для больших квадратных обложек или очень близких к квадрату.

Таким образом для нашей огромной картинки выбираем пресет Уменьшить высоту до 300 т.к. она горизонтальная, и жмем Загрузить. На выходе мы имеем готовый постер, соответствующий правилам оформления.

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

Warning и achtung! То бишь, внимание!
Если Вы скопировали эту Portable версию Image Uploader куда-либо на диск C: (в Program Files или еще куда), настройки не будут сохраняться после закрытия программы, и в следующий раз всё будет снова по умолчанию. Для предотвращения этого надо либо запускать ее от имени администратора (чтобы каждый раз не лазить, в свойствах Image Uploader.exe поставьте галку здесь либо скопируйте всю папку с программой на любой другой диск или в директорию пользователя (там есть права на запись), и стартуйте оттуда.

В поле Надпись на миниатюре вы можете убрать или добавить всё что угодно душе (в разумных пределах, сообразуясь с количеством помещающихся символов в 180 пикселей и цензурой). Если захотите, легко скрыть полоску с информацией просто сняв галку с чекбокса слева.

Нажав на кнопку Редактировать открываются возможности настройки цвета градиента полоски (сверху вниз), рамки и текста.

Также существуют готовые пресеты миниатюр от производителя. Выбрать их можно в соответствующем месте.

Итак, нас посетило желание выставить постер или скриншот не просто рядовой картинкой, а добавить туда свой никнейм или логотип Клуба. Нет ничего проще ))

И снова не забывам про предупреждение относительно сохранения настроек из прошлого руководства про миниатюры!

Для примера возьмем следующую обложку, будем экспериментировать на ней.

1. Добавляем текст.
Заходим в настройки Image Uploader и переходим на закладку Изображения

В нижней части выбираем чекбокс Добавить текст на картинку. Становятся активными: поле, где набираем наше послание; позиция текста - понятно, в каком месте изображения он будет находиться; цвет текста и обводки (лучше выбрать контрастные цвета, чтобы было хорошо видно) и закладка Шрифт..., где выбираем размер, начертание и сам шрифт. Клубный шрифт, для желающих можно скачать по ссылке.

Теперь ВАЖНАЯ ИНФОРМАЦИЯ. При сохранении настроек, они добавляются в текущий профиль (на скриншоте выбран Default). Если вы хотите добавить текст или ватермарки в каждый профиль, придется повторить процедуру по отдельности для всех, или при надобности, создайте свой. Чтобы текст или ватермарки отобразились, включаем галку Обрабатывать изображения и выбираем профиль, в котором мы их сохряняли

Заливаем на хостинг и смотрим что получается. Работает, и не только на картинках, но и на миниатюрах.

Что ж, вполне симпатично. Но хочется чего-то большего... ))

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

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

Файлы для "брендирования" будут выкладываться здесь под спойлером, по мере создания новых.

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

Код: выделить все

[align=center][color=indigo][size=20][b] +AAA+ [+BBB+][/b][/size][/color][/align][hr]
[poster=right]+CCC+[/poster]

[b]Название:[/b] +AAA+
[b]Официальный сайт:[/b] [url=https://href.li/?http://+DDD+]ссылка[/url]
[b]Тип раздаваемого:[/b] +EEE+
[b]Формат:[/b] +BBB+

[b]Описание:[/b]
+FFF+
[b]Характеристики:[/b]
+GGG+

[b]Скриншоты:[/b]
+HHH+

[b]Время раздачи:[/b] +KKK+

Условные обозначения:

+AAA+ - название проекта в формате *Производитель* - *Название проекта*. Если производитель/издатель не известен, пишется Проект AE - *Название проекта* или Проект ProShow Producer - *Название проекта* и т.д.
+BBB+ - основной формат файла проекта. Для AfterEffects это AEP, для ProShow Producer PSH и т.д.
+CCC+ - url картинки для постера. Как получить - см. выше.
+DDD+ - url официальной страницы проекта. В случае отсутствия, надпись Официальный сайт: заменить на Демо: и вставить ссылку на демо проекта на Youtube
+EEE+ - пишется Проект After Effects или Проект ProShow Producer и т.д.
+FFF+ - краткое (или полное, при желании) описание на русском.
+GGG+ - техническая информация о проекте AfterEffects. Хотя бы минимальная версия программы и необходимость сторонних плагинов
+HHH+ - скриншоты. Как получить - см. выше.
+KKK+ - время раздачи

Код: выделить все

[align=center][color=indigo][size=20][b] +AAA+ [+BBB+][/b][/size][/color][/align][hr]
[poster=right]+CCC+[/poster]

[b]Название:[/b] +AAA+
[b]Официальный сайт:[/b] [url=https://href.li/?http://+DDD+]ссылка[/url]
[b]Тип раздаваемого:[/b] Футажи

[b]Разрешение файлов:[/b] +EEE+
[b]Формат:[/b] +BBB+

[b]Описание:[/b]
+FFF+
[b]Характеристики:[/b]
+GGG+

[b]Скриншоты:[/b]
+HHH+

[b]Время раздачи:[/b] +KKK+

Условные обозначения:

+AAA+ - название футажей в формате Футажи - *Производитель* - *Название сборника*. Если производитель/издатель не известен, пишется Футажи - *Название сборника*.
+BBB+ - формат файлов футажей. MOV, MP4 и т.д.
+CCC+ - url картинки для постера. Как получить - см. выше.
+DDD+ - url официальной страницы сборника футажей. В случае отсутствия, надпись Официальный сайт: заменить на Демо: и вставить ссылку на демо футажа на Youtube
+EEE+ - разрешение футажей в пикселях
+FFF+ - краткое (или полное, при желании) описание на русском.
+GGG+ - техническая информация о футажах, если указаны особенности. Если нет - пункт удаляется.
+HHH+ - скриншоты. Как получить - см. выше.
+KKK+ - время раздачи

Код: выделить все

[align=center][color=indigo][size=20][b]Футажи - motionVFX - mBURNS 2 4K for Final Cut Pro X  [MOV][/b][/size][/color][/align][hr]
[poster=right]http://i.imgur.com/V4XtknO.jpg[/poster]

[b]Название:[/b] motionVFX - mBURNS 2 4K for Final Cut Pro X
[b]Официальный сайт:[/b] [url=https://href.li/?http://www.motionvfx.com/mplugs-42.html]ссылка[/url]
[b]Тип раздаваемого:[/b] Футажи

[b]Разрешение файлов:[/b] 3840x2160 (4K)
[b]Формат:[/b] MOV

[b]Описание:[/b]
mBURNS 2 - новая коллекция из 50 динамичных эффектов burn и эффектов пленки от известного производителя.
[b]Характеристики:[/b]
[list][*]4K resolution
[*]Final Cut Pro X: Version 10.1.1 required[/list]

[b]Скриншоты:[/b]
[url=http://s020.radikal.ru/i710/1403/24/8b378607f7cc.png][img]http://s019.radikal.ru/i619/1403/bb/57a1f4446d29.jpg[/img][/url]  [url=http://i023.radikal.ru/1403/eb/19cb459a0a8a.png][img]http://s51.radikal.ru/i131/1403/2d/77853c6f9191.jpg[/img][/url]  [url=http://s43.radikal.ru/i101/1403/5a/5aa50d00b9a0.png][img]http://s61.radikal.ru/i171/1403/e4/2291d927a94a.jpg[/img][/url]  [url=http://s018.radikal.ru/i523/1403/10/efa25dcadca6.png][img]http://i031.radikal.ru/1403/f1/e67f89006156.jpg[/img][/url]
[hide=Полноразмерные скриншоты][url=http://i.imgur.com/so9eeBr.jpg][img]http://i.imgur.com/O7YenZ7.jpg[/img][/url]  [url=http://i.imgur.com/fdP65wO.jpg][img]http://i.imgur.com/cymJMeL.jpg[/img][/url]  [url=http://i.imgur.com/90lTtyy.jpg][img]http://i.imgur.com/UtxfvqE.jpg[/img][/url]  [url=http://i.imgur.com/qLjePWH.jpg][img]http://i.imgur.com/Q2VZSdl.jpg[/img][/url]  [url=http://i.imgur.com/ii0zL6U.jpg][img]http://i.imgur.com/buKPhdX.jpg[/img][/url]  [url=http://i.imgur.com/GeZMJUs.jpg][img]http://i.imgur.com/051U2BO.jpg[/img][/url][/hide]

[b]Время раздачи:[/b] круглосуточно

Все просьбы, замечания и предложения по дополнению этой темы
можно оставлять здесь.