Наши проекты: 3D печать и услуги : Wiki : Сувениры : Walkarounds : ВНИМАНИЕ: Сайт пока работает в тестовом режиме после переезда! Что-то может работать не так как ожидается, проверяем...

Войти Регистрация

Техники и секреты : Моделизм и компьютер/фото

Создание баннеров для статей

Лучшие статьи

Доброго всем времени суток, коллеги! В моделизме я новичок, и своих моделей (достойных показа) пока не имею. К тому же, из всего моделизма, на данный момент имеется доступ только к компьютеру и интернету. Поэтому, моя первая статья на этом сайте будет посвящена изготовлению баннеров для своих (и не только) статей.

К написанию статьи меня сподвигло желание многих коллег научиться делать это самостоятельно.
Итак, позвольте восполнить этот пробел....

На самом деле, процесс создания баннера намного проще, чем может показаться. Для этого нам понадобится следующее:

1. Скачиваем размещенный Михаилом Michael_XIII Исходник для баннера 120*60 на сайте ScaleModels.ru, он уже обо всем позаботился ;
2. Программа Adobe Photoshop. Я пользуюсь версией CS5, но это не принципиально, все используемые функции имеются и в более ранних версиях. Далее по тексту будет применяться сокращение: Ps
3. Свободное время от 5 до 10 минут

Первым делом подбираем фотографию, которая на Ваш взгляд будет отражать суть статьи, для которой этот баннер и делается.
Открываем выбранное фото в Ps - Ctrl+O или меню Файл-Открыть. По желанию, можно попытаться немного улучшить изображение: подправить тона, освещение, сделать цветовую коррекцию... Эти операции хорошо описаны в статьях: Простые примеры обработки фотографий в Photoshop CS, К вопросу о коррекции фотографий и Секреты Photoshop - Уменьшение и сжатие изображений. Огромное спасибо авторам этих статей!
От себя замечу, что применительно для баннеров, осветлять фотографии желательно заметно больше чем обычно. При уменьшении изображение кажется темнее. Тут, наверное, работает то же известное всем правило масштабного осветления, что и при покраске.

С помощью инструмента "Прямоугольная область" (на иллюстрации выделено красным с номером 1) выделяем участок на фотографии, который, по вашему мнению, должен составлять композицию на будущем баннере, и нажимаем Ctrl+C или меню Редактирование-Скопировать:

Теперь открываем файл шаблона scalemodels.ru_banner_120x60.psd. И сразу вставляем из буфера обмена скопированное изображение: Ctrl+V или меню Редактирование-Вставить. Должно получиться примерно так:

В правой части окна, в закладке Слои, ваша вставленная картинка появится как новый слой, он же становится активным в данный момент.
Видим, что изображение не имеет ничего общего с той картинкой, которую мы хотели получить. Ничего страшного, это произошло из-за того, что размер вставленного фрагмента намного превышает размер холста 120*60 пикселей.
Следующим шагом будет приведение размера нашего изображения к требуемому. Для этого нажимаем Ctrl+Т или идем в меню Редактирование-Свободное Трансформирование, появится рамка с обозначенными уголками (2), за которые следует тянуть, чтобы уменьшить изображение до нужного нам результата. Обратите внимание, для того, чтобы не нарушать пропорций, необходимо нажать кнопку с изображением цепочки (1). Теперь потягивая за уголок отмеченного прямоугольника, добиваемся желаемой композиции. Перемещать область изображения, можно кликнув на любом месте прямоугольника и потянув в нужное место. Когда вы решите, что композиция сформирована, нажмите Enter или галочку (на иллюстрации отмечена цифрой 3)

Как правило, при уменьшении картинки она кажется слегка "замыленной", это происходит по причине неизбежной потери деталей, ведь на прорисовку той же детали теперь отводится всего несколько пикселей! Добавим контраста с помощью специального фильтра. Находится он в меню Фильтр-Усиление резкости-Усиление резкости. Эта функция срабатывает сразу без параметров и настроек. Конечно, в Ps есть и более продвинутые средства повышения резкости, но для наших целей достаточно и этого.
Далее - надпись! На вкладке Слои уже имеется заготовка для текста. На иллюстрации ниже обозначено выделением красного цвета:

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

Все, мы закончили работу над созданием баннера!
Теперь его нужно сохранить в формате принятом для загрузки на сайт.
Для этого нажимаем Alt+Shift+Ctrl+S или идем в меню Файл-Сохранить для Web и устройств... Откроется следующее окно:

Здесь нужно выставить параметры, отмеченные на иллюстрации красным выделением.
Формат изображения - GIF, цвета - 32, размер изображения: Ш=120 и В=60 пикселей.
Нажимаем Сохранить, задаем понятное имя файла, желательно латиницей и сохраняем готовый баннер в любом удобном месте на вашем жестком диске

Настало время загрузить наш новый баннер на сайт Scalemodels.ru. Для этого в вашем личном меню сайта Меню для Никнэйм есть соответствующий пункт Добавить баннер, прямая ссылка здесь.
Правда сделать это можно только после публикации вашей статьи на сайте.

Здесь:
Выбираем файл Ваш Баннер.GIF - кнопка Обзор...;
ALT изображения - Название статьи;
Адрес ссылки - ссылка на статью, можно скопировать из строки браузера на странице с открытой статьей.
Нажимаем кнопку Добавить баннер и на следующий день (обычно раньше) радуемся результату!

Надеюсь, я не сильно вас утомил, и эта статья будет кому-то полезна.

P.S. При написании этой статьи, в качестве примера были использованы материалы этой статьи: ICM 1/35 Mercedes Benz G4,1939 Production. Надеюсь, уважаемый Милевец не будет на меня за это в обиде

Просмотров: 8361
Опубликовано: 2.12.11 07:00

» Автор
Geophysicist
Опыт:	2800
Репутация:	+249


http://scalemodels.ru/articles/4717-sozdanie-bannerov-dlja-statejj.html

Секреты Photoshop - Уменьшение и сжатие изображений

Фотографирование моделей. Методы редакции.

Photoshop и стендовый моделизм - Изготовление панелей приборов

GIMP - Не Фотошопом единым

Photoshop: инструмент Levels (уровни) и баланс белого

Основные ошибки в баннерах ScaleModels.ru

Основные методы пересчёта чертежей, используя фотошоп

Новости Фотошопа

Магистр Йода 18.08.2014 - 09:15

Geophysicist вроде все сделал правильно: размер, сохраненые параметры и т.д. добавляю баннер, страница возращается в исходное положение и ни чего! уже больше недели пытаюсь. попыток 7-8 сделал. а баннера нет!

Добавлено спустя 1 минуту 14 секунд:

с раптором вышло с первого раза. а томкет ну не как не загружается!

Geophysicist 18.08.2014 - 09:15

Магистр Йода
Скиньте мне на мыло ваш баннер, посмотрю что там не так.

Магистр Йода 18.08.2014 - 09:17

в гифе или фш? и где адрес увидеть??

Geophysicist 18.08.2014 - 09:19

Кидайте оба. Под моими сообщениями есть кнопочка e-mail.

Магистр Йода 18.08.2014 - 09:26

отправил! 2 гиф файла и ФШ файл

korolevvlad 18.08.2014 - 09:30

размер, сохраненые параметры и т.д. добавляю баннер, страница возращается в исходное положение и ни чего! уже больше недели пытаюсь. попыток 7-8 сделал. а баннера нет!
Если после отправки вы увидели надпись "Баннер успешно добавлен", то так оно и есть.

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

Так что дело не в технических проблемах. Удачи!

С уважением, Влад.

Geophysicist 18.08.2014 - 09:44

Магистр Йода
Все в порядке с вашими баннерами!
Скорее всего проблема в том, о чем написал Влад.

Магистр Йода 18.08.2014 - 09:49

korolevvlad, Geophysicist, спасибо за внимание! тогда остается только ждать.

korolevvlad 18.08.2014 - 16:03

Наши мольбы услышаны! :lol:

Проверяем свои статьи на наличие баннеров! :grin:

С уважением, Влад.

Магистр Йода 18.08.2014 - 18:21

поддержу)))

Добавить свою статью | Обсудить на форуме

Вы должны быть пользователем сайта, чтобы комментировать статьи!
Зарегистрироваться

Баннеров для статьи еще нет. Вы можете нарисовать их первыми!

наверх ГЛАВНАЯ НОВОСТИ СТАТЬИ/ГАЛЕРЕЯ WALKAROUNDS ФАЙЛЫ ССЫЛКИ FAQ WIKI ФОРУМ О САЙТЕ КАРТА САЙТА

Создание баннеров для статей

Лучшие статьи

Добавить свою статью | Обсудить на форуме

Вы должны быть пользователем сайта, чтобы комментировать статьи!Зарегистрироваться

Вы должны быть пользователем сайта, чтобы комментировать статьи!
Зарегистрироваться