Уроки Дизайн Илья Черкасов 11 января 2020

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

Сложность урока: Средний

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

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

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

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

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

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

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

Спасибо за урок, вот моя работа, фактически первая работа в фотошопе

Ответить Ссылка

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

Ответить Ссылка

Вот мой вариант. Спасибо за урок!

Ответить Ссылка 0 0

Спасибо за урок!

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

я тоже делаю обложки для ВК

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 0

Спасибо за урок!

Ответить Ссылка

Спасибо за урок!

Ответить Ссылка 0 1

Спасибо за урок! Опрос не могу найти. Где он?

Ответить Ссылка 0 2

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка 0 2

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

Ответить Ссылка

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

Ответить Ссылка 0 1

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

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 7

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

Ответить Ссылка

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

Ответить Ссылка 0 0

Большое спасибо за урок!

Ответить Ссылка 0 0

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

Ответить Ссылка

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 0

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

Ответить Ссылка 0 0
Еще 4
Добавить комментарий / работу

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

{{work.views}} {{work.comments}}

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба
Жалоба

Комментарии {{work.childs.length || 0}}

Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

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

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


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

{{pub_dates[pub_date]}}
Отменить планирование
Запланировать