Уроки Photoshop. Фирменный стиль. Создание дизайна для группы ВКонтакте

Автор Maksim Inshakov
Уроки Photoshop. Фирменный стиль. Создание дизайна для группы ВКонтакте

Добрый день сегодня разберём как оформляется группа.

ВКонтакте какие там существуют для обложки для фото профиля и на, что стоит обратить внимание у меня здесь открыт логотип бизнес-школа бизнес. Инсайт которая буду использовать и собственный дизайн будет очень просто этот логотип на белом фоне ночной от обложки или так называемые шапки группы нажму файл создать и размеры которые мне нужны для шапки. ВКонтакте составляют 1590 на 400 пикселей разрешение оставляю 72 пикселей на дюйм и цвета RGB нажимаю.

О'кей У меня появляется новый лист таких вытянутых пропорций чем разместить на нём логотип нужно разобрать один нюанс.

Давайте посмотрим как выглядят шапка на в группе на персональном компьютере как она выглядит на мобильном телефоне видим, что в отличие от. Фейсбука в. Контакт не растягивает шапку под мобильный телефон обрезает её с краёв поэтому очень важно очертите поля которые в последствии программа об режут. Чтобы в них не попало не. Какая нужна информация возвращаюсь домой шаблон и те поля которое обрезает. ВКонтакт составляют 197 пикселей с каждой стороны в моём разрешение. Это примерно 7 см с помощью направляющих я откладываю по 7 см с каждой стороны и — это течь которая vkontakte. Брезжит Кроме того отложу ещё попал см чтобы мой логотип Star волне в раствор примерно иначе границах могу логотип масштабировать теперь вытягиваю логотип в отдельное окошко выделяю все слои которые к нему относятся и переношу на шаблон окошко могу свернуть и на шаблоне включай управляющие элементы и мастурбирую логотип в границах моих направляющих. Примерно вот так думаю то, что принять трансформацию устанавливал логотип по вертикали примерно посередине и теперь могу направляющие отключить и отключить. Управдом элементы посмотреть как будет выглядеть моя шапка в таком варианте она будет нормально выглядите на компьютеры на мобильном телефоне есть ещё некоторые нюансы для мобильного телефона там также отрицается. Верхняя полоска и вот эти вот поля по бокам также могут быть заняты какими-то управляющими элементами именно относящимися к мобильному телефону. Ну поскольку здесь у меня белые поля и, что ничего страшного то я остаюсь. Вот с таким дизайном и последняя. Что нужно сделать — это создать фото профиля снова иду в файл создать фото профиля у меня будет квадратным. ВКонтакте его размеры 200 на 200 пикселей и разрешение также 72 цвета RGB нажимаю о'кей и теперь. Перенесу на — это фото профиля буковку. Б открываю снова окошко с логотипом выделяют слова с буквой б не переношу его на будущее фото профиля окошко могу свернуть поскольку. ВКонтакт как и соцсети обрезает фото профиля до кружка мне понадобится очертить некоторые поля также чтобы — это обрезка не задела мой логотип поэтому направляющие устанавливаемых. Примерно вот в этих границах и в них же буду масштабировать логотип включаю управляющие элементы ставлю логотип клеевой направляющий не масштабирует его в границах нажимать чтобы принять трансформацию устанавливают также его примерно посередине по вертикали отключаю направляющие управляющие элементы и вот такой вот фото последние. Что нужно сделать — это сохранить фото профиля и обложку в формате JPEG и загрузите. ВКонтакт Вот такой результат.

0 комментариев
0

Читайте также