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

Автор Lyudmila Yeriomenko
Уроки Photoshop. Фирменный стиль. Создание дизайна для группы в Одноклассниках

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

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

Давайте начнём с обложки для неё надо создать новый.

Чистый лист я нажимаю файл создать и. Здесь задаю тебе размеры которые требуют обложки сеть. Одноклассники — это 1944 на 600 пикселей разрешение оставляй 72 пикселя на дюйм цвета RGB и нажимаю. О'кей У меня появляется. Чистый белый лист в тех размерах которые мне нужны и теперь надо разобрать один нюанс если мы посмотрим на то как выглядит группа в. Одноклассниках на экране персонального компьютера дома видим, что их верстки фото профиля наезжает на шапку и закрывает её часть таким образом. Вот в этой части нам лучше не располагать никакой важную поэтому я возвращаюсь на мой будущий шаблон и очерчивая с помощью направляющих. Примерно вот такого размера поля за которым желательно заходить моим логотипом и также от черчу поля страны стоп логотипа меня ну не был в притык к правому краю и примерно в этих границах не надо будет от масштабировать мой логотип. Перенесу логотип на шаблон вытягивая кошка с логотипом выделяя все слои которые к нему относятся и переношу теперь окошко с логотипом могу свернуть нос устанавливаю логотип между направляющими включаю управляющие элементы могу пристыковать логотип для направляющей и его масштабируемых так чтобы он между двух направляющих. У меня встал. Теперь я могу направляющие отключить отключить управляющие элементы также немного подвигаться чтобы логотип оказался прямо в центре. И вот такой вот результат с обложка у нас есть ещё один нюанс если мы посмотрим как обложка выглядит в мобильной версии то. Увидим, что здесь верстка отличается здесь фото профиля располагается ниже и фактически здесь остается пустое место ну при том дизайне который делаем мы нам. Остаётся только смириться с этим, но в принципе есть разные решения этого вопроса делается какой-то узор на обложке и он каким-то образом заполняет — это пустое место либо если там на обложке много каких-то автоботов с этой стороны можно поставить какой то симпатичный предмет который будет виден в мобильной версии будет закрыт в версии для. ПК он не будет нести информацию поэтому — это не страшно и самое главное — это не располагать. Вот в этой левой части никакой важная информация не логотипы и названия не контактов ничего потому, что она будет не видно в версии для. ПК Ну мы расстаёмся стой обложка которые у нас есть. И последнее, что нам нужно сделать — это создать фото профиля я ещё раз нажимаю файл создать и задаю здесь для фото профиля размеры рекомендуемые размеры 190 на 190 пикселей оставляю разрешение 72 и цвета RGB и нажимаю. О'кей У меня появляется такой небольшой квадратик. То есть я также отвечу небольшие поля по краям поскольку. Одноклассники как и другие сети фото профиля до кружка название этого не делали, но сейчас ввели тоже это, что нам нужно чтобы наш логотип который мы сюда поставим не обрезался. И для этого нужны некоторые поля оставлять поля. У меня есть. Теперь снова развернул окошко с логотипом выделил слой с буквой б и. Перенесу её на будущее фото профиля окошко с логотипом включу управляющие элементы iata масштабируемые логотип таким образом чтобы он стал между двух направляющих расположи его в центре примерно по вертикали вот так не могу теперь отключить направляющие отключить управляющие элементы и остаюсь. Вот с таким вот фото профиля. Что нужно сделать сохранить его и сохранить обложку в формате JPEG и загрузить их в. Одноклассниках Вот такой результат.

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

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