Дизайн для сайта. Шапка сайта своими руками.

Картинки по запросу Дизайн для сайта. Шапка сайта своими руками.

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

Итак что нам понадобится чтобы создать оригинальный дизайн для сайта:

1) Какой- либо редактор картинок, лучше всего для этого подходит фотошоп (куда же без него), или, например, CorelDRAW. Но лично мне в фотошопе удобнее, не так все запутано, и шапка сайта делается буквально за 10 минут. Конечно, я вам не выложу в свободном скачивании фотошоп, ищите сами в интернете (можно скачать где угодно, хотя не все варианты рабочие), или же покупайте официальные версии (конечно, если вы готовы выложить 10000 рублей), в любом случае. Рекомендую чисто от себя версию CS3. Не знаете как пользоваться фотошопом? Посетите курсы фотошопа в Киеве.

2) Нам надо знать размер нашей шапки сайта в консоли WordPress, потому что у каждой темы свои размеры заголовков. Как узнать- проще простого заходим в консоль=>внешний вид=> заголовок.Находим строчку «выберите изображение». далее смотрим на картинку ниже.

Вот этих размеров нам и надо придерживаться, у каждой темы они разные. Ни больше ни меньше, WordPress не очень любит когда размеры не совпадают, в противном случае ваша шапка сайта просто не отобразится и вам придется её переделывать по новой.

3) Нам нужен набор картинок и текст, которые вы будете писать на шапке, при оформлении нашего дизайна для сайта. Скачивайте с интернета, придумывайте сами, что угодно. Надо чтобы перед началом работы у нас все материалы были подготовлены. А уж обрезку и вставку мы сделаем в фотошопе. Желаете получше узнать о всех функциях фотошопа? Тогда посетите курсы обработки фотографий.

В принципе все подготовили и теперь можно приступать к самому созданию шапки в фотошопе, курсы которого доступны на сайте https://redcucumber.kiev.ua. Извините, но в текстовом формате все описать не смогу, потому что слишком много операций, и в тексте это получиться целая поэма. Так что лучше смотрите видео, я буду делать шапку на примере сайта про автомобили, потому что сам фанат этой сферы.

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

Итак приступаем к просмотру.

Надеюсь урок был для вас полезен, не судите строго, все сделано на чистом энтузиазме.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>