Веб-дизайн. Как создать рекламный баннер вконтакте

Автор Alla Bessonova
Веб-дизайн. Как создать рекламный баннер вконтакте

Привет сами блог фрилансера сегодняшнем уроке мы будем создавать баннера для рекламы.

ВКонтакте данную тематику очень любит арбитражники и начинающего так как он достаточно урок будет достаточно проста и не требует много времени и знаний. Так давайте перейдем. ВКонтакт вернее в Photoshop такого 20 одевал летом скидка на лендинге он достаточно откровенные, но привлекает собой внимание его достаточно много людей к себе.

Копировала видел дублировали его и он разошелся по некоторым пабликом которые предлагают услуги по дизайну разработки лендинга кто-то брал.

С разрешения кто-то без. Так давайте мы что-то с этим что-то похожая на зимнюю тематику dropmifile создать задаем ширину и высоту ширину в данном случае наверное будет 1200 всё по стандартам 1000 на 700 пикселей максимальный сделаю чуть пошире для чтобы было место для текста 1200 на 700 пикселей. О'кей получается нас такой баннер давайте для начала создадим для него подложку подложка — это вот — это серая вокруг инструмент прямоугольник со скругленными углами радиус скругления задаем где-то на 20 пикселей цвет заливки возьмём чуть-чуть для начала. Все возможно он останется у нас нажимаем на любую свободную область радиусы так здесь надо будет снова задать нам 20 пикселей везде со всех сторон на мы делали 1200 на 700 пикселей OK так вы равно его по центру нажимаем Control. А с помощью панели управления здесь выравнивание по горизонтали и по вертикали Control D убираем выделения так если нас тут была девушка таком декольте летние опята на зиму всех стираются. Снегурочкой Я немножко рыскал боли откровенных. Но в меру конечно же снегурочек, что если будет совсем уж откровенное то у нас. ВКонтакте его не пропустят ты будешь запускать например рекламу вставляем контроль в нашу снегурку преобразуя её смарт-объект чтобы у нас не портилось качество при масштабировании так поздно мне придется обрезать, что так оно будет слишком маленькая у нас то. Придётся нам срезать её руку было видно лучше лицо на которое будет привлекать внимание так он наверное лучше сделать цветом. Как вы девушка чтобы нас не заморачиваться или не удалять вокруг этот можно можно удалить данные Funny поставить любой другой, но мы этого делать не будем так создаем маску слоя на слой с девушкой чтобы удалить годфон так инструмент немножко подкорректировать фон чтобы более мягкий переход вокруг жестких рамок рамок фон нас получился практически однородные. Веденеева так. Раз уж у нас зима то давайте добавим зимние ECCO они летняя сильно уж фантазировать не будем зиму так хорошо привлекают внимание. Когда у вас текст либо разных размеров и либо чуть-чуть сдвинуться именно в баннерах зимняя скидка. Так пусть будет 25% на всё на всё этот баннер у нас не специализированный откуда тематика. Вы можете подставить любое другое слово я выложу все исходники в описании к этому видео. Вы можете скачать и использовать в своих целей своих целях за второе слово лучше использовать другим цветом чтобы у нас выделялась она рядом с красный, но меня немножко цвет на более малиновый так красный цвет у нас. ВКонтакте и социальные сети не особо любит в баннерах имена портит. Если вы сделать на 1 то как-то какой ярко-красный цвет она была скорее всего его заживёт и портит весь вид. Поэтому лучше использовать такие оттенки красного ближе к малиновому аламо хрен его знает так вот так пойдёт добавим давайте тоже вот только вот эффект тени вокруг с обводкой чтобы у нас немножко добавился объём Drom параметры наложения сначала добавляем обводку цвет так разменять на 5 пикселей и цвет белый и затем добавляем в день в больнице ещё не убираем 90 угол 90 так размер на ноль и смещения где-то на 9 фунтов так попробуем добавить. Тот же эффект на текст зимняя скидка для этого просто перетаскиваем этот прикормку сюда удерживая ALT так ну не то мне кажется стать попробуем уменьшить непрозрачность уменьшить обводку. Матрица берём наверное эффектом отсюда так появилась другая немножко мысль на зимнюю скидку. Давай тоже эффект какой-то и мы и льда текстура текстура льда. Сура лёд чтобы нас не выглядел таким скучным синим так бесшовные посмотрим текстура конь текст вот узоры на стёклах так контроль вставляем и теперь нажимаем комбинацию Control Alt G создаем маску слоя Control T немножко уменьшим размер запоминать сразу комбинацию здесь вас должно высвечиваться слева смотреть если я их не называю ускорит вашу работу в. Фотошопе Уменьши немножко непрозрачность. Вот так вот смотри ты уже поинтереснее текст наш если просто сидим на текст 25% на всё тоже можно добавить перетаскивать сюда контрл. Альт жесть программа показывает, что нужно сделать небольшой перерыв, но нам не до перерыва создадим отдельный отдельную папку вот выделим всё Control G и называй меня текст все сюда наверное лучше добавить там легкую лодку. Новатор смотрится и добавим ещё вот сюда кинуть элементы снежинки. Оленька PNG так например вот такую или такое. Скачай мне чтобы использовать png нужно сначала её сохранить. Вот я сохраняла одну из них другую правда так перетащи на наш шаблоны о немножко за красим пустоты код.

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

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