Социальные сети проникли в нашу жизнь уже давно, мы работаем во многих социальных сетях, и список их постоянно пополняется. Свои особенности есть в каждой социальной сети, и оформление групп одно из них, сегодня мы затронем, как можно больше социальных сетей и расскажем какие требования предъявляют к оформлению обложки группы:
1. Вконтакте:
При загрузке шапки в группу:
Мы рекомендуем загружать изображения в разрешении 1590 Х 400.
Формат — JPG, GIF или PNG.
Причем можно сделать обложку вконтакте оригинальной — динамичной. С помощью обложки группы можно выводить практически любую информацию — например, время или количество подписчиков группы. В мобильной версии надо учесть что края обрезаются на 197 с каждой стороны. Причем 83 сверху занимают индикаторы мобильного устройства, а 140 с обеих сторон дополнительно заняты для кнопок сайта. Учитывая эту информацию подготавливайте шапку адаптивную для группы в вк.
2. Facebook:
Фото профиля вашей страницы:
Настраиваем обложку на сайте Одноклассники ( после нововведений)
Отображается с разрешением 170 х 170 на вашей cтранице на компьютерах, 128 х 128 на смартфонах и 36х36 на большинстве многофункциональных телефонов.
Фото обложки вашей Страницы:
Имеет 820 пикселей в ширину и 312 пикселей в высоту при просмотре вашей Страницы на компьютерах и 640 пикселей в ширину и 360 пикселей в высоту при просмотре на смартфонах. Не отображается на полнофункциональных телефонах.
Шапка для групп должна быть 851 х 314, но можно взять размер больше, сохранив при этом пропорции, а так как еще виден аватар на странице группы Facebook, то его размеры мы тоже должны сказать: Аватар – 180 х 180, но можно загрузить и более высокое разрешение. Используйте файл PNG, для лучшего отображения фото вашего профиля и обложки с вашим логотипом.
3. Google Plus
Фото профиля вашей страницы. Минимальный размер фото — от 250 х 250 (оптимальным считается размер аватара от 650 до 1000, тогда он хорошо виден со всех типов устройств)
— максимальный размер аватара до 2048 х 2048.
А вот обложка сообществ должна иметь горизонтальную ориентацию с соотношением сторон 16 : 9. Размеры обложки должны быть и не маленькими и не большими чтобы четко отображались на всех устройствах самый подходящий размер
от 540 по вертикали до 1080
от 980 до 1920 по горизонтали это средний размер, который хорошо смотрится со всех типов устройств в Google +;
4. Одноклассники
Аватар должен иметь размеры 288Х288, со ссылкой на официальный блок в одноклассниках, а личный фон у групп может быть только от 10000 подписчиков: размеры фона 1340х320
5. Мой мир
Размеры обложки в группу должны быть не меньше, чем 600 ширину и 160 в высоту, а ее пропорции после масштабирования укладываются в 3,75 к 1 также ширина к высоте
Вот с отображением обложки в youtube есть особенности, на разных устройствах отображается по-разному, в основном отображаемая область находится в центре
Минимальный размер изображения: 2048 x 1152
Минимальный размер «безопасной зоны»: 1546 x 423. Это та часть изображения, которая видна на всех устройствах.
Максимальная ширина: 2560 x 423 пикселей. Если загрузить такое изображение, то «безопасная зона» будет отображаться полностью, а остальные части картинки – в зависимости от окна браузера.
Размер файла: не более 4 МБ.
Чтобы определить оптимальную ширину и высоту изображения или посмотреть, как оформление будет выглядеть на разных устройствах, загрузите Channel Art Templates.
Сейчас при загрузке обложки рекомендуемый размер: 2560 х 1440
Flickr масштабирует обложку на ширину окна, а затем обрезает ее на высоту 234.
Оптимальный размер обложки фото 2048 х 492.
а вот фото профиля 300 х 300.
Размеры обложки: 1500 х 500
Размеры картинки для твита: 1024 x 512
Фото профиля: 400 x 400
— такие размеры указаны в support.twitter
9. Instagram
Картинка для поста: 1080 x 1080
Фото профиля: 110 x 110
10. Pinterest
Фото для пина: 735 x 1102
Фото профиля: 165 x 165
В ленте все картинки отображаются в размере по ширине — 235 px. Пропорции сохраняются до тех пор, пока равны 2:3 – 1:3,5. Если изображение вытянутая (более 1:4), Pinterest ее обрежет и полную версию можно будет посмотреть только при клике.
При клике картинка открывается до 735 по ширине.
Написать нам можно в чатах:
telegram: https://t.me/Zennopromax
whatsapp: https://chat.whatsapp.com/3eBSVbEWK0lHMaIKjx57n3
#vk #ok #instagram #twitter #flickr #youtube #mymail #googleplus #facebook
Источник: zennopro.livejournal.com
August 21st, 2017
Размеры обложек, шапок групп различных социальных сетей.
zennopromax says:
Социальные сети проникли в нашу жизнь уже давно, мы работаем во многих социальных сетях, и список их постоянно пополняется. Свои особенности есть в каждой социальной сети, и оформление групп одно из них, сегодня мы затронем, как можно больше социальных сетей и расскажем какие требования предъявляют к оформлению обложки группы:
При загрузке шапки в группу:
Мы рекомендуем загружать изображения в разрешении 1590 Х 400.
Формат — JPG, GIF или PNG.
Причем можно сделать обложку вконтакте оригинальной — динамичной. С помощью обложки группы можно выводить практически любую информацию — например, время или количество подписчиков группы. В мобильной версии надо учесть что края обрезаются на 197 с каждой стороны. Причем 83 сверху занимают индикаторы мобильного устройства, а 140 с обеих сторон дополнительно заняты для кнопок сайта. Учитывая эту информацию подготавливайте шапку адаптивную для группы в вк.
Фото профиля вашей страницы:
Отображается с разрешением 170 х 170 на вашей cтранице на компьютерах, 128 х 128 на смартфонах и 36х36 на большинстве многофункциональных телефонов.
Фото обложки вашей Страницы:
Имеет 820 пикселей в ширину и 312 пикселей в высоту при просмотре вашей Страницы на компьютерах и 640 пикселей в ширину и 360 пикселей в высоту при просмотре на смартфонах. Не отображается на полнофункциональных телефонах.
Шапка для групп должна быть 851 х 314, но можно взять размер больше, сохранив при этом пропорции, а так как еще виден аватар на странице группы Facebook, то его размеры мы тоже должны сказать: Аватар – 180 х 180, но можно загрузить и более высокое разрешение. Используйте файл PNG, для лучшего отображения фото вашего профиля и обложки с вашим логотипом.
Фото профиля вашей страницы. Минимальный размер фото — от 250 х 250 (оптимальным считается размер аватара от 650 до 1000, тогда он хорошо виден со всех типов устройств)
— максимальный размер аватара до 2048 х 2048.
А вот обложка сообществ должна иметь горизонтальную ориентацию с соотношением сторон 16 : 9. Размеры обложки должны быть и не маленькими и не большими чтобы четко отображались на всех устройствах самый подходящий размер
от 540 по вертикали до 1080
от 980 до 1920 по горизонтали это средний размер, который хорошо смотрится со всех типов устройств в Google +;
Аватар должен иметь размеры 288Х288, со ссылкой на официальный блок в одноклассниках, а личный фон у групп может быть только от 10000 подписчиков: размеры фона 1340х320
Размеры обложки в группу должны быть не меньше, чем 600 ширину и 160 в высоту, а ее пропорции после масштабирования укладываются в 3,75 к 1 также ширина к высоте
Вот с отображением обложки в youtube есть особенности, на разных устройствах отображается по-разному, в основном отображаемая область находится в центре
Минимальный размер изображения: 2048 x 1152
Минимальный размер «безопасной зоны»: 1546 x 423. Это та часть изображения, которая видна на всех устройствах.
Максимальная ширина: 2560 x 423 пикселей. Если загрузить такое изображение, то «безопасная зона» будет отображаться полностью, а остальные части картинки – в зависимости от окна браузера.
Размер файла: не более 4 МБ.
Чтобы определить оптимальную ширину и высоту изображения или посмотреть, как оформление будет выглядеть на разных устройствах, загрузите Channel Art Templates.
Сейчас при загрузке обложки рекомендуемый размер: 2560 х 1440
Flickr масштабирует обложку на ширину окна, а затем обрезает ее на высоту 234.
Оптимальный размер обложки фото 2048 х 492.
а вот фото профиля 300 х 300.
Размеры обложки: 1500 х 500
Размеры картинки для твита: 1024 x 512
Фото профиля: 400 x 400
— такие размеры указаны в support.twitter
Картинка для поста: 1080 x 1080
Фото профиля: 110 x 110
Фото для пина: 735 x 1102
Фото профиля: 165 x 165
В ленте все картинки отображаются в размере по ширине — 235 px. Пропорции сохраняются до тех пор, пока равны 2:3 – 1:3,5. Если изображение вытянутая (более 1:4), Pinterest ее обрежет и полную версию можно будет посмотреть только при клике.
При клике картинка открывается до 735 по ширине.
Написать нам можно в чатах:
telegram: t.me/Zennopromax
whatsapp: chat.whatsapp.com/3eBSVbEWK0lHMaIKjx57n3
#vk #ok #instagram #twitter #flickr #youtube #mymail #googleplus #facebook
8:45AM, 9 September 2017 PDT (permalink)
Would you like to comment?
Sign up for a free account, or sign in (if you’re already a member).
Источник: www.flickr.com
Создание обложки для сообщества социальных сетей
Создание обложки для сообщества социальных сетей является первоочередной задачей для smm дизайнера. Обложка сообщества выполняет важную функцию. Она дает первоначальную, вводную информацию не только о тематике сообщества. Она заявляет об имидже группы.
Я, заходя в какое-либо сообщество, в первую очередь рассматриваю обложку, а уже затем интересуюсь его контентом.
В сегодняшней статье я рассказываю о создании обложки для сообщества на примере оформления своей группы во ВКонтакте.
В целом образ замысливался в некоторой степени таинственным, не лишенным волшебства, чем-то неземным… В общем, таким, какой я воспринимаю магию дизайна, в программе Photoshop. И вот что получилось в результате.
Для создания обложки я использовала такие исходники
- Создала файл размером 1590 х 530 пикселей, белого цвета.
- Через Стиль слоя залила фон цветом #0b1075
- Выставила направляющие: две вертикальные на 200 пикселей от каждого края, горизонтальную на 80 пикселей от верхнего края, тем самым определила рабочее
пространство.
4. Добавила фон с изображением спирали: Файл — Поместить… При таком способе изображение открывается сразу в проекте как смарт-объект. Изображение перевела в режим наложения Экран.
5. Добавила еще один фон с блестками и так же перевела его в режим наложения Экран.
6. Добавила изображение девушки в формате png.
7. Девушку необходимо вписать в фон. Это я делала в несколько этапов.
Поверх слоя с девушкой добавила новый слой и прикрепила его к слою с девушкой обтравочной маской: нажав ПКМ на слое, в выпавшем меню выбрала Создать обтравочную маску. Этот слой нужен для того,чтобы убрать белый край, оставшийся на изображении после удаления фона. Назвала его «обтравка» и перевела в режим наложения Умножение.
8. Стоя на слое «обтравка», взяла кисть мягкую размером 40 пикселей, с непрозрачностью и нажимом 25%.
9. Нажав Alt (при этом курсор превращается в пипетку), пипеткой взяла образец цвета с изображения девушки рядом с контурной линией.
10. Кистью прошла контур девушки, захватывая в основном его белый край. Периодически изменяя цвет кисти, взяв его пипеткой с изображения.
11. Добавила еще один новый слой «тонирование» для того, чтобы на изображении девушки создать рефлексы от синего фона.
- Так же пипеткой при нажатой Alt взяла образец цвета с фона, и кистью закрасила светлые части изображения (на прядях волос, на руках, на складках одежды, на ноутбуке), создавая впечатление синих отсветов.
- Добавила футаж-блик, перевела его в режим наложения Замена светлым и разместила его за головой девушки (слой с бликом ниже слоя с девушкой).
- Ниже слоя с девушкой создала новый слой и кистью Облака нарисовала на этом слое облака, на которых сидит девушка.
- Создала еще два новых слоя выше слоя с девушкой. На одном из них нарисовала облака, слегка закрывающие ноги девушки. На другом — облака в верхней части обложки.
- Добавила еще один футаж-блик, перевела его в режим наложения Замена светлым и разместила в центре спирали.
- Произвела цветокоррекцию изображения девушки:
а) выделив слой с девушкой, добавила корректирующий слой Кривые; прикрепила его к слою с девушкой, нажав квадратик со стрелкой; сделала такие настройки кривой (см. изображение ниже);
б) добавила еще один корректирующий слой Уровни; прикрепила его к слою с девушкой; сделала такие настройки: крайний левый ползунок, отвечающий за тени сдвинула
вправо до значения 33; средний ползунок, отвечающий за средние тона тоже сдвинула вправо до значения 1,00.
В результате проведенной коррекции изображение стало более четким и ярким.
- Выше слоя с девушкой создала новый слой и на нем нарисовала лучи, исходящие из ноутбука: взяла инструмент Многоугольник, выставила на панели задач количество сторон — 3;
для заливки фигуры выбрала градиент от голубого к прозрачному, штрих отключила. Нарисовала треугольник. Инструментом Трансформирование (Ctrl+T) придала треугольнику нужную форму и размер.
Затем продублировала слой с треугольником 3 раза, и разместила лучи. К каждому слою с лучом добавила векторную маску и черной мягкой кистью убрала лишнее. - Добавила корректирующий слой Выборочная коррекция цвета выше всех слоев. На этот раз слой не прикрепляла, чтобы коррекция распространялась на все ниже лежащие слои.
Открыла синий канал и сдвинула ползунок для черного цвета вправо до значения +18. Цвет фона обложки стал более глубоким.
- С изображениями работа закончена. Осталось добавить текст. На новом слое, выбрав инструмент Текст, ввела «студия дизайна ANILAG». Шрифт FK Aero.kz, цвет белый.
- Дублировала слой с текстом (Ctrl+J).
- Для нижнего слоя с текстом сменила цвет на #031045
- Стоя на нижнем слое с текстом, активировала инструмент Перемещение и сместила нижний слой с текстом вправо на 3 пикселя и вниз на 2 пикселя, нажав клавишу со стрелкой, указывающей вправо, 3 раза, клавишу со стрелкой, указывающей вниз, 2 раза.
- Создала еще один новый слой и ввела текст «smm design». Шрифт Pristina. Цвет белый.
- На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.
26. На слое фон-спираль добавила векторную маску, и по маске черной мягкой кистью с непрозрачностью 39%, нажимом 75%, убирала ту часть фона, которая находится под текстом.
27. И в завершении необходимо провести общую тонировку всей обложки, чтобы привести все элементы к общему тону. Использовала для этого градиент, настроив основной и фоновый цвета (на панели инструментов), взяв два цвета с фона обложки.
28. Затем открыла вкладку Слои, выбрала Новый слой заливка — градиент. Выбрала градиент, который настроила предварительно. Изменила угол градиента 53 градуса.
29. Перевела этот слой с градиентной заливкой в режим Перекрытие, снизила непрозрачность до 25%.
Создание обложки для сообщества социальных сетей завершено.
Подобным образом создается обложка для сообщества любой социальной сети: ВКонтакте, Одноклассники, Facebook, канала YouTube и т.д. Разница лишь в размерах. Для каждой социальной сети обложки имеют свои размеры.
Если у Вас остались вопросы, напишите их в комментариях к данной статье. Я постараюсь на их своевременно ответить. Так же мне интересно Ваше мнение о статье. Пишите отзывы, ставьте оценки.
Смотрите видеозапись создания обложки для сообщества
Источник: anilag-design.ru