Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

207 383 чел. 399 071 работа 4 089 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Дизайн баннера группы ВКонтакте

Перед вами второй урок от нашего автора Черкасова Ильи, в котором он показывает, процесс создания дизайна шапки для группы ВКонтакте.

Скачать архив с материалами к уроку

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

Урок состоит из трех частей, посмотрев которые вы узнаете:

  • На что опираться при создании композиции
  • Почему в работе не стоит использовать идеально белый и черный цвета
  • Как делать гармоничный переход между изображениями
  • Как грамотно подобрать цвета, чтобы подходили по тону к изображению
  • Как заполнить недостающие участки фона и сохранить задуманную композицию
  • Как подгонять изображения к одному цветовому тону

Смотрите урок, загружайте работы, оставляйте комментарии, перенимайте опыт профессионалов и делитесь своим. 

Комментарии 84

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Вот и моя работа по уроку.
Благодарю за урок!

Спасибо за урок. Не много не привычно к такому проведению урока, но оно не напрягало, но много лишних действий и слов. Плохо, что в самом начале в описании не прописали, какой плагин использовался. Единственное, что Илья нам забыл показать, это применение коррекции "Цветовой тон/Насыщенность" к правой картинке, так как эта картинка по цветовой палитре изначально была светлее тона фона. И в исходниках не было одного файла, который он применял к своей работе. А в остальном, всё нормально. Да не совсем понятно, как уже здесь озвучил Дмитрий Торжиков, (в моей версии тоже самое), хоть и версия плагина разная, всё равно должны быть точки на контуре, а их нет, для меня новичка это сложно, но всё таки попыталась чего то изобразить в этой программе. Ещё раз спасибо за урок.

Я все попробовала, но многое сделала по-другому. Это связано с фото в первую очередь - я брала другие. Из основного фото - посередине сделала фон единый и уже вписывала остальные фото в него. У меня не получилось инвертировать маску - не нашла в CC 2015, убрала просто маской без шейпов. Вот что получилось.

Не добавила сразу, но вот исходники. Здесь основное фото первое.

Еще один вариант с исходниками урока, но с моими вариациями.

Проблемы пока с цветом это точно, хз как сделать Геральта и Цири что-бы смотрелись нормально.

Константин Зеленин, цветокор сделай и будет норм

Спасибо, Илья) Вот что получилось))

Спасибо большое за урок Илья, было интересно и полезно!

Diz-r.777, добрый день! Отличная работа.

Спасибо за урок! Мне понравились фишечки по созданию фона и цветоррекции, было полезно!

За урок спасибо большое. Конечно слишком все замарочено и с фонами и налажениями. Лично я использовал совершенно другие инструменты и упростил в разы задачу. Для создания общего основного фона обощелся градиентом и штампом и мужика вырезал гораздо проще. Далее под мужика никаких фонов вообще не подгонял, а текст скачать так и не удалось... ну это уже с вай фаем проблема. А так суть ясна интересно несомненно...

Спасибо за ваш труд! Было ценно узнать несколько горячих клавиш, способы использования уровней наложения и работа с масками. .
Тяжело было в конце воспринимать информацию, т.к. шло много терминов и скорость показа увеличилась. Много раз включала на паузу и пробовала повторить..
Последний этап - цветокоррекция совсем непонятно, что за программа? Это часть фотошопа?.. чем кроме фильтра "виньетки" можно заменить?....
В целом - большая благодарность и пусть получится и вам и нам совершенствовать свой труд!

Спасибо за урок! Такие уроки значительно повышают скорость освоения PS и знакомство с инструментами.

Нормально, можно узнать новые фишки. А то, что здесь пишут, лучше пусть на завод идет, типа непонятно объясняет, так сами на завод пойдете, если не научитесь учиться. А парень, по-ходу проведения вебинаров, подучится, потом будет деньги брать, за уроки. Так, что радуйтесь, что на халяву делятся своими знаниями.

Здравствуйте,Илья. Спасибо, мне все было понятно. По поводу других тематик: бизнес, интернет-магазины,новостные паблики, хенд-мейд,фитнес, финансы, дизайн, строительные и ремонтные работы, клининговые компании, туристические агентства(общая тематика услуг,разные направления),полное оформление группы ВК, лендинги ВК. И посложнее, по возможности, видеообложки, посты с анимацией, оформление других соцсетей в полном объеме. Есть еще желание увидеть уроки по рекламной графике, но если занимаетесь. Баннер по уроку немного позднее буду делать, сейчас только просмотрела видео. Еще раз спасибо.По поводу объяснения: если это возможно, -советы по подбору шрифта(типографики) в каждой работе. Это не все, но то, что пришло на ум сразу.

Ольга Шуткина, здравствуйте! Спасибо за обратную связь, будем делать!

Примерно что-то как-то))
Эта шапка делалась для ютуба и была сделал на основе баннера. Поэтому сверху и снизу тёмные линии))

Спасибо, объяснения для меня были понятные, всё по делу. Теперь мне более понятно как выстраивать работу когда нужны подобные эффекты.

Спасибо за урок! Было интересно понаблюдать как методом "проб и ошибок" выбирается наиболее подходящий вариант. Понравился прием создания плановости путем добавления дыма и текстур.

Спасибо за урок. Результат понравился. С английсими терминами немного и вправду перебор, слехка "ухо режет", но это мелочи, а, в общем, всё круто в плане качества работы. С удовольствием всё посмотрел, полезно!

Обязательно посмотрю и отпишусь. Спасибо

да, "сенсей" еще тот! зато "с понтом" "Аглицкими" терминами грузит...

Garik09kots, добрый день! Вы немного ошиблись, правильно писать "английскими".

Garik09kots, человек видит в других людях только своё отражение.

P.S.
Тут уроки по фотошопу. Если хочется английский изучать, то ресурсом ошиблись.

А сколько стоит такая работа, что на видео показана?

Дмитрий Торжиков, на цену влияет много факторов. Например время потраченное на разработку и реализацию. Опыт работы в сфере и обильности твоего портфолио. Само техническое задание от автора. Эта работа была сделана не на заказ, я делал ее для себя. Если вас интересуют рамки цен, то напишите в личное сообщения. Я отвечу вам там.

Илья, как сделать трети? вы про них говорите в первом уроке на 4 минуте

SS_Oksana, добрый день! Я это делаю с помощью плагина, который обязательно покажу в одном из моих видео. А если это делать без плагина, то зайдите в настройки фотошопа (Ctrl+K) в раздел Guides и поставьте значения, как показано на скриншоте. И теперь когда вы все сделали, можете нажать (Ctrl+") и у вас будут отображаться трети.

SS_Oksana, буквально пару минут назад, записал по вашему запросу урока, то как можно сделать трети и в скором времени он появиться на сайте. Если у вас будут еще вопросы, пишите обязательно помогу вам с решением проблемы.

На видео не показано как лого создавалось, точнее место под лого. Откуда появился тот квадратик, в котором лого и создавалось?

Добрый день как называется программа что выводит клавишы?

Еще 3
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules