Создание баннера.mp4

Автор Artur Merichev
Создание баннера.mp4

Всем привет.

Сейчас я покажу как самостоятельно сделать баннер для своего сайта для этого нам потребуется две программы Photoshop или какой-либо другой графический редактор и программа GIF анимация открываю Photoshop и создадим здесь наш файл заходим вкладку файл и выбираем создать значок для создания баннера. Нам необходимо во-первых определиться с размерами нашего баннера баннеры бывают различных стандартных размеров здесь вот вам показан. Один из таких стандартных размеров горизонтального баннера ширина 468 на 60 важно чтобы характеристики были такие же самые.

Как находятся у меня как у.

Вити сейчас на экране цветовой режим RGB разрешение 72 содержимое фото белых нажимаем OK и мы видим, что у нас создался создалась фоновое изображение нашего баня теперь нам необходимо вставить на него картинку значит картинку. Вы можете найти в архиве которые скачать по ссылке под этим видео как я открываю изображение мишаева в новое окно воспользуемся инструментом перемещения для того чтобы переместить изображение на наш фоновый слой закрываем. Это кошка и увидел, что у нас появился новый слой номер необходимо трансформировать выбираем позицию изображение на баннере для правильного трансформирования можно нажать на клавишу Shift на клавиатуре и просто мышкой уменьшить данные изображения и она у нас уменьшится без искажения теперь выбираем какое-нибудь другое инструмент например лассо и у нас программа спас спрашиваю расформирование или нет.. Да тут. Я рекомендую каждый слой который вы создаете. Фотошопе называть своим именем для тех кто работает с несколькими слоями конечно в этом проблем нет никакого, но если у вас будет много слоев. Ты очень легко у них запутаться поэтому. Давайте назовём — это слой допустим для того чтобы поменять имя слой на недостаточно всё куплено название на имени слоя два раза мышкой. Так теперь нам нужно создать ещё один слой нажимаем инструмент текст выбираем горизонтальный текст при выборе инструмента текста. В верху программа Photoshop появляется параметры данного инструмента здесь можно выбрать шрифт текста выделение текста жирный полужирный или обычный размер текста насыщенность положение текста, а также цвет текст цвет текста можно менять в процессе. Сейчас я покажу как — это сделать допустим здесь мы пропишем такое выражение хочешь теперь нам необходимо переместить данное данный слой в желаемую часть баннера для этого достаточно либо щёлкнуть вот таким образом и щелкни на инструменте перемещение и переместили в него. Примерно вот сюда теперь чтобы поменять цвет данного слоя нажимаем на слоя два раза левой кнопкой. Мышки и мы видим, что стоимость выделился мы можем в этом квадратике поменять цвет на любой другой я допустим вот такой цвет. Да кстати мы когда перемещаем ползунов в этом окне мы видим. Какой цвет у нас будет показываться в конечном итоге нажимаю. О'кей все данные свой сон теперь нам необходимо создать ещё один текстовый слой для этого нажимаем инструмент текст так нужно отменить выделение текста любой инструмент от снимаю. Модильяни теперь опять нажимаем инструмент. Техас горизонтальный текст и ниже пишем жми сюда значит можно поменять цвет текста допустим на зелёный нажимаем Nike снимаю выделения. Так теперь нам необходимо здесь несколько кадров для нашего баннера делаем первый кадр для этого здесь в меню слои. Ну просто отключаем один из текстовых слоев для этого достаточно нажать один раз на глазик. Мы видим, что напишешь мне сюда у нас пропал теперь остановимся на видимость твой. То есть — это уже у нас невидимый становится видимый слой переходим в меню слои и выжимать и выбираем объединить видимые теперь нам необходимо сохранить данные изображение выбираем вкладку файл сохранить как у кого английская версия Photoshop файл сейф соответственно игра как даем имя новому файлу отпустим баннер один обязательно меняем здесь расширение файла научпок и жмем кнопочку сохранить выбираем качество среднее разновидность формата базовый OK теперь то же самое сделаем и для 2 кадра для этого возвращаемся в историю операций играем последнюю операцию которую мы делали у нас. Видимо опять появились все слои включаем отключенный свой IP все операции становится на видимый слой выбираем слои объединить видимые файл сохранить как. Давайте сохраним этот файл под именем баннер 2 меняем расширение нажимаем сохранить OK значит работа в. Фотошопе завершена мы можем закрывать Photoshop и открыть программу LG GIF анимация значит окно можно закрыть здесь выбираем изображение выбираем папку котором сохраняли наши изображения первое первое изображение открываем в открывшемся меню. Нам необходимо поменять всего лишь один параметр у кого русская версия данной программы этот параметр называется задержка у кого английская Delay значит этот параметр показывает нам сколько времени будет показываться данной кадр до его следующим здесь выставляем примерно 3 повторяем эту операцию со вторым кадром опять нажимаем добавить изображение и выбираем второе наш сайт открыть так же оставляем этот параметр значит дистрибутив в этой программы. Вы можете скачать внизу этого видео есть ссылка на скачивание подробная установка описывается в файле ридми в архиве данного файла. Ну теперь нам можно посмотреть как будет выглядеть наш баня для этого нажимаем на вкладку.

0 комментариев
0

Читайте также