Здравствуйте, коллеги и друзья! С вами любительница производить эксперименты с фотографиями и картинками Наталья Краснова. Сегодня я хочу с Вами поговорить об украшении блога, о том, как сделать рваные края на скриншотах или простых картинках.
Украшением Вашего блога могут быть картинки, скриншоты, рисунки, яркие фотографии. Вы наверняка замечали, что статью гораздо легче читать, если в ней есть визуализация, есть скрины.
Благодаря скриншотам, даже не записывая видео, можно легко обучить Вашего посетителя тем или иным операциям. Редко в сети можно встретить голые тексты. Такие статьи просто не хочется читать.
Я уже описывала разные способы получения скриншотов и предоставила Вам перечень программ для снятия снимков экрана монитора, в этой статье я расскажу, как сделать не просто скриншот, а скриншот с рваными краями.
Такие картинки не только украшают страницы блога, но и служат информационным носителем. Любые картинки разрывают текст на части, поэтому содержание статьи воспринимается и запоминается гораздо легче.
Так как многие из нас «визуалы», необычные картинки с драными, рваными, резаными краями привлекают наш взгляд и невольно мы задерживается на сайте дольше, пусть даже на короткое время.
Способов сделать рваные края у фотографий, картинок несколько. Первый способ, на мой взгляд, самый простой — с помощью программы Fast Stone Capture. Более подробно об этой программе я рассказала в статье «Как сделать скриншот на компе?»
Содержание статьи
С помощью маленькой утилиты
Программа не занимает много оперативной памяти компьютера, но возможностей у такой маленькой и, самое главное, бесплатной программы достаточно много. Эта утилита палочка – выручалочка для блоггеров.
1. После установки запускаем программу. Открывается вот такое небольшое окно и, что самое приятное, при наведении мыши появляется подсказка на русском языке.
2. Выбираем инструмент «прямоугольник» и делаем скриншот необходимой нам области.
3. Далее перед нами открывается окно с возможностью редактирования файла. Кликаем на кнопочку «Край» и в новом открывшемся окне настраиваем наложение эффектов: рамочка, тень, стороны для рваного края, размер рваных зубьев и т.д.
Это самый легкий способ сделать рваные края, которым я пользуюсь всегда.
Рваные края в программе Фотошоп
Сегодня я вам покажу еще один способ. На мой взгляд, это далеко не самый лучший вариант, но он может нам пригодится в некоторых случаях, например, при составлении коллажей из фотографий или создании поздравительной открытки с помощью программы — редактора для изображений.
Сейчас мы выполним три простых шага.
1шаг. Открываем фотографию и инструментом лассо делаем произвольную обводку по самому краю.
2. Копируем выделение на новый слой комбинацией клавиш Ctrl+J. Вот такое изображение с неровными краями у меня получилось.
В программе Фотошоп можно творить чудеса. Экспериментируйте, пользуйтесь экшенами и у вас будут самые неповторимые снимки.
С помощью psd-файла
Еще один способ создания красивых картинок, а значит еще одна возможность украшения своего блога с помощью файла, который Вы можете скачать по этой ссылке.
Если вы скачали файл, кликните по нему правой кнопкой мыши и из выпадающего контекстного меню выберите путь «Открыть с помощью PhotoShop», файл откроется в программе для редактирования.
Открываем и нашу картинку, которую мы решили отредактировать. Чтобы ее открыть в программе PhotoShop, переходим по вкладке «Файл — Открыть» и находим на компьютере ту фотографию, на которой мы будем проводить эксперименты.
На этом этапе у нас в программе открыто два файла. Делаем psd-файл активным (кликаем по нему мышкой) и выключаем ненужные нам изображения, нажимая на значок глаза в поле отображения слоев файла.
Рваные края на рисунке под номером 4 мне понравились больше всего, поэтому напротив этой группы со слоями, я оставила значок глазка включенным, а все остальные отключила.
Теперь нажимаем на треугольник, чтобы отобразить видимость всех слоев из группы №4.
Чтобы удалить связь маски со слоем, кликните по значку на который я указала стрелкой (смотрите скриншот).
Теперь возьмем инструмент «Перемещение» и перетащим наше подготовленное изображение так, чтобы оно находилось между слоями (смотрите скриншот).
Не забывайте, что горячие клавиши Ctrl+t — помогут вам изменить размер изображения и подогнать его по размерам окна, а инструмент «Рамка» поможет обрезать готовое отредактированное изображение до нужных размеров.
Чтобы снимок сохранить, кликните по вкладке «Файл — Сохранить как»…
Мне осталось пожелать вам удачи в творчестве!
Если кратко, то у меня все. Напоминаю, что посмотреть видеоролик о том, как пользоваться утилитой FSCapture и узнать о ее дополнительных возможностях можно на этой странице.
Расскажите, как вы украшаете свой блог и какие программы Вам в этом помогают.
С уважением, Наталья Краснова.
Анекдот.
Заметил, что у многие оформляют изображения для своих блогов, но попробую пока без этого обойтись. Сделал небольшой наклон при выводе миниатюр, получилось неплохо.
Сейчас посмотрю!
Наталья, у меня к вам несколько вопросов, если разрешите, конечно…
1. Скажите, у вас есть статья о том, как установить мобильную версию на сайт?
2. Я попыталась сделать рваные края в фоторедакторе онлайн PIXLR EDITOR. Обвела лассо, а как его сохранить? Комбинацией клавиш Ctrl+J у меня почему-то не получается скопировать…
3. А как пользоваться вот этим pdf-файлом? Я скачала, а что дальше?
Извините за возможно глупые для вас вопросы, но для меня они важные…С уважением, Анна.
1. Установить мобильную версию не просто, художник должен ее нарисовать, а верстальщик сверстать, по этому вопросу обратитесь к фрилансеру. 2. Я в программе PIXLR EDITOR не работала. Редактирую картинки в Фотошоп. 3. Pdf-файл открыть в программе Photoshop. Здесь надо знать как работать со слоями, в комментариях все не напишешь. Вы мне дали почву для размышления, я поняла,что мне надо доработать свою статью, чтобы объяснить своим читателям весь процесс создания рваных краев более подробно.
Наталья, спасибо, что ответили…Я знаю, что сайт под мобильную версию устанавливают при помощи плагина, что я и сделала, но мне выдаёт две ошибки…Да, было бы неплохо, если вы расскажете более подробно о создании рваных краёв…Есть великолепные программы для этой цели, но мне ваш вариант нравится…С уважением, Анна.
Наталья, спасибо за вашу оперативность в дополнении статьи…Теперь вот классно получилось, всё понятно до самого конца…Спасибо вам большое…С уважением, Анна.
Быстро вы увидели дополнение, не прошло и суток.
Замечу, для вас старалась! 
Наталья, я это поняла, когда увидела дополнения к статье…Спасибо вам…с уважением, Анна.
Наталья, здравствуйте.
Обратил внимание, что в статье сказано «с помощью pdf-файла», а по ссылочке — .psd
Оба формата разработаны компанией Adobe, но предназначение разное.
.pdf используется для представления текстово-графической (чаще всего) информации, например, книги, журналы.
.psd — родной формат для фотошопа.
Кстати, фотошоп не обязателен, есть онлайн сервис: pixlr.com/editor/
в котором есть возможность сделать это.
Спасибо за дополнение, статью писала уже ночью, просто ошиблась.
Утилиту не могу скачать, антивирусник ругается, там точно нет вирусов?
Точно нет!!!
Хороший антивирусник! 
Зачем мне на свой блог грузить вирусы, чтобы отпугнуть посетителей? Не логично! Я своих посетителей люблю и им рада.
Да, он у меня такой, все что не нравится в вирусы закидывает, зато сейчас не ловлю, кстати на счет psd-файла, а другие 4 как можно использовать, можно где нибудь инструкцию посмотреть?
Делайте все по аналогии и с другими файлами.
Наташенька, ОГРОМНОЕ СПАСИБО!!! Вот как теперь можно красиво оформить картинки в статьях! Здорово, мне очень понравилось! Обязательно сегодня попробую.
Спасибо Большое!
Я рада, что вам понравилась моя информация. Похвалитесь результатом?
А я использую программу snagit, от создателей camtasia studio. Очень удобно) Правда стоимость программы — 49 долларов. Но, всегда можно найти возможность для её бесплатного использования…
Спасибо за то, что открыли для моих читателей еще один способ для редактирования изображений.