| Сегодня 15 января, среда |
      |
  
|
  
Какой рейтинг вас больше интересует?
|
 БЫТЬ ЛУЧШИМ, СТАТЬ ПЕРВЫМ2012-10-14 15:41:21 < ...
+ развернуть текст сохранённая копия Тэги: best, blogger, fashion, http://abtme.ru/ Дизайн сайта - как сделать шапку2012-10-14 14:29:00Добрый день, уважаемые читатели блога БЛОGГЕР! Блог БЛОGГЕР - это всегда полезная и интересная ... + развернуть текст сохранённая копия Тэги: blogger, вебдизайн, сделать, шапка Дизайн сайта - как сделать шапку2012-10-14 14:29:00... /> ![](https://<strong>blogger</strong>.googleusercontent.com/tracker ...
<br />
<a href="#" onclick="togglePost(5771569);return false"><small>+ развернуть текст</small></a> <a href="/blogs/185782/posts/id/5771569/dizayn_sayta_-_kak_sdelat_shapku.php"><small>сохранённая копия</small></a><br />
<div id="post_5771569" style="display: none"><br />
<div dir="ltr" style="text-align: left;" trbidi="on">
Добрый день, уважаемые читатели блога <b>БЛО<span style="color: #990000;">G</span>ГЕР</b>! <br />
<br />
Блог <b>БЛО<span style="color: #990000;">G</span>ГЕР</b> - <b>это всегда полезная и интересная информация. В этой статье вы прочитаете о том, как быстро и бесплатно сделать шапку для сайта.</b><br />
<br />
Header или другими словами "шапка" - один из самых важных элементов дизайна сайта.<br />
<br />
В тоже время есть очень много владельцев сайтов и блогов, которые не знают, как сделать шапку, или не дружны с такой программой как "Photoshop".<br />
<br />
Допустим, что вы уже знаете название вашего блога и слоган, которые будут размещены на шапке.<br />
<br />
Теперь о размере хедера. Если вы в каком то графическом редакторе создаете новый шаблон, то вы наверняка знаете размер хедера. Если вы хотите заменить шапку в используемом шаблоне стороннего разработчика - наведите мышку на шапку вашего блога и нажмите правую кнопку мыши. В открывшемся меню вы увидите подменю "Параметры изображения", в котором вы узнаете размеры используемого хедера (например 925рх на 200рх).<br />
<br />
Приступаем к созданию своей шапки для блога.<br />
<br />
Учитывая то, насколько расплодились блоги интернет-бомжей, создадим шапку для блога с условным названием "Блог бомжа дяди Васи".<br />
<br />
<b>Вам понадобятся:</b><br />
Программа Photoshop.<br />
Заготовленные заранее изображения на прозрачном фоне в формате .png .<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Дизайн сайта - как сделать шапку" border="0" src="http://4.bp.blogspot.com/-39IB3wZwfy8/UHqD5FdN3hI/AAAAAAAACMg/0lyz-SXPpvI/s1600/homeless-blog.jpg" title="Дизайн сайта - как сделать шапку" /></div>
<br />
<br />
Создаем новое изображение размером 925рх на 200рх с прозрачным фоном. Для этого в меню "Файл" программы "Photoshop" нужно выбрать "Создать" или удерживая нажатой клавишу CTRL нажать клавишу N.<br />
<br />
Создаем копию нижнего слоя (в нашем примере - нажать мышкой на самый нижний слой и потом нажав правую кнопку мыши нужно выбрать "Создать дубликат слоя") и называем его, например, "images_homeless". Перетягиваем заранее заготовленное изображение на этот слой. Вы увидите, что это изображение стало доступно на этом слое в режиме трансформирования. При помощи инструмента "Перемещение" переместите изображение в нужное место будущего хедера и нажмите клавишу "Enter". Если картинок будет несколько, повторите для каждой картинки указанную последовательность действий.<br />
<br />
Кроме изображений, нам нужно будет создать два текстовых слоя (кнопка в виде буквы <b><i>"Т"</i></b>) с названиями "Название" и "Слоган".
<br />
<br />
Введите в текстовый соответствующий текст, выберите шрифт, размер, цвет. Разместите название и слоган на будущей шапке так, как вам нравится. При желании добавьте к вашим текстовым слоям соответствующие стили.<br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Стиль слоя" border="0" src="http://3.bp.blogspot.com/-F_X5VPRnMbI/UHqMnkvy0VI/AAAAAAAACNU/7M1ZKSg6M_E/s1600/sloy.JPG" title="Стиль слоя" /></div>
<br />
Для это в правом нижнем углу в программе "Photoshop" нажмите кнопку <b><i>"fх"</i></b>. Поиграйте с настройками.<br />
<br />
При необходимости, переместите текстовые слои вверх или вниз слоя с изображением. Не бойтесь экспериментировать.<br />
<br />
Сохраните созданную шапку "для Web" в формате .png .<br />
<br />
Указанный способ будет полезен для начинающих веб-дизайнеров. <br />
<br />
<b>Если эта статья была вам полезна, поблагодарите автора - нажмите кнопку +1 или разместите ссылку на эту статью в Twitter.<br /><br />Станьте подписчиком блога БЛО<span style="color: #990000;">G</span>ГЕР и вы будете всегда в курсе последних событий, и узнаете интересные идеи.</b><br />
<br />
<br /></div>
<div class="blogger-post-footer"><img width=){kind=small}
Тэги: blogger, вебдизайн, сделать, шапка Официально: В Динамических шаблонах новые гаджеты для фото и ссылок2012-10-11 13:27:00... в своем аккаунте Blogger пункт "Дизайн ... в стандартные шаблоны Blogger... [content ... + развернуть текст сохранённая копия Тэги: blogger Добавляем музыку в свой блог на Blogger (Blogspot)2012-10-06 13:34:22Недавно бесцельно скитался по просторам интернета и наткнулся на один занимательный блог, там в ... + развернуть текст сохранённая копия Тэги: blogger
Главная / Главные темы / Тэг «blogger»
|
  
Категория «Программы»
Взлеты Топ 5
Падения Топ 5
Популярные за сутки
|
Загрузка...
