Поделись с друзьями

суббота, 22 февраля 2014 г.

МК Как сделать баннер-заставку с прозрачным фоном онлайн для вашегобложик.

Доброго времени суток мои дорогие!
Хочу сегодня рассказать как создать банер для вашего бложика без фотошопа ( редакторе) на вашем компьютере.
Очень многим хочется создать свое ( индивидуальное) Именное детище, но не все знают как это сделать.
Методом проб и ошибок, я решила создать для вас специально в ОНЛАЙН ФОТОШОПЕ заставку с прозрачным фоном, что это смотрелось красиво и радовало глаз..
Вот такую картиночку создала, сильно не нагружала...

В итоге у нас должно получится что то вроде этого...

 И так начнем...

Открываем сайты Фотошоп (их множество), и сайты где вы можете скачать клипарты.
Для себя выбрала Фотошоп редактор  http://photoshop.domfailov.ru/
( лучше зарегистрироваться) много времени это не займет.
 и  сайт  с клипартам  http://www.lenagold.ru/   (там есть большой выбор, и много фонов для фантазии)


1. Выбирайте понравившиеся вам клипарты, картинки, сохраните их в одной папочке, 
что б было удобнее.
2. Открываем фотошоп, создаем новый рисунок.

 размер изображения выбираем по нашему желанию

 Тут можно размер изображения пменять как нам надо, у меня 1100 на 300, ставим галочку на прозрачность.
 Вот так получается ( такое окошко)

Идем в наш сайт с клипартами, если вы не выбрали картинку заранее..

 Гуляем... выбираем...

 выбрали...
 сохраняем....

 Возвращаемся в фотошоп, выбираем  открыть изображение как слой


 выбираем нашу картинку....
 вставляем...и уменьшаем, трансформируем... выбирая Free Transform
двигаем, уменьшаем... как нам надо..
 Далее,, если нам нужно что то еще ( клипарты другие добавить) идем по той же схеме как и выше, выбирая слой с новой картинкой....
 пишем текст...
 цвет...
 шрифт...
 Если нас все устраивает...сохраняем...
 Для прозрачного фона выбираем формат PNG


Такая картинка у нас получается с прозрачным фоном...
Сильно не пугайтесь... это просто фона нет... как смотрится на компе...


 Вставляем нашу картинку в бложик....

 Вот и все!!!

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

  1. Катюш, я щас каку сделаю :) Можно? Дело в том, что картинка в формате PNG весит в несколько раз больше аналогичной в JPEG. Да, прозрачность - это прикольно, но грузится порой пипец как мучительно и долго!

    Любые изображения составляют бОльшую часть веса страницы, а шапка ведь ещё и грузится каждый раз! И мне кажется не стоит заставлять людей ждать лишние 10 (а то и больше) секунд каждый раз при переходе на новую страницу блога.

    Это не касается шапки твоего блога, но я не раз видела совсем другие примеры и стоит наверно в этом мастер-классе указать, чтоб, делая такую шапку, люди следили за ее весом. А то можно такого понафигарить :)

    А вот онлайн редакторы - это действительно очень удобно! Сама пользовалась таким, когда не было ФШ на компе. Функции хоть и обрезанные, но в целом на нашем уровне вполне достаточно и таких.

    ОтветитьУдалить
    Ответы
    1. Катюш , это совсем не кака !!!! Все правильно говоришь !

      Удалить
    2. Я просто не могу не влезть с критикой, когда сама постоянно в оптимизации блога по уши :) Но при этом очень боюсь обидеть! Рада, что ты меня поняла :)

      Удалить
    3. Все хорошо, не переживай ! В любом случае за весом )))))) нужно следить , хоть шапки.... Хоть жопки ))) пардон за каламбур )))

      Удалить
    4. Ахахаха!!!!!!! Точняк :)))))))))))))))))))))))))

      Удалить
  2. Твоя информация очень полезна ))) спасибо за дополнение. ))

    ОтветитьУдалить
  3. О какие вы умные! А еще бы вот для чайников сказали как за этим весом следить. У меня инет летает, а вот как он у других грузится (мой бложик) я не знаю. Как узнать?

    ОтветитьУдалить
    Ответы
    1. Вот на этом сайте http://2ip.ru/analizator/ можно узнать время загрузки главной (и любой другой) страницы блога (сайта). Оно должно быть ну не больше 10 секунд, а в идеале 3-4 секунды.

      Удалить
    2. А этот сервис https://developers.google.com/speed/pagespeed/insights/ может подсказать в чём проблема, что исправить. Но там нужно покумекать, чтоб понять :)

      Удалить
    3. Ого оперативненько как))))) Спасибо большое))) А то нам чайникам пока носом не ткнешь)))) Спасибо!

      Удалить


Пишите, так приятно читать ваши отзывы )))
Смааайл!
:) :( ;) :D :-/ :x :P :-* =(( :-O X( :7 B-) #:-S :(( :)) =)) :-B :-c :)] ~X( :-h I-) =D7 @-) :-w 7:P 2):) :!! \m/ :-q :-bd ^#(^