Полезные советы

Как сделать картинку для шапки в Paint ;

Как сделать изображение кнопки в Paint. ;

Как сделать картинку для шапки в Paint

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

Зайдём на обширнейший ресурс картинок “Яндекс картинки” (так и набираем в поисковике), и вводим в поисковике ресурса интересующую нас тему. Я ввел “Океан”. Самое трудное  – выбрать картинку т.к. они все замечательные.

Когда-же выбор сделан, щелкаем по ней чтоб открылась в полный размер (забыл предупредить: размер должен быть более 950х300, он показывается при наведении курсора на картинку), и копируем в Pаint просто нажав клавишу Prt Sc Sys Rd.

Затем открываем Pаint и щёлкаем по иконке “Вставить”. Должна получиться вот такая картина.

Теперь щёлкнем по иконке “выделить” и выделим часть картинки высотой пикселей в 150-180, а шириной пикселей  800-900(количество пикселей выделяемых Вами, показывается в нижней часть окна, ближе к левому краю) и щёлкаем по иконке “обрезать”.

Можно не прибегая к позиционированию css добавить в эту картинку ещё изображение. Давайте вставим сюда вот эту акулу. Правда в Paint анимашка не получиться, и насчёт того как её сделать применив css, можно прочитать в статье Oтносительное позиционирование. Украшаем шапку сайта. а пока вставим простую картинку.

Идём в Яндекс Картинки, и по запросу «Акула с прозрачным фоном» находим эту картинку. Щёлкаем по  ней правой клавишей и выбираем «Сохранить как..». Затем сохраняем её можно в «Загрузках».

Снова открываем Paint, и внизу иконки «Вставить» нажимаем на треугольник, откроется «Вставить из». Жмём на неё, откроется поисковик и в нём находим загруженный файл с акулой.

Щёлкаем по нему левой потом правой клавишей и в открывшемся меню проходим по «Выбрать». В результате получиться вот такая конструкция

Как видите квадратик у акулы белый, а нам нужен под цвет моря. Справа сверху в панели управления Paint есть иконка «Изменение цветов», щёлкаем по ней и открываем инструмент «Изменение палитры».

Выбираем по нему цвет максимально подходящий к цвету моря, нажимаем «Ок», затем выбираем «Заливка»(ведёрко с краской), наводим курсор на акулу и щёлкаем по ней. Если цвет не попал, снова открываем «Изменение палитры», и подправляем цвет.

Заливку снова открывать не надо, просто наводим курсор на акулу и заливаем подправленный фон. И так до тех пор пока цвет не совпадёт. У меня вот так вышло на пятый раз

Теперь возьмём  «Кисти», выберем средний размер, затем «Толщину», вторую сверху, затем снова в палитре сделаем чуть темнее цвет и нарисуем тёмные точки. Если цвет точек не попадёт, нажмите на круглую стрелочку «Возврат», в панели редактора, и то что Вы черканули, исчезнет.

Затем нужно щёлкнуть «Файл — Сохранить как…» и в появившемся окне поиска выбрать папку в которую эта картинка будет сохранена.





Если картинка предназначена для WordPress, то сохранять её нужно:

если сайт на Денвере в «home-название сайта-www-wp_content-themes-название темы-images»

если на хостинге — «publik.html-wp_content-themes-images».

Конечно изображение тяжеловато – 200 кбайт, и желательно сделать его полегче, так как шапка присутствует на каждой странице, и ощутимо влияет на общий вес сайта.

Для облегчения изображений рекомендую использовать бесплатный вариант программы Image Optimizer. В нём можно облегчить изображения онлайн, без потери качества.

А если скачать программу и установить на компьютер, то в выпадающем меню правой клавиши мыши, появится новая опция — «Optimise Images», и наведя курсор на любое изображение, сохранённое в какой либо папке на Вашем компьютере, Вам достаточно будет щёлкнуть правой клавишей, и выбрать эту опцию. Картинка автоматически станет легче в несколько раз.

Как установить эту шапку на сайт,  смотрите в статье Как сделать шапку сайта

И давайте сделаем ещё одну картинку — сборную. Тему возьмём к примеру «Грузовые автомобили». Находим в Яндекс картинках первое изображение

Затем щёлкнув по ней правой клавишей открываем и выбираем оптимальный для шапки размер

Когда картинка открылась копируем её в Paint (нажимаем клавишу «Prt Sc Sys RG»), открываем Paint, щёлкаем «Вставить», затем «Выделить», выделяем машину, и перетаскиваем изображение из левого верхнего угла на середину страницы, чуть ближе к левому краю.

Затем снова идём в Яндекс картинки и выбираем второе изображение. Главное что-бы фон картинок совпадал. Открываем её в примерно таком-же размере

После того как картинка открылась, щёлкаем по ней правой клавишей и в появившемся меню выбираем «Сохранить как…» и жмём «Сохранить»

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

Двойной щелчок по ней, и она окажется в поле Paiht, наложившись на первую

Так как наложится она уже в выделенном виде, то её сразу можно перетащить куда нужно. И не забывайте про круглые стрелочки возврата в панели управления. Если что-то не сошлось, можно всегда вернуться к предыдущему действию.

Две картинки готовы, давайте добавим третью. Например знак предприятия выпускающего эти машины. Находим его по запросу «Эмблема Газ», выбираем нужный цвет, открываем в нужном размере, сохраняем и вставляем в уже имеющееся изображение

И таким образом можно комбинировать очень много, а нам сейчас остаётся только сделать изображение нужного для шапки размера. Обычно это 900х250 px или около того.

Снова берём «Выделить», и выделяем нужный нам размер. Он показывается при движении курсором слева внизу окна Paint. Кстати, можно нарисовать рамку. Для этого выбирается цвет, толщина линии, и прямоугольник в инструментах, а затем рисуется рамка 900х250px.

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

Думаю что теперь Вам не составит труда сделать что-либо своё. Во всяком случае проще уже ничего не бывает.

Источник: starper55plys.ru

Другие товары