Визуальный контакт с твоим портфолио начинается с обложки профиля.
Это твой бесплатный баннер для рекламы твоего продукта, а именно иллюстрации.
Твоя задача «продать» зрителю входной билет на просмотр проектов!
Это твой бесплатный баннер для рекламы твоего продукта, а именно иллюстрации.
Твоя задача «продать» зрителю входной билет на просмотр проектов!
«Три кита» обложки профиля на Behance
Основной стиль (обложка профиля не должна спорить с актуальными проектами по стилю);
Композиция (автор портфолио показывает свое умение работать с сложными размерными формами);
Качество (высокое разрешение иллюстрации).
Основной стиль (обложка профиля не должна спорить с актуальными проектами по стилю);
Композиция (автор портфолио показывает свое умение работать с сложными размерными формами);
Качество (высокое разрешение иллюстрации).
Размер обложки профиля на Behance
Разработчики предлагают нам конкретный размер 3200 x 410px, но не сообщают о том, что обложка будет деформироваться на различных носителях: от смартфона до монитора с диагональю 27″.
На практике это выглядит следующим образом: на смартфоне сложно рассмотреть, что изображено на обложке; на стандартном ноутбуке композиция проясняется, а на мониторе с диагональю 27″ вся композиция кадрируется.
Наша с тобой задача — подготовить обложку для монитора с диагональю 27″ и внести корректировки, чтобы композиция сохраняла свою привлекательность на других носителях.
Давай разберем обложку моего профиля на Behance!
Разработчики предлагают нам конкретный размер 3200 x 410px, но не сообщают о том, что обложка будет деформироваться на различных носителях: от смартфона до монитора с диагональю 27″.
На практике это выглядит следующим образом: на смартфоне сложно рассмотреть, что изображено на обложке; на стандартном ноутбуке композиция проясняется, а на мониторе с диагональю 27″ вся композиция кадрируется.
Наша с тобой задача — подготовить обложку для монитора с диагональю 27″ и внести корректировки, чтобы композиция сохраняла свою привлекательность на других носителях.
Давай разберем обложку моего профиля на Behance!
Моноблок с диагональю 27″
Стандартный ноутбук с диагональю 13″
Смартфон или мобильная версия сайта Behance.
На всех носителях все персонажи остаются в видимой области монитора!
Для того, чтобы добиться такого же результата, необходимо подготовить обложку по трафарету.
Для того, чтобы добиться такого же результата, необходимо подготовить обложку по трафарету.
Трафарет обложки профиля на Behance.
Размер трафарета 3200 x 410px.
Красная заливка — это невидимая область на мониторе с диагональю 27″.
Серая заливка — это видимая область на мониторе с диагональю 27″.
Красная заливка — это невидимая область на мониторе с диагональю 27″.
Серая заливка — это видимая область на мониторе с диагональю 27″.
Исходный файл моей обложки под трафаретом.
Сразу обращаю твое внимание на то, что в красной зоне продолжается моя композиция (т.к. она будет видна на меньших размерах монитора).
Твоя главная задача - это создать основную композицию в рамках серой области и продолжить ее в красной зоне!
Твоя главная задача - это создать основную композицию в рамках серой области и продолжить ее в красной зоне!
Домашнее задание
1
Подготовить эскиз будущей обложки профиля по трафарету.
Если у тебя появятся вопросы по трафарету, то напиши мне в чат — я с удовольствием отвечу! Трафарет будет отправлен в рабочий чат вместе с доступом к данному уроку.
2
Установить эскиз будущей обложки в своем профиле на Behance.
Да, в твоем профиле на Behance временно будет установлен эскиз обложки. Наша задача адаптировать эскиз обложки по композиции, чтобы сохранить привлекательность твоего профиля на всех носителях. После адаптации ты сможешь приступить к отрисовке обложки в цвете. Внимание! На этапе установки эскиза/готовой обложки мы не двигаем предложенный сайтом бигунок масштабирования!
3
Написать эскиз обложки готов!
Сообщи мне в Telegram, что это задание готово к проверке. Я открою твою обложку на мониторе с диагональю 27″ в рабочее время, в соответствии с расписанием обратной связи.
Для вдохновения я собрала несколько примеров обложки по композиции!
Рекомендую изучить примеры обложек на компьютере, так как не все авторы учитывают деформацию обложки на разных мониторах.
