2012-08-16

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

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

Вышитые дорожка и салфетка

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



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


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

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

BLOGGER вставка собственного фона

   Нажимаем по порядочку все что у меня отмечено красными рамочками, и, в итоге, получаем объяснение по поводу  фона из собственной картинки ( подчеркнуто красным):
       “Можно загружать файлы размер которых не превышает 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
Сшиваем фон в Photoscape

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

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

Зеркальное отображение фона блога

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

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

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

  1. Ответы
    1. Ну что вы, Элла! Я таким способом лечусь от старческого "засыхания мозгов".
      Мне просто доставляет удовольствие когда мои шарики вертятся в направлении достижения поставленных целий

      Удалить
  2. Большое спасибо! :) Просто и доходчиво. Если Вы не против,я поставлю ссылку на Вашу статью в своём блоге.

    ОтветитьУдалить
    Ответы
    1. И вам спасибо! Правда с тех пор как я писала это сообщение, я еще раз переделала свой шаблон. Белое поле я заменила собственноручно сфотографированной текстурой ткани для вышивания и сделала образец для вставки фона в шаблон в виде узкой горизонтальной полосы, соответствующей одному шагу орнамента . Наглядно увидеть это можно, если посмотреть "Информацию об изображении" в Firefox.
      Я забыла добавить, что свой фон я с полным правом помечаю авторским знаком " © prokofevna.blogspot.com " , Просто делаю его почти прозрачным .

      Удалить
  3. И Вы всё сделали сами? Потрясающе! Спасибо за полезную информацию.

    ОтветитьУдалить
    Ответы
    1. Привет,Даша!
      В данном сообщении я описывала свой фон с орнаментом и белым сообщением внутри блога. Но потом мне стало скучно ( все белое!!!) и я решила подогнать внутренний фон блога под ткань для вышивания. Сфотографировала кусок ткана, откорректировала в фото редакторе, и вот получился у меня фон в виде вышитого на холсте "рушничка".
      Мне 70, к компьютеру прикоснулась 8 лет назад.
      Задавайте вопросы, спрашивайте, чем смогу, тем помогу.

      Удалить
  4. Красота-то какая! В первый раз такое вижу. Вы молодец!

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