ДИЗАЙН
Первая картинка и полезные полезности
Долгожданная практика
Сегодня у нас день большой практики! Мы с тобой откроем для себя пул сервисов с исходниками и научимся создавать визуал для социальных сетей.
В первую очередь, делимся с тобой чек-листом со всеми составляющими визуала в ВК и Instagram и их размерами: от аватарки до постов. Обязательно сохрани, чтобы не потерять!
В первую очередь, делимся с тобой чек-листом со всеми составляющими визуала в ВК и Instagram и их размерами: от аватарки до постов. Обязательно сохрани, чтобы не потерять!
ВКонтакте
- Обложка для компьютера (1590*530)
- Обложка для смартфона (1080*1920 + ограничительное поле, картинка ниже)
- Аватарка (1500*1500)
- Меню (376*256)
- Виджеты, стиль "Плитки", (420*720)
- Плашки и подложки для постов (1500*1500 - квадрат, 2000*1500 - 4:3, 1920*1080 - 16:9)
- Карточки (1535*1920) - ТОЛЬКО 6 ШТУК (меняется сетка изображений, визуал поста ломается)
- Истории (1080*1920)
Instagram
- Аватарка (любой квадрат, но не меньше 500*500)
- Актуальное (любой квадрат, но не меньше 250*250)
- Плашки и подложки для постов (1500*1500 - квадрат (предпочтительнее), 2000*1500 - 4:3, 1920*1080 - 16:9)
- Карточки (1535*1920) - до 10 шт
- Истории (1080*1920)
- Обложка для компьютера (1590*530)
- Обложка для смартфона (1080*1920 + ограничительное поле, картинка ниже)
- Аватарка (1500*1500)
- Меню (376*256)
- Виджеты, стиль "Плитки", (420*720)
- Плашки и подложки для постов (1500*1500 - квадрат, 2000*1500 - 4:3, 1920*1080 - 16:9)
- Карточки (1535*1920) - ТОЛЬКО 6 ШТУК (меняется сетка изображений, визуал поста ломается)
- Истории (1080*1920)
- Аватарка (любой квадрат, но не меньше 500*500)
- Актуальное (любой квадрат, но не меньше 250*250)
- Плашки и подложки для постов (1500*1500 - квадрат (предпочтительнее), 2000*1500 - 4:3, 1920*1080 - 16:9)
- Карточки (1535*1920) - до 10 шт
- Истории (1080*1920)
Ты:
На какой основе создается визуал для поста?
Наставник:
Обычно, картинка создается на основе готового поста или при тесной коммуникации с райтером, но так как на нашей практике мы симулируем ситуацию, этот момент мы опускаем. Но ты для себя ОБЯЗАТЕЛЬНО должен запомнить, что без полного понимания текста и тематики поста создавать картинку НЕЛЬЗЯ.
ATTENTION!
Крутые сайты с цветами, шрифтами и референсами для твоих проектов
https://coolors.co – нажимаешь Start Generator, а затем пробел до тех пор, пока не приметите крутой колор-мэтч! Можно на сайте зарегистрироваться и сохранять палитры. Это основной сайт по цвету, которым пользуюсь я.
https://color.adobe.com/ru/create/color-wheel – тот самый сайт с цветовым кругом, про который я говорил вчера, тоже очень крутая вещь
https://fonts.google.com – шрифты с бесплатной лицензии (можно использовать для коммерческого использования, но пока об этом не переживаем, мы с вами можем брать любой шрифт отовсюду)
https://fonts-online.ru – большая коллекция шрифтов
https://vk.com/design_telega – группа, в которой есть ВСЕ. Буквально ВСЕ. Открываете закреп, там навигация по хэштегам
https://www.freepik.com – сайт с большим количеством редактируемых исходников. Вводите в поиск, например, social media, или то, что вам нужно, слева выбираете фильтр по формату PSD (формат фотошопа) и используете материал в своем проекте.
https://unsplash.com – бесплатный фотосток с качественными фотографиями.
https://color.adobe.com/ru/create/color-wheel – тот самый сайт с цветовым кругом, про который я говорил вчера, тоже очень крутая вещь
https://fonts.google.com – шрифты с бесплатной лицензии (можно использовать для коммерческого использования, но пока об этом не переживаем, мы с вами можем брать любой шрифт отовсюду)
https://fonts-online.ru – большая коллекция шрифтов
https://vk.com/design_telega – группа, в которой есть ВСЕ. Буквально ВСЕ. Открываете закреп, там навигация по хэштегам
https://www.freepik.com – сайт с большим количеством редактируемых исходников. Вводите в поиск, например, social media, или то, что вам нужно, слева выбираете фильтр по формату PSD (формат фотошопа) и используете материал в своем проекте.
https://unsplash.com – бесплатный фотосток с качественными фотографиями.
Практика
Теперь попробуй на основе референсов, которые ты изучил на прошлом занятии, создать фон и базовые элементы будущего дизайна в Adobe Photoshop. Открываешь программу, создаешь новый файл, указываешь размер 1500*1500 пикселей, палитра RGB, dpi 300. Перед тобой появляется квадратный холст с белой заливкой и отправная точка твоего творческого полета.
На своем фоне размести следующие элементы:
– Логотип Поколения Активных в том цветовом решении, в котором он будет лучше смотреться. Полноцветный - только на белом фоне (можно сделать подложку)
– Вырезанного с фона человека. Можно взять любую фотографию с альбомов в нашей группе ВКонтакте или любую фотку со стока или яндекса. Вырезать человека следует инструментом "Перо"
– Текст "Я в команде Поколения Активных"
– Графические элементы на твое усмотрение и вкус
– Логотип Поколения Активных в том цветовом решении, в котором он будет лучше смотреться. Полноцветный - только на белом фоне (можно сделать подложку)
– Вырезанного с фона человека. Можно взять любую фотографию с альбомов в нашей группе ВКонтакте или любую фотку со стока или яндекса. Вырезать человека следует инструментом "Перо"
– Текст "Я в команде Поколения Активных"
– Графические элементы на твое усмотрение и вкус
Оцени занятие
Контрольный чек-ин
Если ты уверен в своих ответах, нажми кнопку подтвердить, либо вернись назад и внеси корректировки
(тык)