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

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

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

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

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

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

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

Все образцы можно посмотреть здесь 
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