Совет 1: Как сделать баннер в фотошопе

Программа Фотошоп (Photoshop), предназначенная для обработки изображений любого типа, может быть использована и для того, чтобы сделать баннер собственными усилиями.

Для этого вам не потребуются какие-либо сверхглубокие знания возможностей программы Фотошоп. Научиться создавать стандартный баннер, размер которого составляет 468 на 60 пикселей. Вес баннера такого размера, как правило, не превышает 15 Кб. Создается такой баннер в палитре True Color. На размер файла, который в итоге получится, непосредственно влияет количество использованных в процессе ее создания цветов. Для начала следует выбрать оптимальное количество цветов. Обычно однородный текст, нанесенный на однородный фон, состоит из 8 и более цветов. Чтобы сделать баннер, запускаем программу и выбираем команду «Создать новый файл». Делаем прозрачную картинку и подбираем для нее подходящую заливку, оттенок которой вам покажется самым подходящим. Потом находим подходящую картинку, выделяем ее и переносим на фон будущего баннера. После этого подгоняем размер картинки под размеры баннера. Пользуясь инструментом «Печать», набираем в открывшемся окошке текст, который планируем поместить на баннер рядом с картинкой. Шрифт и размер букв можно выбирать такой, какой вам покажется наиболее целесообразным. После этого с помощью меню «Палитры слоев» склеиваем друг с другом все слои будущего баннера. В принципе, баннер почти готов – остается только изменить разрешение картинки на требуемое и экспортировать файл в нужную нам директорию. Делать баннеры собственноручно вовсе несложно, начинать необходимо с самого простого – и постепенно усложнять задачи. Баннеры представляют собой GIF-файлы, и освоить процесс их изготовления вряд ли займет чересчур много времени.


 

Совет 2 : Как сделать анимированный баннер

Яркая и привлекательная визуальная реклама в интернете – залог того, что ваш товар или вашу услугу заметят и оценят по достоинству. Качественный и красивый баннер необходим, если вы хотите эффективно продвигать свои услуги и сайты в сети – размещать баннер вы сможете на любом ресурсе, как платно, так и бесплатно, и сделать такой баннер совсем не трудно, если у вас есть Adobe Photoshop. Анимированный баннер смотрится гораздо интереснее статичного, и для анимации готового изображения вы можете использовать простую программу Ulead Gif Animator.
Как сделать анимированный баннер
Инструкция
1
Откройте Adobe Photoshop и определите размер будущего баннера – например, вы можете сделать баннер стандартного формата 468х60 пикселей. Подберите подходящие изображения или логотипы, которые вы включите в баннер, цвета и шрифты.
2
Определите, что именно вы напишете на баннере, и какие его элементы будут анимированными. Создайте новый документ нужного размера с прозрачной или белой заливкой, а затем разместите на поверхности нового файла выбранные вами изображения и иллюстрации, помещая каждый графический элемент на новый слой. Окружите баннер тонкой рамкой. Таким образом создайте один из кадров будущей анимации.
3
Теперь сделайте слои первого кадра невидимыми, кликнув на каждом из слоев на значок с глазом и приступайте к созданию второго кадра. Сделайте нужное количество кадров, на каждом из которых будет меняться местоположение графических элементов, а также текст. К примеру, в первый кадр вы можете включить первую часть рекламного текста, а во второй – вторую часть.
4
В последний кадр включите адрес сайта и контактную информацию. Распределите кадры по слоям, а затем, скрывая ненужные слои для каждого конкретного кадра, сохраните их поочередно в формате GIF в отдельную папку. К примеру, в качестве первого кадра сохраните фон баннера, в качестве второго – фон с логотипом, в качестве третьего – логотип с подписью и так далее. У вас может получиться пять или более кадров – из всех этих изображений в формате GIF вы должны собрать несложную анимацию.
5
Для этого откройте программу Ulead GIF Animator и выберите опцию «Мастер анимации». Укажите размер вашего баннера и в следующем шаге загрузите в программу все созданные вами кадры, нажав кнопку «Добавить изображение».
6
Установите подходящую скорость смены кадров и время задержки каждого из них, а затем установите порядок появления кадров в анимации. При необходимости продублируйте некоторые кадры, создав копии.
7
Нажмите кнопку предпросмотра, чтобы посмотреть, как готовая анимация будет выглядеть в сети. Если вас все устраивает, сохраните баннер в формате GIF и опубликуйте его в сети.
Видео по теме

Совет 3 : Как создать gif баннер

Популярным средством рекламы для продвижения сайта в сети интернет являются баннеры – небольшие графические изображения с элементами анимации, которые обеспечивают переход на сайт рекламодателя или страницу с дополнительной информацией.
Как создать gif баннер
Вам понадобится
  • - графический редактор;
  • - GIF аниматор.
Инструкция
1
Создайте новый файл для рисунка в графическом редакторе: “Файл”→”Новый”.
2
Установите параметры изображения: размер, разрешение и цветовой режим.
3
Разместите изображение в открывшемся слое, установите цвет фона, введите текст. При размещении текста автоматически создается отдельный слой.
4
Измените положение слоя на фрагменте, выбрав нужный слой и удерживая нажатой левую клавишу мыши. Сделайте верхний слой активным, кликнув по нем на панели слоев в правой части экрана левой клавишей мыши.
5
Слейте воедино активный слой с нижним: “Слой”→”Слить с нижним”.
6
Создайте еще два кадра по аналогичной схеме.
7
Сохраните полученные изображения: “Файл”→”Сохранить для Web”. Чтобы правильно сохранить кадры, активируйте один слой, оставляя остальные невидимыми. Затем, по аналогичной схеме, сохраните оставшиеся слои. Установите для файлов необходимые настройки в меню Settings.
8
Последовательно склейте кадры баннера в GIF аниматоре. Для этой цели воспользуйтесь, например, программой Ulead GIF Animator 5.0. Откройте вкладку “Файл”→”Мастер анимации”.
9
Пропишите размеры баннера в открывшейся форме и загрузите сохраненные рисунки баннера кнопкой “Добавить изображение”. Чтобы задать период чередования кадров во фрейме, выставьте временную задержку.
10
Выберите в редакторе закладку Optimize и оптимизируйте изображение. Выставьте необходимое количество цветов и сохраните готовый баннер.
Видео по теме
Обратите внимание
Проследите за тем, чтобы размер готового к размещению оптимизированного изображения средних размеров не превышал 15 Kb – это уменьшит скорость загрузки Web - страниц. Таблицы стандартных размеров для GIF- анимации отыщите в интернете.
Полезный совет
До начала разработки представьте максимально подробно внешний вид, цветовую гамму и движение элементов баннера. Это значительно ускорит прорисовку кадров.
Источники:
  • Баннеры, подписи, визитки и аватарки в фотошопе

Совет 4 : Как сделать анимированный банер

Анимированные баннеры активно применяются в веб-дизайне, так как они способны не только дать пользователю больше информации, но и привлечь внимание. Существует несколько способов создания таких изображений.
Как сделать анимированный банер
Инструкция
1
Для создания анимированного баннера вам потребуется один из графических редакторов. Есть два пути решения задачи. Первый – использование программы для создания каждого кадра баннера в виде отдельного графического файла с последующим их объединением в один. Второй – работа в графическом редакторе, позволяющем сразу создавать анимированные изображения.
2
Если вы выбираете первый вариант, вам потребуется простой графический редактор, например, Paint или GIMP, однако вы можете использовать и любой другой, который для вас удобен.
3
Запустите программу и создайте новый файл с необходимыми значениями ширины и высоты. Нарисуйте, напишите текст или вставьте картинку, это будет являться первым кадром будущего анимированного баннера. Далее сохраните этот файл в формате .gif, после чего подобным же образом создайте второй и последующие кадры. В результате у вас должно получиться количество gif-файлов, равное числу кадров будущего баннера.
4
Воспользуйтесь программой для склеивания нескольких изображений в один файл, например, Namo GIF Animator или любой другой. Также вы можете воспользоваться веб-сервисами, предлагающими такую возможность: http://www.picasion.com/ru, http://gifsun.org/ru, http://htmlweb.ru/gif-animator.
5
Если вы выбираете второй вариант, вам потребуется графический редактор, способный самостоятельно создавать анимированные файлы, например, Adobe Photoshop, Macromedia Flash и т.п.
6
Создайте новый файл в программе Photoshop. Укажите необходимые значения ширины и высоты. Далее создайте новый слой, для чего выберите в меню «Слои» –> «Новый» –> «Слой». Создайте столько слоев, чтобы их количество соответствовало желаемому числу кадров баннера. На каждом из слоев нарисуйте (или вставьте) необходимое изображение.
7
После этого выберите в меню «Окно» –> «Анимация». Укажите для каждого из кадров желаемое время задержки. Также вы можете просмотреть, как будет выглядеть будущий баннер. Сохраните полученный файл в формате .gif.
Видео по теме

Совет 5 : Как создать анимационный баннер

Анимированный баннер поможет сделать ваш сайт более привлекательным и заметным для посетителей. При этом необходимо следить, чтобы анимация была в меру и не раздражала глаз. Создать анимационный баннер можно при помощи программы Adobe Photoshop, а также можно анимировать статическое изображение в приложении Ulead Gif Animator.
Как создать анимационный баннер
Вам понадобится
  • - Adobe Photoshop;
  • - Ulead Gif Animator.
Инструкция
1
Установите программу Adobe Photoshop на ваш компьютер. Ее можно скачать на официальном сайте или приобрести в специализированных магазинах. Не стоит пользоваться бесплатными пиратскими версиями, так как в них отсутствуют некоторые полезные функции и разделы.
2
Сделайте самостоятельно или скачайте в интернете картинку, которая станет основой для будущего анимационного баннера. После этого запустите Adobe Photoshop и нажмите в меню «Файл» кнопку «Открыть». В результате у вас появится окно с нужным изображением, которое необходимо будет анимировать.
3
Создайте слои. Для этого нажмите на меню «Слой» и выберите пункт «Новый». Появится окно, стоящее из трех вкладок. Перейдите на вкладку «Слой» и создайте необходимое количество слоев, которые должны соответствовать числу текстов или движений в анимации. Ввести текст для каждого слоя можно, нажав на нем левой кнопкой мышки и перейдя к инструменту «Текст».
4
Откройте меню «Редактировать в Image Ready». Для внесения изменений активируйте значок с изображением глаза и нажмите кнопу «Анимация», создайте дубликат текущего кадра. Выполните данную операцию для всех слоев баннера. После этого укажите количество секунд для каждого кадра и нажмите на кнопку «Всегда», чтобы выбрать параметры цикла. Воспроизведите анимацию, чтобы оценить результат и внести при необходимости корректировки.
5
Скачайте и установите программу Ulead Gif Animator. После этого создайте несколько картинок в формате gif, из которых будет состоять ваш анимационный баннер. Запустите программу и откройте меню «Мастер анимации». Введите размер для вашего баннера и загрузите по порядку все созданный кадры. Настройте скорость смены кадров и время задержки, а также отметьте порядок появления кадров. Сохраните работу в формате gif.
Источники:
  • анимационный баннеры

Совет 6 : Как сделать баннер gif

Баннеры - простой, но привлекательный способ сделать объявление для сайта или открытку другу. Создать баннер можно как с использованием простой программы MS Paint, так и профессионального редактора Photoshop.
Как сделать баннер  gif

Создание баннера с помощью MS Paint



Откройте программу Paint, кликните по меню «Изображение» и выберите «Атрибуты». Укажите подходящие размеры баннера, например, 70 на 10 дюймов и нажмите кнопку «OK». Выберите инструмент «Текст», значок которого в виде буквы «А» расположен в левой стороне программы. Если панель инструментов отсутствует, откройте меню «Вид» и нажмите кнопку «Набор инструментов». Введите надпись баннера, например, «Добро пожаловать на сайт!». Перетащите текст мышкой в нужное место и отрегулируйте его размер, чтобы он красиво смотрелся на баннере.

Выберите инструмент «Аэрограф», который имеет значок баллончика, и выберите распылитель большого размера. Выберите подходящий цвет краски и выполните несколько мазков вокруг белого пространства баннера, добавив цветные конфетти. Вы можете изменять цвета краски или использовать другие доступные инструменты для добавления различных графических эффектов. В меню «Файл» выберите «Сохранить как». Укажите название баннера, выберите формат «GIF» и сохраните файл на вашем компьютере.

Использование Adobe Photoshop



Откройте Photoshop , перейдите в меню «File» и выберите «News». Назовите файл «GIFBanner» и установить размеры 8 на 2 дюйма, что наилучшим образом подходит для размещения в сети. Откройте меню «Mode» и нажмите «RGB Color». Выберите «White» в разделе «Contents» и нажмите «OK», чтобы создать рабочее пространство.

Выберите инструмент «Type», который имеет вид буквы «T». Укажите подходящий шрифт, размер и цвет в текстовой панели в верхней части экрана. Нажмите на баннер и введите нужное вам сообщение, после чего перетащите текст на подходящее место.

Нажмите на инструмент «Fill» и выберите «Pattern». Кликните по полю рисунка и выберите подходящий дизайн фона, например, в виде пузырьков или шахматной доски. Отредактируйте шаблон, опустив параметр «Opacity» до 20 процентов, чтобы фон был менее ярким, чем сообщение баннера. Кликните по белому пространству рисунка, чтобы установить выбранный фон.

Нажмите правой кнопкой на маленький значок с тремя линиями в правом верхнем углу меню «Patterns» и выберите «Flatten Image». Если вы не видите меню «Patterns», перейдите на вкладку «Window» и выберите «Show Layers» для активации скрытой панели. Откройте меню «Файл», выберите «Сохранить как», укажите «GIF» в качестве формата файла и сохраните его на компьютере.
Совет полезен?
Поиск
Добавить комментарий к статье
Осталось символов: 500