Как сделать красивую картинки для вк фотошопе
Обложки для группы вконтакте появились после обновления интерфейса соцсети. И если раньше каждая группа имела собственную аватарку, то теперь владельцам групп вконтакте можно выбирать, что бы они хотели видеть на главной странице сообщества: обложку или аватарку.
Сегодня я хочу вам рассказать, как сделать обложку для группы вконтакте. Мы разберем три способа:
Размер обложки для группы вконтакте
Размер обложки для группы вконтакте равен 1590х400 px.
Как сделать обложку группы сверху
Чтобы разместить обложку группы вконтакте сверху необходимо в первую очередь найти эту функцию в настройках сообщества. А именно на главной странице выберите в меню вкладочку Управление сообществом.
Далее в Основной информации есть раздел Обложка сообщества. Чтобы разместить готовую обложку в группе сверху, нужно просто нажать на кнопочку Загрузить. Затем выбрать подготовленный вариант из папки на компьютере, и обложка встанет на свое место на главной странице сообщества.
Как сделать обложку группы в Фотошопе
Сделать обложку группы можно в популярной программе Фотошоп. Для этого, зная тему сообщества, подберите по смыслу интересную картину в Интернете.
Все дело в том, что если вы найдете картинки маленькие, для того, чтобы подогнать их под размер обложки, их придется растягивать. А от этого сильно ухудшится качество изображения.
Поэтому выбираете картинку, нажимаете на нее правой кнопкой мыши – Копировать изображение.
Далее идете в программу Фотошоп. Кстати, если вы новичок и не умеете работать с этой программой, советую изучить мой курс Как создать 3D обложку для инфопродукта . Здесь я показываю с самых азов, как работать в Фотошопе. Более того первый урок посвящен теме, где взять и как установить себе на компьютер данную программу.
В фотошопе выбираете Файл – Создать.
В открывшемся окне у вас должны быть выставлены следующие настройки:
- Имя файла
- Размер обложки для группы вконтакте: ширина 1590 рх, высота 400 рх
- Разрешение – 72 пикселы/дюйм
- Цветовой режим – цвета RGB 8 бит
- Содержимое фона – прозрачный.
У вас появится заготовка вашей обложки. Теперь вам нужно нажать сочетание клавиш Ctrl+V. Таким образом, вы вставите картинку, которую скопировали из интернета.
Теперь внимание! Я уверена, что картинка по размеру оказалась больше, чем заготовка обложки. Ее нужно подогнать под размер 1590х490 рх.
Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование. Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter.
Основа обложки у нас готова. Теперь давайте на обложке пропишем название группы. Допустим, назовем ее в качестве примера Океан стихов.
Для этого в Фотошопе нам нужно создать новый слой. В нижней панели выбираем функцию Создать новый слой.
Слева выбираем Инструмент «Горизонтальный текст».
И на обложке для группы вконтакте выделяем область, где хотим разместить название группы. Теперь вам нужно определиться со шрифтом текста, размером и цветом. Все эти настройки находятся в верхней панели программы Фотошоп, когда активен инструмент «Текст». Подробности в видеоуроке ниже.
Прописываем название группы и нажимаем Enter.
Обычно в таком виде текст смотрится не очень красиво. Поэтому важно здесь поработать со стилями текста. Панель со стилями находится с правой стороны рабочего окна программы.
Работать со стилями можно тогда, когда у вас выделен текстовый слой в панели.
Теперь, если вы не знаете, какой конкретный стиль можно применить к названию группы, просто методом подбора определите, что на данной обложке будет смотреться лучше всего. Здесь все дело во вкусе!
Кстати, при включении того или иного стиля в слоях под текстом будут отображаться различные эффекты, применяемые в этот момент к тексту. При желании каждый эффект можно отключить или отредактировать, нажав на него правой кнопкой мыши – Параметры наложения.
После всех манипуляций с надписью, если вас устроил результат: обложка для группы вконтакте готова, необходимо ее сохранить. Для этого выбираем Файл – Сохранить для Web.
Набор PNG-24 (правый верхний угол). Это самый удачный формат картинок для социальных сетей.
Кнопочка Сохранить, и выбираете папку на компьютере, куда это необходимо сделать.
Итак, мы разобрали, как сделать обложку для группы вконтакте с помощью программы Фотошоп. Обложки для группы вконтакте онлайн можно легко создавать на сервисе canva.
Как сделать обложку для группы вконтакте онлайн на сервисе canva
Для того, чтобы начать работать в canva, вам необходимо зарегистрироваться на этом сервисе .
Сделать это можно через социальные сети или с помощью электронной почты.
Целью сегодняшней статьи не является знакомство с этим сервисом – для этого будет отдельная тема. Напомню, что сегодня мы разбираем, как сделать обложку для группы вконтакте, используя Канву.
После авторизации на сайте вы попадаете на страницу, где в правом верхнем углу вам необходимо нажать на кнопку Использовать специальные размеры.
Вспоминаем, что размер обложки группы вконтакте 1590х400 рх. Соответственно, проставляем эти размеры в открывшемся окне.
Следующая страница с макетами позволяет нам выбрать макет из предложенных данным сервисом. Сразу скажу, что макеты не удачные и скорей всего к вашей обложке никак не подойдут.
Canva позволяет загружать на сайт собственные картинки. Поэтому по аналогии с работой в Фотошопе найдите в интернете нужное изображение чуть большего размера, чем обложка и загрузите ее на сайт Канвы через функцию Мое – Добавить собственные изображения.
Скорей всего ваша картинка откроется в меньшем размере, чем сама обложка. Не волнуйтесь, ее можно увеличить, потянув за уголки левой кнопкой мыши.
Теперь логично нам нужно добавить название группы на нашу обложку, т.е. текст. Вы можете сделать это через функцию Текст слева на панели инструментов.
Стоит уточнить, что сервис Canva условно платный, т.е. частью функционала вы можете пользоваться абсолютно бесплатно (там, где указано Бесплатно).
В Тексте вы можете выбрать определенный элемент и отредактировать текст уже в нем, или выбрать понравившийся вам шрифт. Только внимание! Большинство англоязычных шрифтов не поддерживают русские шрифты. Поэтому выбор, на самом деле, не так велик, как кажется на первый взгляд.
Для примера я возьму элемент с текстом. Подробнее в видеоуроке ниже.
Щелкнув на этот элемент, в верхней части сайта появляется панель для работы с текстом.
Здесь вы можете выбрать шрифт, размер, цвет текста, и т.д. Здесь же есть корзина для удаления, если вдруг готовый вариант вам не понравился.
Результат примерно такой:
Выбираете папку на компьютере, и ваша обложка сохраняется в готовом виде. Все, что вам осталось, это загрузить ее в группу вконтакте. А как это сделать, читайте выше.
В ВК появился новый способ привлечения подписчиков в группу. Это реализуется через виджет приветствия . Как этот виджет работает, как его установить, как настроить, читайте в моей новой статье.
Сегодня мы разобрали тему, как создать обложку для группы вконтакте. В качестве дополнительного материала настоятельно рекомендую посмотреть видеоурок:
Как сделать динамическую обложку для группы ВКонтакте
Помимо обыкновенных обложек, которые вы можете сделать с помощью вышеперечисленных программ Photoshop и Canva, существуют динамические обложки.
Для создания таких обложек вам понадобится конструктор динамических обложек или специальный скрипт.
Примеры динамических обложек
Кстати, поясню для тех, кто впервые сталкивается с этим понятием, динамическая обложка – это обложка с информацией, которая отображается в реальном времени.
Например, с помощью специальных виджетов, на динамическую обложку можно вывести информацию об активных комментаторах группы или последних вступивших, — в виде аватарок.
Давайте рассмотрим примеры:
На первом примере на динамической обложке отображаются аватарки лидеров конкурса, проведенного в этой группе. И все это в реальном времени.
На втором примере с помощью специального алгоритма на обложку выводится аватарка самого активного комментатора и последнего подписчика.
Третий пример – самый простой – на обложке погода в реальном времени.
В чем преимущество динамической обложки? Это дополнительное привлечение внимания посетителя к сообществу, и как следствие – увеличение количества подписчиков.
Вообще о динамической обложке вы можете найти информацию в другой моей статье о сервисах автопостинга в соцсетях .
Создание динамической обложки для сообщества ВК
Динамические обложки относятся к элементам геймификации в соцсетях. Существуют специальные конструкторы для создания динамических обложек. Даже если ранее вы никогда не пользовались подобными сервисами, создать обложку для ВК для вас не составит особого труда.
Конструктор представляет собой набор виджетов для размещения на обложке.
№1. Конструктор динамических обложек
Рабочая область конструктора выглядит следующим образом:
Чтобы создать динамическую обложку в LetsCover, достаточно загрузить фон-картинку и разместить на нем необходимые виджеты. Это может быть «последний подписчик», «лучший комментатор», «репостер дня», «сегодняшний именинник» и т.д. Всего доступно 30 виджетов.
№2. Конструктор динамических обложек
Работает по аналогии с предыдущим сервисом. Есть готовые шаблоны обложек, доступные для редактирования, и галерея картинок. Но здесь чуть меньше виджетов. Тем не менее, самые популярные виджеты представлены. Возможна интеграция с Ютуб, новостной лентой RSS и донатами.
Социальные сети прочно заняли важное место в жизни практически каждого представителя молодого поколения. Общение, игры, черпание интересной и важной информации – это далеко не все, что получают пользователи Вконтакте.Они с удовольствием делятся историями из жизни (реальными и выдуманными), предлагают друзьям оценить и прокомментировать новые фотографии, чтобы похвастаться произошедшими событиями. И установка аватарки (главной фотографии, которая выводится на основной странице) становится важным процессом.
Сейчас красивым фото мало кого удивишь – благодаря разнообразию различных программ в интернете можно сделать настоящее творение искусства, частично или полностью изменив внешность. А те, кто еще не знает как сделать крутую аватарку для Вконтакте, могут воспользоваться несколькими советами.
Классная аватарка без редактирования
Сложнее всего сделать идеальную фотографию без ее обработки в специальных программах. Но если вы не владеете навыками Фотошопа или хотите сделать естественную, но при этом крутую аватарку, то вам понадобится следующее:
- Фотокамера
- Вентилятор
- Лампа
- Хорошее настроение.
Запомните одно правило: никогда, ни при каких условиях не фотографируйтесь в плохом настроении. Ваша поза окажется скованной, улыбка поддельной, а глаза тусклыми. Если вам нужна действительно крутая аватарка, отправляйтесь на фотосессию только в хорошем настроении.
Второе правило: не берите в качестве фотографа неопытного друга или человека в состоянии алкогольного опьянения (даже легкого). Из такой затеи ничего хорошего не выйдет, лучше купите штатив и на него установите фотокамеру. Это позволит стараться над созданием аватарки неограниченное количество времени, не слушая недовольство подруги.
Итак, камера готова, настроена под натуральное освещение (ориентируясь на время суток, установите соответствующие настройки в меню техники). Дополнительно вам потребуется еще один источник света, который будет направлен на вас. Для этого подойдет обычный торшер и даже настольная лампа, установленная таким образом, чтобы ваш торс освещался полностью.
А теперь о позах
Девушки с парнями должны фотографироваться по-разному! На картинках вы увидите самые интересные позы для девушек и парней. Лучше выбрать сразу несколько вариантов, чтобы увидеть в каких случаях открываются ваши лучшие стороны. Девушкам с длинными волосами можно подставить вентилятор, который сделает выражение лица более сексуальным при слегка взлохмаченной прическе.
Ваше лицо должно быть расслаблено, а улыбка естественной. Не пытайтесь сделать из себя нечто сексуально-вожделенное, прищурив глаза и приоткрыв рот. Лучше будет смотреться фото, на котором девушка озаряет своей красивой, лучезарной улыбкой, отображая свой мягкий характер.
Делаем крутую аватарку в программе
Сейчас в интернете можно найти множество программ для редактирования фотографий. Пользоваться ими очень удобно, достаточно загрузить свое лучшее фото и создать нужные эффекты. Чтобы аватарка получилась классной, применяйте следующие опции:
- Удаление красных глаз (это обязательно);
- Эффект состаривания фото – подходит для некачественных снимков, когда нужно скрыть недостатки на лице;
- Черно-белое фото – решает сразу несколько проблем, в том числе устранение красных глаз, пигментных пятен на лице, акне, недостатки фигуры;
- Изменение размера – вы можете обрезать фото по своему желанию, оставив только лицо или устранив некрасивый фон снизу или сверху снимка.
Редактирование фото
Если же вам совсем не нравится фотография, то вы можете изменить ее полностью. Для этого скачайте любую программу (Photoshop, PhotoScape и т.д), загрузите фото и начинайте творить. Данные утилиты позволяют вносить коррективы в лицо, например, изменять цвет глаз, форму носа, делать цвет кожи ровным, с эффектом загара, устранять некрасивые пятна. В программах редактирования фото вы можете поменять фон, установить рамку или переместить себя на морское побережье.
Однако не переусердствуйте. Нередко девушки стараются сделать себя «королевами» в прямом смысле слова, помещая свое лицо в уже готовый эскиз. В некоторых случаях это смотрится эффектно, но, не имея опыта работы с такими программами, снимок получается смешным и нелепым. Старайтесь создать естественную аватарку, чтобы никто не понял о том, что она прошла обработку.
Профессиональная аватарка
Есть еще один способ сделать красивую аватарку. Обратитесь к профессиональным редакторам, которые умеют делать из любого, даже самого некачественного снимка, шикарное фото. За это придется заплатить, но что не сделаешь порой ради большого количества лайков и комментариев на своей страничке Вконтакте.
При работе с различными программами для редактирования фото не забывайте сохранять готовые результаты. Вдохновившись новыми идеями, вы можете настолько поглотиться процессом, что потеряете все сделанные аватарки из-за собственной невнимательности. И не спешите критиковать готовые снимки – посмотрите на них завтра, возможно, что ваш взгляд изменится, и вы влюбитесь в собственные фотографии.
Перед вами второй урок от нашего нового автора Черкасова Ильи, в котором он показывает, процесс создания дизайна шапки для группы ВКонтакте.
Сложность урока: Средний
Перед вами второй урок от нашего автора Черкасова Ильи, в котором он показывает, процесс создания дизайна шапки для группы ВКонтакте.
В ходе урока вы будете создавать фон, надпись, добавите спецэффекты, сделаете финальную цветокоррекцию. А еще на живом примере увидите, почему важно организовывать слои в проекте и как решать проблемы, что могут возникнуть по ходу создания работы.
Урок состоит из трех частей, посмотрев которые вы узнаете:
- На что опираться при создании композиции
- Почему в работе не стоит использовать идеально белый и черный цвета
- Как делать гармоничный переход между изображениями
- Как грамотно подобрать цвета, чтобы подходили по тону к изображению
- Как заполнить недостающие участки фона и сохранить задуманную композицию
- Как подгонять изображения к одному цветовому тону
Смотрите урок, загружайте работы, оставляйте комментарии, перенимайте опыт профессионалов и делитесь своим.
18 тыс. 87 Печать Жалоба
Эти уроки могут вас заинтересовать
По заданным фильтрам ничего не найдено
Попробуйте изменить критерий поиска, или сбросить фильтры.
Комментарии 87
Отличный урок, спасибо
Спасибо за урок, вот моя работа, фактически первая работа в фотошопе
Спасибо за ваш труд! Было ценно узнать несколько горячих клавиш, способы использования уровней наложения и работа с масками. .
Тяжело было в конце воспринимать информацию, т.к. шло много терминов и скорость показа увеличилась. Много раз включала на паузу и пробовала повторить..
Последний этап - цветокоррекция совсем непонятно, что за программа? Это часть фотошопа. чем кроме фильтра "виньетки" можно заменить.
В целом - большая благодарность и пусть получится и вам и нам совершенствовать свой труд!
Вот мой вариант. Спасибо за урок!
Спасибо за урок!
Примерно что-то как-то))
Эта шапка делалась для ютуба и была сделал на основе баннера. Поэтому сверху и снизу тёмные линии))
я тоже делаю обложки для ВК
Спасибо за урок! Такие уроки значительно повышают скорость освоения PS и знакомство с инструментами.
Добрый день как называется программа что выводит клавишы?
Проблемы пока с цветом это точно, хз как сделать Геральта и Цири что-бы смотрелись нормально.
Константин Зеленин, цветокор сделай и будет норм
Спасибо за урок!
Спасибо за урок!
Vllntrtnmrth, Отличная работа!
Steve_shm, Отличная работа!
Спасибо за урок! Опрос не могу найти. Где он?
Спасибо большое за урок Илья, было интересно и полезно!
Diz-r.777, добрый день! Отличная работа.
Спасибо за урок! Мне понравились фишечки по созданию фона и цветоррекции, было полезно!
Спасибо, Илья) Вот что получилось))
Илья, как сделать трети? вы про них говорите в первом уроке на 4 минуте
Вот и моя работа по уроку.
Благодарю за урок!
А сколько стоит такая работа, что на видео показана?
Спасибо за урок. Не много не привычно к такому проведению урока, но оно не напрягало, но много лишних действий и слов. Плохо, что в самом начале в описании не прописали, какой плагин использовался. Единственное, что Илья нам забыл показать, это применение коррекции "Цветовой тон/Насыщенность" к правой картинке, так как эта картинка по цветовой палитре изначально была светлее тона фона. И в исходниках не было одного файла, который он применял к своей работе. А в остальном, всё нормально. Да не совсем понятно, как уже здесь озвучил Дмитрий Торжиков, (в моей версии тоже самое), хоть и версия плагина разная, всё равно должны быть точки на контуре, а их нет, для меня новичка это сложно, но всё таки попыталась чего то изобразить в этой программе. Ещё раз спасибо за урок.
В этом уроке вы узнаете 5 простых и быстрых способов, как сделать красивый и красочный фон, который можно в соцсетях, на баннерах, да где угодно!
Сложность урока: Легкий
Последнее время красочные фоны для заголовков вебсайтов – это один из трендов. К счастью, существует огромное количество способов создавать их с помощью Photoshop.
В этом уроке представлено 5 различных (легких и быстрых) вариантов как сделать красивый и красочный фон в Photoshop, который потом можно будет использовать на ваших вебсайтах, баннерах, соцсетях (на самом деле где угодно).
Метод 1. Используем фильтр Мозаика
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.
Шаг 4
Рисуем направление градиента из левого верхнего угла в правый нижний.
Шаг 5
Переходим в меню Filter – Pixelate – Mosaic (Фильтр – Оформление – Мозаика). Устанавливаем Cell Size (Размер ячейки) около 120 и нажимаем OK.
Шаг 6
Идем в меню Layer – New Fill Layer – Solid Color (Слои – Новый слой-заливка – Цвет). Назовем этот слой Color (Цвет), устанавливаем Mode (Режим) Vivid Light (Яркий свет) и нажимаем OK.
Шаг 7
Шаг 8
Теперь просто поместите свой контент на новый фон.
Метод 2. Рисуем с помощью Прямоугольника
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Шаг 4
Нарисуем еще несколько фигур, каждый раз меняя размеры и углы, а также делаем их немного светлее/темнее. У меня получилось еще 9 фигур.
Шаг 5
Выделяем верхнюю фигуру и переходим в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя – Тень). Устанавливаем настройки как показано на картинке и нажимаем ОК.
Шаг 6
Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем несколько слоев с фигурами, кликаем по ним правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).
Шаг 7
Выделяем верхний слой и идем в меню Layer – New Fill Layer – Gradient (Слои – Новый слой-заливка – Градиент). Назовем этот слой Gradient (Градиент), устанавливаем Mode (Режим) Multiply (Умножение) и нажимаем OK.
Шаг 8
Шаг 9
Теперь просто поместите свой контент на новый фон.
Метод 3. Рисуем кистью
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Выбираем инструмент Brush Tool (Кисть) (B). На верхней панели устанавливаем Mode (Режим) Normal (Нормальный), Opacity (Непрозрачность) и Flow (Нажим) – 100%. Выбираем размер кисти, которым вам нравится рисовать, устанавливаем ее Hardness (Жесткость) – 0%.
Шаг 3
Создаем новый слой и рисуем любым цветом, как показано на картинке.
Шаг 4
Создаем новый слой и выбираем другой цвет. Снова рисуем кистью в других местах на холсте. Также можно менять размер кисти при желании.
Шаг 5
Снова создаем новый слой, выбираем другой цвет и рисуем в незаполненных местах холста.
Шаг 6
Повторяем эти действия до тех пор, пока холст не будет заполнен.
Шаг 7
Идем в меню Layer – Merge Visible (Слои – Объединить видимые).
Шаг 8
Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) на 96 и нажимаем OK.
Шаг 9
Теперь просто поместите свой контент на новый фон.
Метод 4. Используем текстуры
Шаг 1
Откройте любое изображение в Photoshop. В этом случае я использую акварельный градиент.
Шаг 2
Идем в меню Filter – Liquify (Фильтр – Пластика). В открывшемся окне выбираем любой размер кисти, как вам нравится, устанавливаем Brush Pressure (Нажим) около 80, выбираем инструмент Forward Warp Tool (Деформация).
Шаг 3
Теперь просто кликаем по изображению и перемещаем кисть, чтобы изменять сетку. Нажмите ОК как только будите довольны результатом.
Шаг 4
Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) примерно на 60 и нажимаем OK.
Шаг 5
Теперь просто поместите свой контент на новый фон.
Метод 5. Рисуем Пером
Шаг 1
Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.
Шаг 2
Шаг 3
Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.
Шаг 4
Рисуем направление градиента из правого верхнего угла в левый нижний.
Шаг 5
Выбираем инструмент Pen Tool (Перо), на верхней панели устанавливаем режим Shape (Фигура).
Шаг 6
Рисуем абстрактную форму.
Шаг 7
Используя перо, рисуем еще несколько произвольных форм (по одной на слое).
Шаг 8
Выделяем первую фигуру и идем в меню Layer – Layer Style – Gradient Overlay (Слои – Стиль слоя – Наложение градиента). Установите градиент Foreground to Background (От основного к фоновому), остальные настройки как на картинке и нажмите ОК.
Шаг 9
Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем остальные слои с фигурами, кликаем правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).
Шаг 10
Двойным щелчков мыши открываем окно параметров наложения градиента самой нижней фигуры. В открывшемся окне Layer Style (Стиль слоя) делаем активным параметр Gradient (Градиент) (щелкаем по нему мышкой).
Шаг 11
Щелкаем мышкой по этой конкретной фигуре и с зажатой клавишей передвигаем градиент по фигуре до тех пор, пока не получим желаемый результат. После этого в окне Layer Style (Стиль слоя) нажимаем ОК.
Шаг 12
Повторяем весь процесс для остальных фигур.
Шаг 13
Теперь выделяем любые фигуры и идем в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя Тень). Применяем настройки как на картинке и нажимаем ОК.
Как создать картинки для постов и миниатюру к статье? Это не трудно сделать в фотошопе. Вашему вниманию один прием, который даст возможность делать красивые и уникальные миниатюры за несколько минут.
Таких приемов в Фотошопе можно придумать великое множество, и в каждом делать бесконечно много вариантов всевозможных миниатюр. Изучайте Фотошоп, применяйте приемы, которые будут показаны в моем блоге и вашему творчеству будет где разгуляться.
Как создать картинки для постов
Создаем фон
Открываем Фотошоп и через меню файл создаем файл (или Ctrl+N). Зададим размеры файлу в пикселях Ширина 800, Высота 500. Остальные настройки в этом окне не трогайте. Можно здесь же придумать имя файлу.
Затем найдите фон для этого прямоугольника. Желательно чтобы он соответствовал теме вашей статьи. Если трудно подобрать картинку к теме вашей статье, используйте свободную, например красивый пейзаж или какой-то интересный вид, чтобы привлечь внимание.
Возьмем пейзаж и просто перетащим на наш белый квадрат. А если точнее, создадим еще один слой и наложим его поверх основного.
Размер картинки наверняка не совпадёт. Направьте курсор на угол картинки, на клавиатуре нажмите Shift (это нужно для сохранения пропорций картинки), растяните и расположите так, как это требует композиция.
Нажмите стрелу в панели инструментов (инструмент Перемещение) и во всплывшем меню подтвердите ваши намерения, нажав Переместить. Так же можно перемещать весь рисунок, захватив его мышкой.
Рисунок, в нашем случае фото, встал на свое место.
Прозрачный прямоугольник
Сейчас создадим новый слой, черный прямоугольник. Для этого сначала выберем черный цвет.
Нажмите на инструмент выбора цвета в палитре. Всплывет окно палитры цветов, в котором выберите черный цвет и нажмите ОК.
Теперь в инструментах выбираем Прямоугольник.
И рисуем его следующим образом, и в инструментах нажимаем на стрелку. Получится так.
Следующий шаг – размытие. Меню Фильтр – Размытие – Размытие по Гауссу…
Если выскочит менюшка Преобразовать в смарт-объект, преобразуйте.
Во всплывшем меню настройки фильтра Размытие по Гауссу настройте размытие края прямоугольника. Визуально, на ваш вкус, двигая бегунок.
Затем, оставаясь в этом же слое, сделайте немного прозрачным наш прямоугольник. Инструмент находится рядом с окном слоев.
Текст
Инструментом Текст управлять можно верхним меню или из меню свойства, нажав справа на значок Текста.
Пишем заголовок статьи белым цветом и подбираем подходящий размер текста
Затем подберите интервал между строк и расположите текст в картинке где ему положено быть.
Делается это только тогда, когда включен инструмент перемещение (Стрелка).
Также вы можете перемещать все слои. Только не забывайте, работать со слоем можно только в том случае, если он выделен.
И еще. картинки для постов хорошо смотрятся, когда слой видимый. То есть, в окне слоев (справа внизу рабочего окна Фотошопа), слои располагаются так: чем он выше в окне слоев, тем он ближе к нам на экране.
И вот конечный результат
Если хотите, можете скадрировать инструментом Рамка и сохранить в приемлемом размере.
Делается это здесь, меню Файл — Сохранить для WEB.
- Формат JPEG.
- Качество 80
- Ширина 600
- Размер получится 137,7 Кб
Сохраняем, если нужно присваиваем имя файлу, и определяем куда его сохранить. Конечно в ту папку, где хранится весь материал той статьи, которую вы написали и к которой делаете свою миниатюру.
На этом все. Если понравилось, поделитесь с друзьями. Так же советую познакомится с Восстанавливающей кистью и Штампом, пригодится.
Читайте также: