Как без заморочек сделать рваные края на любой картинке и украсить ими свой блог?

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

rvanii-kray

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

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

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

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

Так как многие из нас «визуалы», необычные картинки с драными, рваными, резаными краями привлекают наш взгляд и невольно мы задерживается на сайте дольше, пусть даже на короткое время.
Способов сделать рваные края у фотографий, картинок несколько. Первый способ, на мой взгляд, самый простой — с помощью программы Fast Stone Capture. Более подробно об этой программе я рассказала в статье «Как сделать скриншот на компе?»

С помощью маленькой утилиты

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

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

faststone

2. Выбираем инструмент «прямоугольник» и делаем скриншот необходимой нам области.

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

krai

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

Рваные края в программе Фотошоп

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

Сейчас мы выполним три простых шага.

1шаг. Открываем фотографию и инструментом лассо делаем произвольную обводку по самому краю.

obvodka

2. Копируем выделение на новый слой комбинацией клавиш Ctrl+J. Вот такое изображение с неровными краями у меня получилось.

dranoe-foto

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

С помощью psd-файла

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

porivi

Если вы скачали файл, кликните по нему правой кнопкой мыши и из выпадающего контекстного меню выберите путь «Открыть с помощью PhotoShop», файл откроется в программе для редактирования.

otkrit-fail

Открываем и нашу картинку, которую мы решили отредактировать. Чтобы ее открыть в программе PhotoShop, переходим по вкладке «Файл — Открыть» и находим на компьютере ту фотографию, на которой мы будем проводить эксперименты.

onkrit-foto

На этом этапе у нас в программе открыто два файла. Делаем psd-файл активным (кликаем по нему мышкой) и выключаем ненужные нам изображения, нажимая на значок глаза в поле отображения слоев файла.

vkl-sloi

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

uzor-krai

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

Чтобы удалить связь маски со слоем, кликните по значку на который я указала стрелкой (смотрите скриншот).

vikl-sloi

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

dranoe-foto

Не забывайте, что горячие клавиши Ctrl+t — помогут вам изменить размер изображения и подогнать его по размерам окна, а инструмент «Рамка» поможет обрезать готовое отредактированное изображение до нужных размеров.

porivi-na-fotke

Чтобы снимок сохранить, кликните по вкладке «Файл — Сохранить как»…

Мне осталось пожелать вам удачи в творчестве!

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

Расскажите, как вы украшаете свой блог и какие программы Вам в этом помогают.

С уважением, Наталья Краснова.

Анекдот.
otkritia-kniga

 — Послушайте! Я могу изуродавать практичеки любого!
— Вы мастер по джиу-джитсу?
— Да нет же, я фотограф!
Понравилась статья? Поделиться с друзьями:
Комментарии: 19
  1. Миша

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

    1. Наталья Краснова (автор)

      Сейчас посмотрю!

  2. Anna

    Наталья, у меня к вам несколько вопросов, если разрешите, конечно…
    1. Скажите, у вас есть статья о том, как установить мобильную версию на сайт?
    2. Я попыталась сделать рваные края в фоторедакторе онлайн PIXLR EDITOR. Обвела лассо, а как его сохранить? Комбинацией клавиш Ctrl+J у меня почему-то не получается скопировать…
    3. А как пользоваться вот этим pdf-файлом? Я скачала, а что дальше?
    Извините за возможно глупые для вас вопросы, но для меня они важные…С уважением, Анна.

    1. Наталья Краснова (автор)

      1. Установить мобильную версию не просто, художник должен ее нарисовать, а верстальщик сверстать, по этому вопросу обратитесь к фрилансеру. 2. Я в программе PIXLR EDITOR не работала. Редактирую картинки в Фотошоп. 3. Pdf-файл открыть в программе Photoshop. Здесь надо знать как работать со слоями, в комментариях все не напишешь. Вы мне дали почву для размышления, я поняла,что мне надо доработать свою статью, чтобы объяснить своим читателям весь процесс создания рваных краев более подробно.

      1. Anna

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

  3. Anna

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

    1. Наталья Краснова (автор)

      Быстро вы увидели дополнение, не прошло и суток. smile Замечу, для вас старалась! smile

      1. Anna

        Наталья, я это поняла, когда увидела дополнения к статье…Спасибо вам…с уважением, Анна.

  4. andi

    Наталья, здравствуйте.
    Обратил внимание, что в статье сказано «с помощью pdf-файла», а по ссылочке — .psd
    Оба формата разработаны компанией Adobe, но предназначение разное.
    .pdf используется для представления текстово-графической (чаще всего) информации, например, книги, журналы.
    .psd — родной формат для фотошопа.
    Кстати, фотошоп не обязателен, есть онлайн сервис: pixlr.com/editor/
    в котором есть возможность сделать это.

    1. Наталья Краснова (автор)

      Спасибо за дополнение, статью писала уже ночью, просто ошиблась.

  5. Надежда

    Утилиту не могу скачать, антивирусник ругается, там точно нет вирусов?

    1. Наталья Краснова (автор)

      Точно нет!!! smile Хороший антивирусник! smile laugh

      1. Наталья Краснова (автор)

        Зачем мне на свой блог грузить вирусы, чтобы отпугнуть посетителей? Не логично! Я своих посетителей люблю и им рада.

      2. Надежда

        Да, он у меня такой, все что не нравится в вирусы закидывает, зато сейчас не ловлю, кстати на счет psd-файла, а другие 4 как можно использовать, можно где нибудь инструкцию посмотреть?

        1. Наталья Краснова (автор)

          Делайте все по аналогии и с другими файлами.

  6. Александр

    Наташенька, ОГРОМНОЕ СПАСИБО!!! Вот как теперь можно красиво оформить картинки в статьях! Здорово, мне очень понравилось! Обязательно сегодня попробую.
    Спасибо Большое!

    1. Наталья Краснова (автор)

      Я рада, что вам понравилась моя информация. Похвалитесь результатом?

  7. Максим Бойко

    А я использую программу snagit, от создателей camtasia studio. Очень удобно) Правда стоимость программы — 49 долларов. Но, всегда можно найти возможность для её бесплатного использования…

    1. Наталья Краснова (автор)

      Спасибо за то, что открыли для моих читателей еще один способ для редактирования изображений. smile

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: