Классический форум-трекер
canvas not supported
Нас вместе: 4 064 785

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


 
 
RSS
Начать новую тему   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Торрент-трекер NNM-Club -> Проекты
Автор Сообщение
repa ®
Стаж: 11 лет 6 мес.
Сообщений: 7532
Ratio: 144,626
Поблагодарили: 28946
100%

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

Работа с 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 с прозрачностью, и тогда сможем добиться более изящных результатов.
Дальше примеры использования


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

Коды для создания релизов без визарда
Код:
[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+ - техническая информация о проекте. Хотя бы минимальная версия программы и необходимость сторонних плагинов
  • +HHH+ - скриншоты. Как получить - см. выше.
  • +KKK+ - время раздачи
Код:
[align=center][color=indigo][size=20][b] VideoHive - Roses Wedding Album [AEP][/b][/size][/color][/align][hr]
[poster=right]http://i.imgur.com/wE9Fe8G.jpg[/poster]

[b]Название:[/b] VideoHive - Roses Wedding Album
[b]Официальный сайт:[/b] [url=https://href.li/?http://videohive.net/item/roses-wedding-album/7014067]VideoHive[/url]
[b]Тип раздаваемого:[/b] Проект After Effects
[b]Формат:[/b] AEP

[b]Описание:[/b]
Прекрасная видео галерея, в которую вы без затруднений можете добавить свои фото и превратить этот проект в ролик с запечатленными незабываемыми фрагментами свадебного торжества или Love Story, истории о любви. Сердце, сложенное из лепестков роз, которые разлетаются, открывая изображение.
Превью, файл помощи и шрифт - в раздаче.
[b]Характеристики:[/b]
 - After Effects CS4 or higher
 - 1920Х1080 Full HD
 - 1280Х720 Full HD
 - 12 image / video placeholders
 - Duration – 02:00
 - No plugins needed
 - Includes tutorial
 - 29.7 fps

[b]Скриншоты:[/b]
[url=http://i.imgur.com/QSSSYSf.jpg][img]http://i.imgur.com/nD6a4sr.jpg[/img][/url]  [url=http://i.imgur.com/R61h52K.jpg][img]http://i.imgur.com/if0MOrt.jpg[/img][/url]  [url=http://i.imgur.com/GT2Bq3d.jpg][img]http://i.imgur.com/sCt5vk0.jpg[/img][/url]  [url=http://i.imgur.com/ZiKMAYd.jpg][img]http://i.imgur.com/PnwsYgt.jpg[/img][/url]

[b]Время раздачи:[/b] до 5 первых скачавших

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

Показать сообщения:   
Начать новую тему   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Торрент-трекер NNM-Club -> Проекты Часовой пояс: GMT + 3
Страница 1 из 1