Я создала свой собственный фон для блога Blogspot

   Новый бесплатный Дизайнер шаблонов ( Blogger Template Designer)  дает очень широкие возможности для оригинального оформления своего блога.Поэтому я решила воспользоваться такой халявной услугой и поменять свой шаблон.

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

Вот например::



   Поэтому я и решила попытаться сделать свой собственный фон (background ) для блога на основе своей вышитой дорожки.
      Впрочем , наверное не всем этот процесс интересен, поэтому для интересующихся я предлагаю

  сфотографировала вышитую дорожку, обработала в редакторе Photoscape:   обрезала, откорректировала цвет ,резкость и т.д,, сохранила в заранее подготовленную папку..

  если пойти в Дизайнер шаблонов блога, и выбрать вкладку ФОН, то исходя из моего скриншота

   Нажимаем по порядочку все что у меня отмечено красными рамочками, и, в итоге, получаем объяснение по поводу  фона из собственной картинки ( подчеркнуто красным):

       “Можно загружать файлы размер которых не превышает 300 кб. Картинка должна быть не менее

1800 х 1600 пикселей.” ( не всегда верно – проверено мной на практике)

    Вышитая дорожка у меня узкая, так что пришлось изгаляться при помощи фоторедактора
Photoscape :

Как создавался фон для блога

   Это скриншот всех моих попыток подогнать размер отредактированного изображения под заданные “Дизайнером шаблонов” размеры ( меньше 300 кб -  не больше 1800х1600 пикселей)  

  У меня получалось выдержать размер, но в блоге это выглядело некрасиво  -  при изменении размера окна браузера , текст сообщения наезжал на орнамент. А мне хотелось чтобы поле сообщения всегда оставалось за пределами орнамента.

   Поразмыслив, я решила что нужно начать плясать от ширины блога. Ширина блога у меня 1100 пикселей.Значит белое поле у меня должно быть тоже 1100 пикселей. Но как этого добиться, ведь дорожка узкая.  

  В Paint.NET задала размер холста 1100х1600 px , сохранила его к себе в папку – есть  белое поле моего будущего шаблона для блога.

Далее я вырезала в  Photoscape полоску орнамента, подогнала его по ширине 100 px, и произвела следующие манипуляции:

Манипуляции с орнаментом для фона блога

   1  - вырезанная полоска до обработки в редакторе левая( 100 х 827 px ), Сохраняем

   2  - ее зеркальное отражение до обработки  правая

   3  - обработала 1-ю полоску (осветлила, гамма. резкость, подсветка и пр.) Левая сторона.Сохраняем

   4  -  сделала зеркальное отображение обработанной левой полоски орнамента, получила правую полоску орнамента. Сохранила. ( но по высоте полоска всего 827 пх, а мне нужно 1600

   5  -  сделала в редакторе зеркальное отображение  левой полоски по высоте  и получила полоску орнамента 1654 х 100 пх   Левая

   6  -  зеркальное отображение длинной правой полоски  

   7  -  вырезала орнамент из левой полосы разм. 100 х 1600 пх Сохраняем

   8  - зеркальное отображение левой полосы 100 х 1600 -  получаем правую полосу.

  Сейчас только заметила сколько я лишних манипуляций проделала. Можно обойтись смело только 1, 3, 5, 7, 8 операцией  

    Далее я “сшила” в Photoscape  , в разделе “ Комбинация, свой левый кусок орнамента, далее “белое поле”, и правый кусок орнамента:

Сшиваем фон в Photoscape

   И получила я свой долгожданный фон 1300 х1600 пх.( 1300 = 100 + 1100 + 100)  Но рано радоваться Нужно его еще ужать по весу.Вес картинки я ужимала на сайте ( к сожалению, сайт перестал существовать - обновлено 21.3.2013г. Но можно неплохо задавать степень ужатия в редакторе изображений FastStone Image Viewer )  и ужала изображение фона до 100 кб. Это весьма неплохо, при требовании веса вставляемого фона не более 300 кб.

         По поводу требуемых “Дизайнером Шаблонов “ размеров фона ( не менее 1800 х 1600 пх). Ерунда! и я на нее купилась. Изгалялась ужас как, а потом плюнула и вставила изобр. 1300 х 1600.

Результат?

А вот он:

У меня ширина экрана 1600 Как видим, Blogspot просто делает зеркальное отображение фона блога.
      Создала я также и шапку своего блога.
      В следующем сообщении попробую записать себе для памяти как я делала и вставляла движущую ленту своих фото-рецептов ( image slider).
       Если кто-то решится делать свой собственный фон для блога, чем смогу -  тем и помогу…

***************************************************************************

This work is licensed under a Creative Commons Attribution Non-commercial license.