Как сделать красивую картинку в программах и интернет-сервисах
Согласно возросшим требованиям поисковых систем к качеству контента, тексты должны быть хорошо структурированы и оформлены фотографиями, картинками, разного рода графикой и медиа.
Поэтому в создание сайта работа с графикой входит как обязательный элемент. Где же брать красивые изображения для своих проектов? Что делать веб-мастеру, не имеющему природных способностей к изобразительному искусству? И на покупку готовой графики у дизайнеров не имеется средств?
Содержание страницы:
Создание красивой картинки
Современное состояние веб-технологии и разработки предоставляет автору веб-проекта достаточно разнообразных инструментов, чтобы создавать уникальные изображения, не имея понятия о принципах дизайна.
Фотошоп и другие профессиональные графические пакеты
На первый взгляд может показаться хорошей идеей обзавестись мощной программой типа Фотошопа, которая решит все проблемы с веб-графикой. Однако есть и отрицательные моменты:
- Высокая стоимость профессионального софта. У веб-мастера и так достаточно расходов – оплата хостинга, домена, покупка текстового контента и так далее.
- Профессиональные программы предназначены для специалистов. Обычному пользователю разобраться будет очень сложно. Такие программы достаточно тяжеловесны и потребуют мощного, быстродействующего компьютера, а это еще деньги.
Среднему пользователю Фотошоп без надобности, только обуза – все равно невозможно реализовать заложенные в профессиональную программу бесконечные возможности.
Гораздо удобнее для создания красивой картинки использовать несколько маленьких, простых и быстрых графических приложений. К примеру, вот эти просты и многофункциональны:
- FastStone Image Viewer;
- FsCapture;
- PicPick;
- Paint.
Предлагаю посмотреть видео о том, как делать не очень красивые, но простые и понятные разъяснительные рисунки в программе Paint.
Кстати, в Paint и FsCapture можно легко делать скриншоты, в особенности очень просто с помощью Paint, буквально нажатием одной клавиши (prt sc) на клавиатуре компьютера.
В каждой из таких бесплатных программ обязательно найдется одна-две эффектные фишки, комбинируя которые легко можно достигать вполне приличных результатов. А Фотошоп оставьте для профессиональных дизайнеров.
Используйте простые бесплатные графические программы и онлайн-сервисы
Можно превратить создание красивых картинок для сайта в креативную игру и в простом развлечении, в экспериментах, компилировать совершенной уникальные изображения.
Традиционно принято в верхней части статьи размещать некую абстракцию, отдаленно относящуюся к общему смыслу статьи. Такую картинку можно собрать из кусочков фотографий, бесплатных клипов, иконок, добавлением текста.
Кнопки и логотипы
В левой верхней части веб-страницы обычно располагается логотип проекта, кликнув по которому посетитель направляется на домашнюю (главную) страницу.
Для создания красивых и привлекающих внимание кнопок и логотипов удобнее всего воспользоваться бесплатным онлайн-сервисом. Например, cooltext.com или logaster.ru.
Бесконечный выбор заготовок и шрифтов с различными спецэффектами. Чтобы сделать кнопку для себя, нужно выбрать шаблон и вставить свой текст. Нажать кнопку O.K. и все готово через несколько секунд.
Художественные заголовки в стиле WordArt
На упомянутом уже сервисе cooltext.com можно создавать красивые художественные заголовки к статьям. Хотите пылающую надпись или псевдообъемное изображение в формате 3-D? Пожалуйста! Без проблем.
GIF-анимация и Flash
Создание блога можно довести до профессионального уровня добавлением на страницы анимированных картинок в формате GIF или Flash. Очень эффектно и привлекательно будет выглядеть движущееся изображение бегущего оленя на сайте про животных. Или демонстрация рабочего цикла двигателя внутреннего сгорания в разрезе.
Как это делается? Очень просто – все те же небольшие программы и онлайн-сервисы. Как правило, приложение для создания GIF имеет пошаговый Мастер и обширный набор готовых шаблонов. Веб-мастеру нужно только кустомизировать и приспособить шаблоны под нужды своего проекта.
Как сделать фавикон для сайта
Фавикон это маленький символ сайта, который появляется в адресной строке браузера и затем на странице выдачи Яндекса. Сделать фавикон можно обычным путем – либо онлайн-сервис, либо специальное приложение. Немного затраченных усилий и ваш проект приобретает уникальный символический знак, который запомнится людям.
Лови момент!
В обычной жизни каждого человека встречаются моменты, которые было бы интересно запечатлеть цифровой фотокамерой. Здесь важно быть наготове. Сфотографируйте ежевечерний закат и немного обработайте его фильтрами в графической программе. Вот вам готовая великолепная картинка при минимуме затраченных усилий.
Как сделать красивую надпись на картинке в онлайн-сервисе
Сделать красивую надпись на картинке можно многими способами. Опять же в простых графических редакторах, которые мы уже упоминались для создания красивых изображений — FsCapture, FastStone Image Viewer, PicPick, Paint.
Сначала мы рассмотрим один онлайн-сервис lolkot.ru, который создан для любителей котеек, но есть там такая функция — создавать надписи на уже присутствующих на сайте фотографиях или загруженных с компьютера.
Сервис lolkot — российский, так что разобраться в интерфейсе сможет даже самый что ни на есть начинающий пользователь. Но всё-таки, для большей ясности не много разберем, как сделать красивую надпись с помощью этого «позитивного кошкосайта» 🙂 .
- В пункте №1 — «Выбираем картинку» нажимаем на кнопку «выбрать». Откроется окно с помощью которого находим нужный файл на компьютере, нажимаем «открыть».
- Когда наше изображение откроется на сайте переходим к пункту №2 — «Добавляем надпись». В окошке «Текст» вписываем, то, что хотим видеть на картинке. При этом можем настраивать размер шрифта, цвет, эффект, цвет эффекта, и собственно сам шрифт и его размер.
- В пункте №3 — «Сохраняем» нажимаем на кнопку «Скачать на компьютер».
Всё, надпись на картинке готова!
Видео как сделать красивую надпись на картинке в программе Paint
Особо красивых надписей в Paint не сделать, так как в этой программе нет возможности добавление всевозможных специальных эффектов, но выбрать красивый шрифт, размер и цвет шрифта, поместить надпись именно там, где надо это можно запросто.
Предлагаем посмотреть видео об этом:
Конечно программа Фотошоп для профи, и разбираться с ней необходимо долго и упорно, а вот другие небольшие и простенькие что вы описали я думаю такого количества времени не потребуют, а эффект будет даже превосходящим.
Фотоаппарат и фотошоп в помощь 🙂
В этом то и плюс увлечения фотографией:)
Скриншоты действительно легко делать через Paint, всегда им пользуюсь, а вот красивые надписи я делаю даже в программе PowerPoint.
Спасибо, столько новых сервисов узнала, я кроме паинт и фотошопа больше ничем не пользовалась. Надо будет попробовать, мне тоже нужны уникальные картинки, а это такая проблема..
Фотошоп так пока и не освоен. Так что картинки делаю разными способами, чаще на онлайн-сервисах. Расширил свой кругозор в этом вопросе 🙂
Особенно понравилось на кошкосайте!
Саш, в какой программе ты обрабатываешь картинки, чтобы такие размытые края получались?
В фотошопе, Лариса. Сначала выделяешь инструментом «прямоугольная область», заходишь в «выделение»(в верхнем меню), затем «модификация»- растушевка, выходит окно, где выбираешь сколько пиксилей растушевать(я обычно 10 пикс.), потом опять в «выделение» — инверсия и delete.Это так получатся исчезающие края, а если после инверсии зайти в «фильтр», потом «размытие» — «по гауссу», то получаться просто размытые края.
Кажется долго, как написано, но по идеи очень быстро все.
На ютубе много видео «как сделать размытые или исчезающие края у картинки». 😉