Ярмарка Мастеров - ручная работа, handmade

19 нояб. 2008 г.

Как вставить картинку в заголовок и сделать на ней надпись.

Лариса (Блог "Шкатулочка") попросила меня рассказать как я вставляю картинку в заголовок своего блога и как сделать на картинке надпись. Попытаюсь рассказать, если будет непонятно, возникнут вопросы или будет что-то не получаться, пишите.

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

Теперь делаем надпись. Выбираем инструмент "Т", на картинке ниже он под номером 1. Этот интструмент позволяет писать буквы и цифры.  Потом выбираем цвет наших букв (2), сверху шрифт (3) и размер (4). Инструментом "перемещение" можно поставить надпись в любое место на картинке.

Как загрузить в свой компьютер красивые шрифты могу отдельно написать, если надо.

Мне нравиться надпись с тенью, тень как бы выделяет надпись на первый план. Тень делается так: слой- эффекты слоя- тень
Теперь нужно уменьшить картинку, для того чтоб она красиво смотрелась в блоге и не оказалась огромной. Для этого идем в Файл - Сохранить для Web...

Картинка появиться в новом окне. Наживаем "Image Size", В строку "Width" нужно написать количество пикселей в ширину. Картинка для моего шаблона не должна превышать 800.  Количество пикселей для своего шаблона можно узнать уже при загрузке в блог. Об этом будет позже. Советую действовать опытным путем, сделать 800, попробовать загрузить, посмотреть что будет написано, поменять размер и еще раз загрузить. Лариса, у вас картинка должна быть меньше, примерно 700, это я визуально, надо вам смотреть.

Написали размер, нажимаем "Aplly" и "Save" - сохранить, не забыть главное куда сохранили, именно ее и нужно будет вставлять в блог. 

Теперь идем в настройки блога: Макет - Элементы страницы - В "заголовке" нажимаем "изменить"

Появиться окно, если у вас есть картинка нажимаем "удалить картинку"
Нажимаем кнопку"обзор"(Choose...) и ищем нашу картинку, щелкаем на ней 2 раза, название появляется в строке  и "сохранить"

Вот когда будет сохраняться картинка внизу будет написано предельная ширина картинки. Если у вас больше, можно сразу нажать отмену и вернуться в фотошоп. 

Еще нужно поставить галочку напротив строки "вместо заголовка и описания"

Не забыть нажать "сохранить" везде.

Результат вы уже видели сверху :)

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

Ирина комментирует...

Как шрифты красивые загрузить на компьютер напишите пожалуйста.:)Очень даже надо. Спасибо.

БабочкаЯночка комментирует...

Очень нравится новая картинка и подпись. Но есть просьба: вернуть в боковую колонку перечень читаемых блогов. Почему? Потому что в этом случае они "просматриваются" одновременно с основным очень интересным содержанием. А в "подвале", после последней статьи идёт узкий худой список длиной в ... метров. Пока до меня очередь дойдёт, становится сучно и перестаю смотреть, возвращаюсь наверх. Прошу прощения за наглую просьбу.

ТРОЙКА комментирует...

Ирина, окей, напишу :)
БабочкаЯночка, я не поняла, что вернуть? Я нечего не меняла, в последнее время с колонками. Да, список длинный, блоги там расположена не по алфавиту, а по обновляемости сообщений. Не поняла что мне сделать?

maija комментирует...

alen, a kak ti takoj shablon sdelala? Hochu poprobovat v primkuk.

БабочкаЯночка комментирует...

Лена, только нашла время, чтобы "запомнить" новое расположение в вашем блоге, а оказывается всё вернулось на место и удобно читать так же как было раньше. Какая-то волшебная история со мной произошла. И архив опять не внизу под последней статьёй на странице, а тоже сбоку. Мне так нравится, что вы сделали три колонки. Это очень удобно для такой вот сопутствующей информации. Всё отлично.

ТРОЙКА комментирует...

maija, шаблон делала не я. Взяла в интернете, если красивые картинку попадаются, сохраняю их на компьютер, потом пригодятся, как эта. Вот тут ее взяла.
http://blog.cetis.ru/45/

ТРОЙКА комментирует...

БабочкаЯночка, хорошо что все хорошо :)

maija комментирует...

Len, rasskazhi kaka?

maija комментирует...

chto-to u menja vse vremja lishnjaja bukva -a-

prokofevna комментирует...

Лена! Спасибо за такую ценную информацию...
Давно искала учебный материал по этой функции...Даже пробовала загружать картинку, но....
А вот после вашего урока, поняла свою ошибку...

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

ТРОЙКА комментирует...

maija, не поняла что рассказать? Картинку рисовала не я, я только ее обрезала, уменьшила и сделала на ней надпись. Это я вроде рассказала. Что ты имеешь в виду?
prokof'evna, давайте я тут напишу что нужно делать или не делать чтобы картинки не теряли кликабельность, это недолго. Картинки перестают увеличиваться, если их после загрузки переставлять с места на место, копировать или вырезать а потом вставлять. Не знаю с чем это связано. Я делаю так, сначала загружаю фотографии начиная с той которая будет в самом конце. Потому что каждая последующая картинка после загрузке оказыается сверху предыдущей. А уже потом печатаю текст между ними. Сами фотографии не трогаю больше. Тогда все будет кликабельно.

Ларчик с рукоделием комментирует...

ТРОЕЧКА! Спасибо за внимание и скорость реакции! Оказывается я не одна такой чайник. Посмотри, как актуальна тема оказалась. Еще раз спасибо. Если не трудно, продолжи доброе начинание обучения украшению своих блогов (это я присоединяюсь к просьбе о шрифтах).

ТРОЙКА комментирует...

Шкатулочка, не за что, сначала нужно попробывать вставить картинку, а то может по моему уроку ничего и не получится :)

maija комментирует...

Лен, я все шаблоном интересуюс. как такой в свой блог поставит? какие еще шаблони ест? Да, а как ти в конце сообщения "цветочную гирлянду" ?

ТРОЙКА комментирует...

ААА... про шаблон! Торможу, сейчас напишу. Гирлянда эта сама втавляется, шаблон такой, сам красоту мне наводит.
Вот тут 500 различных шаблонов.
http://btemplates.com/
Это я у prokof'evnы узнла, вот тут она об этом пишет.
http://prokofevna-2.blogspot.com/2008/09/google-blogger.html
Я могу в картинках рассказать как вставить новый шаблон?

maija комментирует...

nado. nado!!! Rasskazhi!

ТРОЙКА комментирует...

хорошо :)

бухтелка комментирует...

спасибо за информацию, очень пригодилось и все получилось, правда не с первого раза.

Katarina комментирует...

Большое спасибо за статью)))
А вы не подскажете, как в конце сообщения сделать подпись в виде картинки?Знаю что нужно зайти в Форматирование-Шаблон сообщений, а дальше никак!

ТРОЙКА комментирует...

ой, этого я не знаю.

БабочкаЯночка комментирует...

Лена, если разрешите, я про это могу рассказать.

ТРОЙКА комментирует...

БабочкаЯночка, да, конечно напиши или ссылку можешь дать, мне тоже интересно будет почитать.

БабочкаЯночка комментирует...

Лена, вот мой рассказ про постоянную часть поста:
http://kopomko.blogspot.com/2009/09/blog-post_27.html

SVJ комментирует...

СПАСИБО за статью,возьму себе,обязательно попробую.еще раз спасибо

Отправить комментарий

Popular Posts