Как сделать для шапки сайта


Как сделать для шапки сайта

Меню сайта
Главная
Карта сайта
Пенсионеру
Мой компьютер
Знакомство с клавиатурой
Простейшее редактирование и форматирование шрифта
Текстовые редакторы
Антивирусы и вирусы
Браузеры
Интернет
Поисковые сайты
Электронная почта. E-mail
О заработке в Интернете
Сайты с заработком
Электоронный кошелёк
О Фотошопе. Рамки для фото
Сайт Imikimi - от регистрации и до...
Общение в Интернете
Статьи
Контакты
Сайт fulud.ru

Даже не владея фотошопом – можно сделать шапку для своего сайта в графическом редакторое Paint. →



 

Партнёрка


 

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

Воспользуйтесь, для этой цели, графическим
редактором Paint. Который входит в ОС Windows.

Темы

  1. Подбор изображения для шапки сайта
  2. «Выделение» части изображения от большого
  3. Правильное соблюдение пропорций в выделяемой части изображения
  4. Изменение пропорций изображения в Paint
  5. Делаем в Paint надпись для шапки сайта

 



Подбор изображения
для шапки сайта

Понятно, что такую шапку, как в фотошопе – вы в Paint не сделаете.
Но ведь вы можете подобрать картинку в Интернете с нужной вам
темой, а затем в Paint вырезать нужный размер и сделать надпись.
И это тоже будет шапка сайта.

Мой моральный подход к авторскому праву на картинки в Интернете,
таков. Те авторы, которые выставляют картинки на всеобщий обзор, но
не хотят, чтобы их творениями пользовались другие, подписывают свои
работы. Поэтому я выбираю неподписанные картинки.

А так же, вы можете сделать шапку для сайта из собственных
фотографий, загруженных на компьютер с мобильного телефона.
Например – с моего мобильника Nokia, загружается фото размером
2048 х 1536. Размер, более чем достаточный, для шапки.

А в Интернете – поскольку шапка сайта (чаще всего) на всю
ширину сайта, то и картинку надо подбирать большо́го размера.

Предположим, что я хочу сделать сайт о рыбах.
Это может быть и рыбалка, и аквариумы и т.д.

Я набрала в поисковике: «обои для рабочего стола рыбы».
И подобрала для урока вот такую прикольную картинку.

Щёлкните по картинке, чтобы увеличить.

Возможно, что картинка слишком ярка́ для шапки сайта,
но в остальном, отвечает требованиям нашего урока –
сделать из неё шапку.

Предположим, я планирую ширину сайта сделать 1000 px (пиксел),
то и картинку я выбрала не самую большую. 1100 px для моей шапки
будет вполне достаточно.
Из этой картинки мы и будем делать шапку сайта.

Итак, вы нашли картинку, выбрали
размер и сохранили у себя на компьютере.
Если не знаете как сохранять, объясняю – щелчок правой клавишей мыши
по картинке и выбираете из контекстного меню «Сохранить изображение
как...». А затем в открывшейся папке с компьютера находите место куда
будете сохранять и нажимаете внизу папки «Сохранить».

 


«Выделение» части
изображения от большого

Для начала работы с подобранным изображением –
открываете Paint и после загрузки программы – нажмите в меню
«Файл» → «Открыть». В открывшейся папке, находите загруженную
картинку и двойным щелчком открываете её.

Затем щёлкаете по прямоугольному инструменту
«Выделить» на панели программы Paint
и выделяете в изображении то, что хотите.

Если то, что уже выделили вам не понравилось – можете снять выделение щелчком мышки по полю вне картинки. Если выделенное вас (хотя бы по внешнему признаку) устраивает - нажмите на кнопку «Обрезать». Вы можете отменить эту команду – если нажмёте на левую стрелочку «Отменить» в левом верхнем углу Paint.

 

Правильное соблюдение
пропорций в выделяемой части изображения

Исходя из того, что первоначальный размер картинки 1100 х 665 px,
а шапку для сайта будем делать 1000 х 300 px, то и выделить из картинки надо приблизительно близкие размеры. Потому, что когда мы будем устанавливать уже нужный нам размер, изменяя пропорции, слишком большая разница между выделенным размером и нужным – приведёт к неправильному отображению картинки.

Для наглядного показа некорректного отображения
я выделила и обрезала картинку до 1032 х 443 px.
И у меня получилась такая картинка.

Щёлкните по картинке, чтобы увеличить.

Размер этого изображения 1032 х 443 px. А нам нужен размер 1000 х 300 px.
Если ширину 1032 ещё можно назвать близким размером к 1000, то высоту
изображения 443, к нужному мне 300 – близким не назовёшь. И сейчас я
покажу, что из такого изображения получится, при изменении пропорций.

 

Если нажать на кнопку «Изменить размер» и выбрать наверху «пиксели»,
то увидим размеры по горизонтали – 1032, а по вертикали – 443.


Сначала снимаем флажок в кнопке слева от «Сохранить пропорции».
Изменяем размер «По горизонтали» до 1000, а «По вертикали» до 300.


И затем нажимаем внизу «ОК».

И вот изображение, которое у нас получилось
после изменения размера и пропорций.

Щёлкните по картинке, чтобы увеличить.

Как видите – рыбка получилась сплющенной.
Именно поэтому я и выбрала это изображение для показательного
урока. По этой рыбке очень хорошо видно – как не надо делать.

 

Изменение пропорций
изображения в Paint

Собственно, как изменить пропорции в изображении – я показала вам
в теме выше, а сейчас мы подберём подходящие размеры при выделении
части изображения. Чтобы, при изменении пропорций, изображение
выглядело корректно.

А для этого, можно сколько угодно раз выделять, затем «Обрезать» и, проверив размер, «Отменять» свои действия – пока не получите близкие результаты.

Щёлкните по картинке, чтобы увеличить.

Размеры этой выделенной картинки 1006 х 301 px.

Если снять галочку с функции «Сохранить пропорции» и поставить нужные
нам размеры 1000 х 300, то внешне в картинке почти ничего не изменится.

Щёлкните по картинке, чтобы увеличить.

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

В таком виде вы уже можете сохранять, полученное после выделения, изображение. Для этого щёлкаете «Файл», наводите мышку на «Сохранить как». Справа откроется вкладка с выбором формата изображений. Выбираете «Изображение в формате JPEG» и в открывшемся «Проводнике» находите папку, куда будете сохранять, в строку «Имя файла» – вписываете название изображения и нажимаете внизу «Сохранить».

 

Делаем в Paint
надпись для шапки сайта

После сохранения изображения – можете
начинать делать надпись для шапки.

Опять же – стилей для более красивого текста,
как в фотошопе, в Paint нет. Но вы можете
выбрать красивый шрифт и размер шрифта.

Можете подобрать нужный вам цвет в разделе Цвета.
Либо из имеющихся в готовой палитре, либо выбрать нужный
вам цвет с помощью изменения цвета в палитре Paint

Щёлкните по картинке, чтобы увеличить.

Вы можете сколько угодно экспериментировать с подбором цвета и шрифта. Сохранять и отменять сделанное. Пока не достигните желаемого результата.

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

Можете с помощью инструментов Фигуры,
сделать какие-либо дополнения к изображению.

Щёлкните по картинке, чтобы увеличить.

Пробуйте, эспериментируйте и у вас всё получится!

 

Перейти на Главную страницу сайта




Как сделать для шапки сайта

Как сделать для шапки сайта

Как сделать для шапки сайта

Как сделать для шапки сайта

Как сделать для шапки сайта

Как сделать для шапки сайта

Как сделать для шапки сайта

Рекомендуем к просмотру: