Как сделать баннер в фотошопе: создание простого баннера #1

Автор Maksim Inshakov
Как сделать баннер в фотошопе: создание простого баннера #1

сделаем.

Наш первый баннер в. Фотошопе для этого во-первых. Установите Photoshop.

Откройте его первым делом выберите в правом верхнем углу вот здесь типография для того чтобы инструменты выглядели вот так следующее выберите стрелку и нажмите Auto Select layer здесь должно быть галочка и стоять не группа.

ЛСР следующее нажмите Photoshop. Ну можно зажать Control и просто на клавиатуре и выберите в разделе так-так-так в разделе, а junit Rules выберите обязательно пиксели чтобы всё измерялось в пикселях — это важно потому, что мы работаем на для. Веба и и там в небе, что мы уже готовы нажимаем File New для того чтобы создать проект и пишем здесь 300 на 250 — — это высота и ширина соответственно resolution — это разрешение всегда ставим 72 если вот mdv и цветовая модель RGB тоже всегда OK теперь собственно нам нужно подумать о содержании. Поэтому будем рекламировать вот этот сайт по продаже сделаем баннер для сделаем баннер который будет рекламировать новую коллекцию коктейльных платьев можно взять какую фотографию из сайта а. Я подготовил одну фотографию уже для вас в папке папка исходники есть девушка. Вот мы её всегда переносим и. Давайте сразу. Увеличь А я — это делаю зажатой клавишей Shift когда у меня выбран этот инструмент для того чтобы она не сказала, что если шрифт не зажму то она может сказаться становится худея толще и так далее поэтому ещё раз перетаскиваю зажатой клавишей Shift масштабе ру потом применяют изменения и теперь здесь такая появилась пиктограмм к. Это означает, что это. Смарт объекта мы не можем его редактировать поэтому правой кнопкой мыши и расстроил расстроил если у вас пиктограммы такой нет то всё в порядке. Вы можете продолжать пропустить. Этот шаг теперь я хочу чтобы она смотрела в левую сторону нажимаю опять выбранное стрелки в правый верхний угол Flip horizontal и перетаскиваю её правее. Вот примерно вот так опять применяю и мне нравится, что слева. Белый такой фон поэтому выбираю прямоугольное выделение выбираю он опять выбираю стрелочку и нужно чтобы был выделен слой и теперь просто растягиваю влево можно кликать каждый раз на галочку можно просто два раза кликнуть на пустом месте и всё будет в порядке чтобы снять выделение опять выбираю угольник. Щёлково в пустом месте. Можно также использовать горячую клавишу Control D. Он снимает выделения всё отлично. У нас есть теперь пространство для того чтобы написать поэтому я выбираю инструмент текст. И клика протаскивание вот здесь. Здесь мы пишем что-то новая коллекция. Вити текст не поместился. Поэтому нужно его немного вниз растянуть чтобы он помнит составлять применяю изменения я вам советую выбрать шрифт Sans Bold вот здесь для того чтобы выбрать болт во-первых должен установлен быть шрифт для этого нужно в папке исходники перейти в папку Assassin's здесь выбрать Open Sans Bold и нажать на кнопочку установить шрифт. Если вы пользуетесь не. Макинтош — это у вас примерно такая же будет штука и будет кнопка установить шрифт, тогда он появится у вас вот здесь в этой панельке теперь мне нужно опять выбрать инструмент текст кликнуть внутри поля и здесь я выберу болт. Что значит жирный шрифт новая коллекция отлично хочется немного. Ещё немного уменьшить изображение девушки сделаем — это вот так и ещё раз повторю то же самое с растягиванием фона для того чтобы у нас было больше места отлично новая коллекция дальше собственная новая коллекция. Чего опять выбираю инструмент текст протаскивание здесь и пишу здесь так шрифт. Мне нужно поставить где-то 14 как ты длинные платья даже наверное 12 и не болт, а регулярно ты значит нежирные обычный шрифт теперь логотип он тоже есть в папке исходники просто выделяемые перетаскиваем его сюда можно сразу его от масштабировать точно также зажата шестом сделаем его поменьше раз рисуем его так-так-так 1 трейлер и просто выделим прямоугольном выделением логотип именно текстовые написание теперь хотелось бы чтобы у нас всё левый текст был по определенной линии поэтому я нажимаю контроллер или. Коминтерна Макеева — это вот такую линейку просто нужно нажать здесь и перетащить её сюда для того чтобы всё у нас выглядела ровно поэтому я выделяю блок с текстом перетаскиваю патерлини тоже самое с коктейльными платьями тоже самое с логотипами. Можно немного сделать пониже и. Можно немного текст увеличить я выбираю один текстовый блок зажатой клавишей 2 текстовый блок и Shift немного увеличиваю всё вместе у нас пропорционально увеличивается. Теперь нужно на каждом баннере сделать какое-то призыв к действию, а именно я кстати увеличил и, но не сказал с помощью увеличительного стекла. Вот — это можно менять масштаб при этом картинка всегда останется в натуральную величину просто можно увеличить сейчас для примера будет удобнее выбираю прямоугольный прямоугольник и зажимай у меня выпадает следующее штучка с выбором прямоугольник с закругленными углами он-то. Нам нужен выбираю его оставлю радиус скругления 20 пикселей вот здесь и начинаю его рисовать отлично. У нас можно здесь выбрать. Вите обводку я кликаю здесь и убирают обводку здесь я выбираю заливку если кликнуть на изображении вот этого градиента там можно выбрать произвольный цвет с помощью вот такой штуке такой палитры OK. О'кей Чем можно закрыть эту панельку — это панель свойств дальше. Мне нужно написать какой-то текст на на кнопки для этого и опять. Выбирай инструмент текст и рисую такое произвольный элемент и пишу начать шопинг выделяя 5 текста и хочется его сделать белый чтобы его было видно на кнопке поэт моя этот текстовый блок переношу немного ниже делаю его 11 пикселей и выравнивая с помощью стрелок на клавиатуре чтобы он вы.

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

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