Дизайн группы вконтакте

дизайн_группы_вконтакте

Сегодня вы узнаете как оформить группу Вконтакте, чтобы она выгодным образом выделялась от других групп. Так вы сможете добиться увеличения подписчиков. Кстати, вы можете подписаться и на обновления нашей группы – виджет с быстрой подпиской вы найдете на нашем сайте справа. Социальные сети привлекают тафик на ваш сайт, особенно хороший результат дают группы ВКонтакте.

Итак, для начала нам нужно скачать файл PSD – шаблон, по которому вы будете создавать уникальный дизайн.

Скачать шаблон для создания оригинального оформления группы с depositfiles. Размер zip-архива 1.71 MB.

Найдем в интернете или нарисуем в фотошопе картинку, соответствующую тематике группы. Размеры картинки должны быть не менее 600 на 500 пикселей, а лучше более, чтобы нам найти наиболее подходящую область для отображения на странице группы.

  1. Откройте в фотошопе скачанный шаблон psd и скопируйте поверх него слой с вашим будущим фоном.
  2. Сделайте выделение, руководствуясь направляющими линиями, как показано на рисунке ниже:
    аватар вконтакте
    В шаблоне область аватара выделена серым цветом.
  3. Редактирование –> Скопировать совмещенные данные.
  4. Файл –> Новый. Не меняем размеры нового документа создаем его.
  5. Редактирование –> Вставить, или нажимаем горячие клавиши Ctrl + V.
  6. Сохраняем аватар на компьютере в формате JEG или PNG.
  7. Теперь сделайте выделения фона, который будет обладать функцией приветствия или меню. Выделенная область обозначена голубым цветом:
    выделение_меню_группы
  8. снова редактирование –> Скопировать совмещенные данные и файл –> Новый, Редактирование –> Вставить и сохраняем результаты на компьютер.
    Имейте ввиду, что это лишь предварительное оформление меню. Оно лишь поможет нам сделать красивый дизайн нашей группы.
  9. Теперь снова идем в нашу группу ВКонтакте, в настройках группы обязательно подключите Материалы. Только в этом случае в сможете сделать активное меню группы со ссылками:
    новые статусы 2013
  10. На главной странице группы кликните по пункту “Свежие новости” –> Редактировать и загрузите наше вспомогательное меню, которое вы создали в пункте 7.
  11. Теперь сделаем скриншот главной страниц группы. Нам поможет клавиша Preent Screen или специальная программа, например Jing.
    скриншот
    Примерно такую картину вы увидите, но не пугайте, мы все исправим.
  12. Откройте скриншот в фотошопе, наложите на него исходное изображение, из которого делали аватар слоем выше. Сделайте слой с исходным изображением полупрозрачным и совместите слои так, чтобы картинку точно накладывались друг на друга без смещения.
  13. Сделайте выделение по границе нашего предварительного меню со скриншота.
  14. Теперь сделайте непрозрачность верхнего слоя равной 100%.
  15. Снова Редактирование  -> Скопировать совмещенные данные. Файл –> Новый, Ctrl + V. Сохранять пока не нужно.
  16. Дорисуем кнопки при помощи Прямоугольника со скругленными углами и напишите на них текст.
  17. Когда меню будет готово, выберите инструмент Раскройка и разделите меню на нужное количество частей.
    раскройка
  18. Теперь сохраните изображение для WEB (Alt+Shift+Ctrl+S).
  19. Снова идем в группу ВКонтакте и в редактирование Свежих новостей. Здесь загружаем последовательно картинки меню. Кликните в редакторе по выбранной картинке и появиться окно, в котором вы сможете вписать ссылку, которая будет вести на определенную страницу.
    меню группы вконтакте
    Второй вариант вставки ссылки. Переходим в редактор кодов (нажимаем значок <> справа в редакторе и дописываем ссылку:

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

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!