Як зробити банер сайту

Як зробити банер сайту

Банер — це те, що привертає до вашого сайту увагу. Новітні версії Фотошопа дозволяють створювати як статичні зображення, так і анімовані. Таким чином, будь-банер можна зробити неповторним і унікальним. Дотримуючись простих кроків, наведеними в інструкції, ви навчитеся створювати якісні банери не тільки для своїх, але навіть для чужих ресурсів.

Вам знадобиться

Adope Photoshop

Інструкція

  1. Банер найчастіше є горизонтальним, тому для початку виберіть інструмент тексту на панелі інструментів, виберіть потрібний шрифт і кегль, і, нарешті, запишіть горизонтальний текст з потрібною вам фразою, попередньо підібравши відповідний фон. Накреслення фрази в процесі роботи можна змінювати за бажанням.
  2. Анімований банер привертає більше уваги і інтересу, ніж статичний. Для створення анімованого ефекту виберіть у панелі меню «Вікно» та натисніть у спадному меню «Анімація». Ви побачите розкадрування, в якій будете змінювати тривалість кожного кадру по черзі (наприклад, 1 секунда). Визначте, скільки кадрів буде у вашому анімованому банері — оптимальною кількістю буде 8-10.

    Перейдіть до другого кадру, щоб налаштувати його відображення.
  3. Натисніть на банер правою кнопкою і викличте контекстне меню. Виберіть розділ «деформувати текст» або будь-який інший, який дозволить змінювати структуру тексту в процесі анімації. Ви можете вказати будь-який параметр деформації — наприклад, «Арка» або «Стислий», і відредагувати глибину вигину в процентах.
  4. Тепер переходьте до налаштування третього кадру і далі до кінця. Якщо у вас вісім кадрів, необхідно настроїти зображення вісім разів по-різному, щоб анімація ожила. Міняйте товщину ліній, ступінь вигину, розмір тексту — все це дозволить зробити анімацію цікавіше. Після того, як всі кадри відредаговані, натисніть «Запуск відтворення анімації» і подивіться, що у вас вийшло. Якщо ви помітили недоліки, виправте їх.
  5. Так як ви створюєте банер для інтернет-сайту, вибирайте збереження для Web-формату і зберігайте файл у форматі gif.

    Тепер ви можете розмістити отриманий банер на якому сайті.