Что Ты хочешь узнать ?

Создание собственных тем оформления для групп


В этой теме мы научимся самостоятельно создавать
собственные темы для оформления групп на Одноклассники.ru

ОБРАЗЦЫ ДЛЯ ЗАГРУЗКИ ТЕМЫ ОФОРМЛЕНИЯ
"Медовый спас"

1. Главная картинка темы оформления
1340 х 320 .ipg или .png до 120 КБ


http://img-fotki.yandex.ru/get/9502/132074412.68/0_1154d1_617bc8b3_orig

2. Повторяющийся фон страницы
320 х 320 .ipg или .png до 50 КБ


http://img-fotki.yandex.ru/get/9509/132074412.68/0_1154d2_de8cc3e2_orig

3. Обложка темы для каталога
240 х 90 .ipg или .png до 30 КБ


http://img-fotki.yandex.ru/get/9164/132074412.68/0_1154d3_3d2254a6_orig

Модерация занимает темы оформления 1-3 суток,
а может пройти и за пол часа)



http://www.odnoklassniki.ru/hvz.ok

Все образцы можно посмотреть здесь 
http://www.odnoklassniki.ru/hvz.ok/album/54573024083997

Вопросы можно задавать в этой теме

 http://www.ok.ru/hvz.ok/topic/63395136492829

Уроки создания тем оформления
 

http://www.odnoklassniki.ru/hvz.ok/album/54572336676893

Загрузка готовой темы оформления группы
на модерацию


Установка фотошопа
  ==================================================
Перед тем как приступим к пошаговому созданию заготовок вашей темы оформления групп, хочу сразу сказать не нужно пугаться, что вы в глаза не видели фотошопа, вам понадобится всего несколько инструментов.

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



Adobe Photoshop CS6 13.0 Final RePack by MarioLast

https://www.dropbox.com/s/t6he30sos8ki1jf/7baRu_adobe-photoshop-cs6-13-0-final-repack-by-mariolast_413306.exe

Год выпуска: 2012
Языки интерфейса: русский, английский, украинский
ОС: Windows 2000/XP/Vista/7
Лекарство встроено
Размер файла: 160,88 МБ


 Термины и их значения
 ==================================================
1. Шапка - главная картинка темы оформления
1340 х 320 .ipg или .png до 120 КБ

2. Фон - повторяющийся фон страницы
320 х 320 .ipg или .png до 50 КБ

3. Обложка- обложка темы для каталога
240 х 90 .ipg или .png до 30 КБ
===============================
Шаблон 1 - вспомогательный шаблон для вырезания буквой П
главной картинки темы (шапки)
http://img-fotki.yandex.ru/get/4126/132074412.4f/0_101fa4_bb2855e8_orig
сохранять в формате .png



Требования к картинкам
 ==================================================
 1. У главной картинки и повторяющегося фона не должно быть
заметных стыков
2. На картинках не должно быть насилия, эротики, рекламы и
других подобных вещей.
3. Все самое интересное на картинке надо располагать в
центральной части над блоком контента.
4. Общий вес всех картинок - не более 200 КБ
5. Качество изображений должно быть высоким. Недопустимы
сильные артефакты сжатия

источник:

https://twitter.com/odnoklassniki/status/319804900995366912/photo/1



Общие рекомендации
 ==================================================
- для фона можно использовать заливку или бесшовный фон

- цвет или рисунок фона старайтесь выбирать такой, чтоб нижнее
меню на этом фоне можно было прочитать, так как цветного
текста не было замечено, то меню автоматически подстраивается
или белый цвет или черный

- размер бесшовного фона берите такой, чтоб он без кусков
подстроился в квадрат 320 на 320 пкс

- если в шапке используете градиент, то следите, чтоб низ главной
картинки стыковался по цвету с повторяющиеся фоном



Если темы оформления прошли модерацию, 
они отражаются 
в отдельном каталоге Мои темы
http://dg57.odnoklassniki.ru/getImage?photoId=492620633828&photoType=0



Подбор цвета фона темы оформления
 ==================================================
При создании темы оформления очень важно, чтоб фон гармонировал с вашей аватаркой и шапкой темы, для подбора цвета могу предложить очень простой генератор фона http://www.colorhunter.com/

Все очень просто загружаем картинку (аватарку, скрин шапки) и получаем  палитру цветов для фона (с кодами)



Создание главной картинки темы оформления (шапки), используя Шаблон
 ==================================================
Предварительно загружаем шаблон на комп, сохраняя в png
http://img-fotki.yandex.ru/get/4126/132074412.4f/0_101fa4_bb2855e8_orig
- загружаем шаблон в фотошоп - Файл=>Открыть
- выбираем инструмент "Волшебная палочка" и курсором по пустой П-образной области шаблона, получили окантовку
- создаем новый слой
- убираем "uлазок" со слоя шаблона или удаляем его

Все площадка для творчества готова, размером 1340 на 320 пкс
и буквой П

дальше
- можно залить цветом и сделать надпись
- можно залить градиентом
- можно залить узором: Слои=>Новый слой-заливка=>узор..
http://img-fotki.yandex.ru/get/6424/132074412.52/0_103361_74a2fc63_orig




28 комментариев:

  1. не корректный видео ролик просмотр обрывается после 1;01 минуты просмотра...

    ОтветитьУдалить
    Ответы
    1. Посмотрела ролик,обрыва просмотра не видела

      Удалить
    2. Анонимный8 июня 2015 г., 11:47

      падение флеш плеера (Обнови) https://get.adobe.com/ru/flashplayer/

      Удалить
  2. Интересно, но быстро, Привыкли к сопроводительному голосу. За помощь спасибо.

    ОтветитьУдалить
  3. Это в своих группах темы открывать и делать обложки?

    ОтветитьУдалить
    Ответы
    1. Если в вашей группе более 10 000 участников и вы админ группы, то вы можете создать и загрузить собственную тему оформления для группы

      Удалить
  4. Очень быстро из за этого не понятно (для просмотра требуется знание фотошопа, что бы понимать, что и как) если бы помедленнее этот ролик можно было бы разобраться

    ОтветитьУдалить
    Ответы
    1. Михаил,
      это не видео, а картинка gif и была создана в дополнение к уроку, сам урок просмотреть можно по ссылке http://www.odnoklassniki.ru/hvz.ok/album/54572336676893
      тема обсуждений по созданию тем оформления http://www.odnoklassniki.ru/hvz.ok/topic/61562058134813

      Удалить
  5. где этот значок для модерации темы найти?

    ОтветитьУдалить
  6. Будет 10 000 участников в группе админу придет Оповещение и увидите значок загрузки своих тем !

    ОтветитьУдалить
  7. У меня нету не моя тема и нету создать тему

    ОтветитьУдалить
    Ответы
    1. Значит в вашей группе еще нет 10 000 участников поэтому у вас нет настроек для загрузки собственных тем оформления

      Удалить
  8. Ответы
    1. Для начала нужно установить фотошоп, а потом просто кликнуть на ярлык программы и запустить как любую другую прогу)

      Удалить
  9. Ответы
    1. Ну значит с вашим профилем или вашим поведением что то не так

      Удалить
  10. Помойму полная ерунда с набором 10 000 участников. Почему другим группам нельзя сделать свое оформление? что за дискриминация???

    ОтветитьУдалить
  11. Анонимный2 июня 2014 г., 3:44

    А себе на страницу обычную нельзя как нибудь скопировать или создать тему? Или это только четко для групп такая красота? Нельзя ли себе создать на страничку свою тему или скопировать у группы к себе?

    ОтветитьУдалить
  12. Как все замысленно )) Да все куда проще )) чем описанно - хотя это тоже вариант

    ОтветитьУдалить
    Ответы
    1. Каждый сам находит свой способ, тем более это было в начале, сейчас уже все упрощено до безобразия

      Удалить
  13. Привет! А у вас есть шаблон с аватаркой для создания темы под новый дизайн??

    ОтветитьУдалить
  14. Скажите. А как удалить свою тему из Тем оформления?

    ОтветитьУдалить
  15. Темы оформления для групп в Одноклассниках: http://www.socseti4you.ru/2015/09/temy-oformleniya-dlya-grupp-v-odnoklassnikah.html

    ОтветитьУдалить
  16. Сайт образцов тем оформления для Одноклассников

    http://tof-ok.blogspot.com/

    ОтветитьУдалить