Учимся делать скриншот с экрана

Доброго времени, уважаемые читатели! В этой незатейливой статье я расскажу вам, как сделать скриншот экрана и страницы сайта. Мы рассмотрим онлайн-сервис, который позволяет качественно сделать скрин сайта. А также разберем всевозможные способы создания скриншота, как с помощью клавиатуры так и дополнительных программ. Думаю, вам это пригодиться. У каждого разные цели.

Лично я использовал эту возможность, когда настраивал , для продажи баннеров на блоге. Там нужно было установить свою картинку с рекламными местами для наглядности. Чтобы рекламодатель мог видеть, где именно (в каком месте) заказывает рекламу на моем блоге. Можете посмотреть, как у меня получилось (скриншот доделывал в фотошопе) на .

Темы статьи:

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

Снимаем скриншот (ScreenShot) при помощи «Print Screen»

Я надеюсь, у вас есть клавиатура! Делается скриншот очень просто. Не важно, какая у вас клавиатура, по принципу работы все одинаковые, так что не переживайте.

С помощью клавиатуры вы можете сделать скриншот только той части, которая помещается в разрешение вашего монитора. Другими словами, что видите на экране монитора, то и попадет в снимок. Этот снимок в дальнейшем можно будет отредактировать.

Для того чтобы сделать скриншот на клавиатуре, нажмите клавишу «PrtSc». Эта клавиша находится после клавиш «F1-F12», в верхнем горизонтальном расположении. Настраивайте ваш экран так, чтобы была видна та часть, которая должна отобразиться в скриншоте.

Лично я сделаю скриншот своего экрана, на момент написания статьи. Вот что у меня получилось.

Я, конечно же, уменьшил изображение для наглядности. У вас должно было получиться то, что вы фотографировали на экране. Но это только часть процесса. А как же нам теперь этот скриншот достать из этой кнопки, и превратить его в изображение в формате «JPG» или «PNG»?

Все достаточно просто! На помощь нам приходит старая добрая программа «Paint». Она должна у вас быть, если вы пользуетесь Windows. Это программа из набора «стандартных». Для того, чтобы открыть программу «Paint» проделайте следующие шаги: «Пуск» — «Все программы» — «Стандартные» — «Paint». Запустите приложение.

Откроется окно программы, в которое нам нужно поместить отснятое пространство монитора. Для этого можно пойти двумя путями: горячие клавиши и с помощью меню программы. Рассмотрим оба варианта.

После запуска программы вы можете мгновенно вставить изображение, нажав сочетание клавиш «Ctrl+V». Автоматически изображение будет помещено в рабочую область программы.

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

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

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

Используем ножницы, чтобы сделать скриншот

Еще один незамысловатый способ создания скриншота и, на мой взгляд, удобней, чем предыдущий – использовать «Ножницы», которые были добавлены в набор стандартных программ Windows 7.

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

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

Я снял часть экрана, где был открыт браузер и сохранил этот фрагмент в формате JPEG. Так же, после запуска вы можете нажать на кнопку «Отмена» и отменить моментальное создание скриншота. Это необходимо для того, чтобы вы могли настроить экран перед снимком.

Также после отмены или во время работы программы вам доступны несколько вариантов создания скриншота: произвольная форма, прямоугольник, окно и весь экран. Поэкспериментируйте с этими режимами и выберите наиболее подходящий.

После того, как вы сделали скриншот, перед вами откроется окно, в котором вы можете произвести некоторые манипуляции над изображением: можете нарисовать что-либо пером, маркером, а также стереть все творчество ластиком. Также есть режим выделения текста маркером, это очень удобно, и порой необходимо. Также можете сохранить изображение, щелкнув по значку дискеты.

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

Программа для скриншотов с экрана «Joxi»

Еще одна очень удобная программа для создания скриншотов «Joxi». Этой программой я пользуюсь уже давно. Мне ее порекомендовал мой коллега Белан Константин (писал про нее в одном из своих постов). И она мне очень понравилась. Теперь и я с большим удовольствием расскажу вам про нее.

Конечно, эта программа не позволит вам сделать скриншот всей страницы сайта сверху до самого низа (можно сделать, читайте об этом ниже ). Она работает по тому же принципу, что и «Ножницы», но у нее есть масса приятных и полезных фишек, которые мы рассмотрим далее.

Скачать «Joxi» вы можете на официальном сайте программы. Программа распространяется в бесплатном доступе, но есть и платная подписка. Находите программу, устанавливайте ее и запускайте.

После запуска программы у вас создастся такое впечатление, что ни чего не произошло, и программа не работает. Но эти не так. Она запустилась и доступна в системном трее. Системный трей находится на полосе меню «Пуск», в правом углу, где находятся часы.

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

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

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

Также, подрисовать карандашом, чертить линии, стрелки (есть у меня на некоторых скриншотах), которые позволяют сделать скриншот немного удобнее. С помощью стрелок можно указать на ключевые моменты в изображении.

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

После всех действий и принятии решения об окончательном редактировании снимка, его нужно сохранить. Сохраняется рисунок в трех режимах: можно скопировать этот скриншот и вставить его в какую-нибудь программу, например «Paint» или «Photoshop», можно скриншот сохранить на компьютер, а можно опубликовать на сервере «Joxi». Лично я всегда использую второй вариант – сохранение изображения на компьютер.

Стрелками я отметил для вас, что нужно выбирать, когда фрагмент снимка готов. Также расставил очередность действий. Сначала щелкните по небольшому треугольнику на синей кнопке, чтобы открыть меню с выбором режима сохранения, и только потом выберите пункт «Сохранить» или нажмите сочетание клавиш «Ctrl+S».

При сохранении снимков экрана у программы «Joxi» есть маленькая особенность. Если при сохранении на компьютер вы укажете имя вашему скриншоту и не укажите его расширение, то скриншот сохранится, как попало и вы не сможете его открыть.

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

Если вы сохраняете скриншот для загрузки на сайт или блог, то вам нужно дать имя файлу на латинице через тире, и обязательно в конце имени добавить либо «.JPG» либо «.PNG», иначе ваш файл просто не откроется! Не забывайте про это, даже если пишите имя на русском языке, все равно в конце имени расширение нужно указать!

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

В системном трее щелкните правой кнопкой мыши по значку птички, чтобы открылось вот такое меню. Нас интересует пункт Настройки. Его я выделил зеленым цветом.

После запуска окна настроек, нужно будет поставить в некоторых пунктах галочки, которые я пометил зеленым маркером, а те, что красным, их нужно убрать, дабы они не пригодятся. Настройте свой «Joxi», как показано на рисунке ниже. Нажмите кнопку «Применить».

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

Как сделать скриншот всей страницы сайта с помощью «Joxi»?

Теперь пришло время поговорить о том, как снять скриншот страницы сайта целиком, или только фрагмент. Разработчики программы «Joxi» далеко не глупые люди, да и программа не из ряда стандартных. Поэтому они знают, что нужно современному обывателю интернет пространства.

Много людей ведут свои блоги, сайты, форумы и я в том числе. И у некоторых авторов возникает потребность сделать скриншот всей страницы сайта. У меня была такая потребность, но этим способом я не воспользовался. Потому что не знал про него. А сейчас уже рассказываю вам.

Для того, чтобы сделать скриншот страницы в интернете, нужно установить специальное расширение (плагин) в ваш браузер. Браузер должен быть обязательно Google Chrome. Потому что разработчики «Joxi» написали плагин именно для этого браузера. Итак, если у вас Google Chrome, то переходите по этой ссылке: «Установить плагин Joxi ». Официальная новость о выходе расширения на официальном сайте вышла 31 июля 2014 года «читать здесь »

После того, как вы попали на страницу, нажимайте на кнопку «Бесплатно». Перед вами откроется окно, в котором нужно будет нажать на кнопку «Добавить». Таким образом, вы подтверждаете, что хотите установить это расширение для вашего браузера.

Все, расширение добавлено. Можно закрыть страницу. Теперь осталось совсем немного: настроить программу и научиться делать снимки. Там все просто. Пока вы читали мою статью, наверняка уже научились делать скриншоты страниц сайта. Но я все, же расскажу вам.

После добавления расширения, оно доступно в окне браузера Google Chrome, сразу же после адресной строки. Там будет находиться изображение в виде квадратика с птичкой.

Для того, чтобы сделать скриншот страницы сайта необходимо сначала зайти на нужный сайт, а затем щелкнуть по этому значку левой кнопкой мыши, чтобы появились варианты снимка: фрагмент страницы или страница целиком. Я сделаю небольшой снимок своей страницы блога.

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

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

После выделения необходимой области «Joxi» откроет дополнительную вкладку в браузере, и вы сможете приступить к редактированию и сохранению изображения. Вот и все, что касается работы с программой «Joxi». Если я что-то не рассказал или не объяснил, то при выборе программы и работе с ней понимание придет к вам очень быстро, также, как пришло ко мне.

Создаем скриншот страницы с помощью онлайн сервиса «SSmaker»

Онлайн-сервисами пользоваться гораздо проще, чем программами. Почему? Они не требуют установки, скриншот делается также быстро, вы его сохраняете себе на компьютер, место на жестком диске занимает только изображение.

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

Сервис называется «SSmaker». Находится он по адресу SSmaker.ru . Переходите на сайт и продолжайте читать статью, я расскажу вам, как пользоваться сервисом.

После перехода на сайт, перед вами откроется страница с онлайн-сервисом, позволяющим сделать скриншот. У меня на данный момент он выглядит вот так.

Здесь все достаточно просто. Вместо адреса Яндекса вводите адрес вашего сайта, для которого делаете скриншот, но не спешите нажимать кнопку «Создать». Нужно еще провести некоторые настройки, иначе скриншот может не получиться.

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

Для дополнения к настройкам выберите режим сохранения изображения. Это делается чуть ниже. Там есть два варианта в формате «JPEG» или «PNG». А также установите ширину вашего скриншота. Не думаю, что вам понадобиться скриншот больше 1024 шириной. Но если и так, то не переборщите с этим параметром.

Теперь можете смело нажимать кнопку «Создать». Вам будет выведен само изображение, которое получилось, а также предложены ссылки для разных социальных сетей и чатов. Можете ими воспользоваться, если есть необходимость.

Как сделать скриншот экрана, с помощью Fast Stone Capture?

Еще одна, довольно-таки занимательная программа для создания скриншота «Fast Stone Capture». Я нашел ее через поисковую систему, установил на свой компьютер и запустил. Тоже самое я рекомендую сделать и вам.

Это не бесплатная программа, и при запуске она оповестит вас о том, что вы используете программу в режиме «Trial версии», ознакомительная версия. Вы можете приобрести программу всего за $19.95 и ввести регистрационный ключ. Я этого делать не буду, я воспользуюсь триаловской версией. Нажимайте кнопку «Continue Trial».

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

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

Их настолько много и они все на английском, что я уже было, хотел не продолжать обозревать возможности «Fast Stone», но немного разобравшись с ними, я понял, что все довольно просто. Но все возможности и инструменты в рамках данной статьи я рассматривать не буду. Расскажу лишь про то, как сделать скриншот с помощью «Fast Stone».

Изначально маленькая панелька управления снимками имеет 9 черно-белых кнопок, расположенных вряд по горизонтали. Я случайно добавил 10 кнопку, отвечающую за линейный курсор. Он нам не пригодится.

Итак, первая кнопка в виде папки открывает или создает новый проект в специальном приложении, а точнее в самой программе «Fast Stone». Вторая кнопка делает снимок активного окна в данный момент, если у вас будет открыта папка и она будет активна, то программа сделает снимок только это папки, иногда это удобно.

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

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

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

Шестая кнопка делает скриншот всего экрана целиком (Full Screen), и также после снимка открывает его в полной программе для дальнейшей обработки. Седьмая кнопка , самая интересная, она поможет нам сделать скриншот страницы сайта целиком и полностью!

Как она работает? Вы открываете любую страницу в интернете, нажимаете на эту кнопку, и она автоматически начинает прокручивать вниз вашу страницу и создавать постепенно общий снимок. Вы можете в любой момент нажать клавишу «Esc», чтобы прекратить создание снимка. И то, что удалось отснять, откроется в программе.

Восьмая кнопка позволяет сделать снимок отдельного региона, который входит в заданный диапазон пикселей. Чтобы установить нужный диапазон, нажмите клавишу «F2». Откроется окно с настройками. По умолчанию стоит 400 на 300 пикселей.

Девятая кнопка просто шедевральна. Она умеет записывать видео. Ну что ж, посмотрим. Есть несколько режимов записи скринкаст видео:

• как объект виндовс
• произвольная прямоугольная форма
• только рабочий стол без меню «Пуск»
• полный экран

Также программа имеет возможность записи аудио. По идее можно создавать полноценные видеоуроки. Слабо конечно вериться. Но я все, же попробовал, и вот что получилось.

Ну, довольно-таки не плохо! Результат меня впечатлил. Сохраняется видео в формате «WMV». Этот формат читается на любом компьютере с Windows. Весит данный ролик 3,65 мб. Продолжительность 27 секунд. Не много и не мало. Качество устраивает для быстрых видео.

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

Итак, что же мы можем сделать со скриншотом в программе «Fast Stone»? Давайте разбираться. Изначально, после попадания снимка в программу перед вами откроется полноценное окно, в котором на глаза сразу же попадается горизонтальное меня, с обилием различных кнопок (инструментов).

Сейчас давайте разберем вкратце каждую кнопку стандартного назначения:

• Открыть проект (Open)
• Сохранить как (Save As)
• Инструменты выделения (Rectangle … и т.д.)
• Увеличить масштаб (Zoom In)
• Уменьшить масштаб (Zoom Out)
• Масштаб в процентах (По умолчанию 100%)

Кнопка « Draw» открывает внутреннее приложение, типа «MS Paint». В нем вы можете дорисовать какие-нибудь недостающие элементы, например усы карандашом, или большие уши, в общем, подключайте фантазию и действуйте.

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

Следующая кнопка « Caption» — описание. Добавляет дату, время и текст вверху изображения на белом фоне в красной рамке. Для чего это нужно, я так и не понял, наверно не дано. Но все, же эта функция здесь есть, и вот что получается.

Самая, на мой взгляд, полезная кнопка, лично для меня, как для блогера, кнопка « Edge» . Она делает наш снимок необыкновенным, за счет эмуляции оторванного клочка бумаги. Попробуйте поэкспериментировать с этим инструментом, и посмотрите, что в итоге у вас получится. И вот, что получилось у меня.

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

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

Делаем скриншот, с помощью WinShap (Trial Version)

Это вообще очень простая программа, много я о ней говорить не буду, расскажу, как она работает, и как вы можете создать скриншот. У нее есть небольшой минус: не может делать скриншоты страниц сайта ! Ну, или, по крайней мере, у меня не хватило тямы, чтобы запустить ее в режиме скриншота web-страницы.

Эту программу вы сможете найти в бесплатном доступе в сети интернет. Скачивайте ее, устанавливайте на свой компьютер и запускайте.

Кстати, сразу же после запуска, программа автоматически сделает скриншот вашего рабочего стола. Так что не пугайтесь!

Кстати, на счет бесплатности. Программа вовсе не бесплатная, и при первом запуске потребует ввести серийный номер. На что вы отреагируете, нажав на кнопку «Continue». Программа начнет работать.

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

Как вы могли заметить, панель рисования находится в самом низу рабочей области программы. Там доступны практически те же инструменты, что и в «Joxi». Стрелки здесь немного уже.

Программа может работать в нескольких режимах, как и ее предшественники: делать скриншот полного экрана, или отдельной части, активного окна или элемента активного окна, и еще там что-то, что у меня не работало! Давайте разберемся, как сделать скриншот во всех этих режимах.

Справа от самого изображения находится панель управления снимком, где есть кнопка старта создания скриншота, а также выбор тех самых режимов, о которых я говорил. Вы можете установить тень (Shadow) для изображения, добавить отражение (Reflection), добавить обводку по контуру (Outline), поставить водяной знак (Watemark) и изменить режим цвета (Colorize): сепия, негатив, черно-белое и т.д.

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

Таким образом, по аналогии, потренируйтесь с другими режимами. После сохранения снимка, если вы используете бесплатную версию,и не вводили серийный номер, ну или не «крякали» программу, то у вас будут на скриншоте всякие клеточки с надписью «TRIAL VERSION». Поэтому будьте внимательны при выборе программы для создания скриншота страницы сайта или рабочего стола.

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