Урок 4. Эффект рваных краев в фотошопе… Очередная ступенька для чайника!

Привет всем!

Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки«… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу!

Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!

Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня).

Их посты короткие и малоинформативные!

Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…

Как сделать рваные края?

На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!

Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…

Поэтому, все эти мелочи сегодня затрагивать не будем!

Использование фильтров в фотошопе -именно благодаря этому способу, в данной статье, мы научимся делать эффект «рваные края»!

Есть еще масса способов, но сегодня мы о них вспоминать не будем…

Чего тянуть? Пора бы и к делу…

Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:

P.S. Сэкономил немного на дисковом пространстве блога и взял картинку со старого поста…

Берем инструмент «Прямоугольная область» и с помощью него выделяем нужный участок на картинке:

P.S. Не обязательно брать для выделения прямоугольник! Вы можете взять и овал…

После выделения в панели инструментов нажимаем — Редактирование в режиме «Быстрая маска», или горячая клавиша Q:

Область картинки, которая пойдет под редактирование получит красный цвет (место, где и будут находится наши рваные края):

Следующий этап: Инструмент «Фильтр» — Галерея фильтров…:

В итоге мы попадаем на вот такую страницу:

P.S. Сделайте клик по картинке и она откроется в новом окне! 

Заходим в категорию «Штрихи» — выбираете любой шрифт (как по мне, лучшие эти: Разбрызгивание и Аэрограф) — делаете настройки (Радиус разбрызгивания и Смягчение)…

Результат смотрите на окошке слева, если все нравится нажимаете «Ок«.

Также, можете поэкспериментировать и с другими фильтрами (там тоже есть эффекты рваных краев)…

И мы снова попадаем на главную страницу редактора Фотошопа и картинка приобретает уже вот такой вид:

Теперь, чтобы все окончательно закрепить и просмотреть финальный результат — выходим из инструмента «Быстрая маска»:

P.S. Кто не знает как отключить инструмент «Быстрая маска» — посмотрите выше как вы ее включили и просто сделайте по ней повторный клик…

Нажимаем на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить) — так мы создали дополнительный уже обрезанный с использованием нашего фильтра слой…

P.S. Есть и более долгий способ создания слоя… Я думаю, это вам не к чему!

Первый слой можно скрыть (нажав на глаз, который указывает видимость слоя), или удалить его (выделить и нажать Delete, или на небольшую корзинку):

Как видите, результат на белом фоне незаметный…

Значит немного экспериментов не повредит!

Можно сделать заливку заднего фона, но здесь ей не место… А хотя, вроде неплохо получилось:

P.S. Выбор инструмента «Заливка» горячая клавиша — G…

Берем на вооружение другие методы: делаем клик правой кнопкой мыши по слою и выбираем — Параметры наложения…:

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

P.S. Сделайте клик по картинке и она откроется в новом окне!

После всех изменений нажимаете «Ок» и сохраняете картинку в формате PNG!(Файл — Сохранить как…)

А вот мой результат:

А теперь небольшой подарок!

Предлагаю вам установить специальный шрифт с рваными краями!

Что это такое? А вот смотрите:

Это шрифт под названием — 28 days later. Скачать его можете, кликнув по ссылке ниже:

28 days later скачать шрифт

Как правильно установить шрифты?

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

Итак, какие действия нужно произвести для добавления нового шрифта?

Заходим в системный диск нашего компьютера (зачастую это Локальный диск C) — папка Windows — Fonts… (полный путь C:WindowsFonts)

В последнюю папку (Fonts) перемещаем наш скачанный шрифт!

Примечания:

— шрифт применяется только для больших букв;

— все знаки препинания остаются без его внимания;

+ поддерживает кириллицу;

— некорректное отображение (к примеру, буква «Д» на рисунку выше)

Немного новостей с жизни блога….

Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…

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

Из-за таких длительных задержек, я все-таки решил писать статьи…

Как я уже говорил и снова скажу: «Обо всем поведаю в своем отчете!».

Подписывайтесь на мой блог, читайте, комментируйте — вместе веселее!

Всем пока!

С вами был ваш любознательный Ёжик…

Понравилась статья? Поделиться с друзьями:
Интересно о полезном
Комментарии: 49
  1. Юрий

    А можно просто кисточками сделать, кстати с флампи бердс прикольная фишка, попробовать нужно у себя на блоге, набрал только 3, а на телефоне было около 20:D

    1. Vlad

      А ты шустрый! :-D

      Цитата с поста: «Есть еще масса способов, но сегодня мы о них вспоминать не будем…»

      А в игре уже есть новый рекорд — 23! %)

  2. Лара

    Влад, привет! Очень подробная статья — мне нравится, как ты подробно пишешь уроки — очень понятно и доступно! Внимательно всё изучаю и жду новые уроки. Если бы ещё видео голосом было, тогда вообще было бы здорово. Но, ты этот пункт упорно игнорируешь пока.

    Картинки удачно подбираешь — запоминаются сразу. А что правда есть рекорд 23? Дай мне фото этого человека — я хочу посмотреть в его глаза=)))

    В общем, инвентаризацию заканчивай и пиши чаще.

    1. Vlad

      Привет! Спасибо! =)

      Буду стараться…

      Рекорд я там обновлю и ты сама скоро увидишь!

      Лара, а фон убирать научилась? ;)

    2. Лара

      Влад, конечно научилась! У такого учителя и не научиться? Спасибо тебе =)

    3. Vlad

      Ну-ну… :-x :-D

      1. Олег

        Лара, этот человек я! =) У меня со второй попытки получилось дойти до 23. Это правда! Я на блоге у Анатолия немного потренировался =)
        А Влад говорит, что уже есть рекорд 30, не успел я на доске почета «повисеть» =)
        Кстати, один раз получилось так далеко уйти, а больше не получается…

      2. Лара

        Олег, поздравляю!!! У меня больше 5 даже и не получалось ни разу -нервов не хватает=))

  3. Юрий

    я читал статью, просто написал про самый простой способ которым пользуюсь :)

    1. Vlad

      Понятно =)

  4. Ирина Жигалова

    Полезная статья. Спасибо, Влад!

    У меня маленький вопрос. Часто вижу картинки с обрывом по правой стороне. У всех этот обрыв, как мне кажется, одинаковый. Это тоже фильтр или нет?

    1. Vlad

      Скорее всего это специальная программка… (такое совпадение можно объяснить только так)

      Но, в фотошопе тоже есть еще масса способов: экшены, кисти и т.д. =)

    2. Ирина Жигалова

      Ясно, Влад! Как-нибудь побалуюсь с рваными краями. Мне этот эффект на многих блогах нравится. Опять же, картинка становится уникальной.

    3. Vlad

      Ирина, удачи! =)

  5. Олег

    Спасибо за урок! Обязательно применю данный эффект при оформлении какой-нибудь картинки для статьи блога!
    Тем более, это сделать не сложно

    1. Vlad

      Удачи в экспериментах! =)

  6. ЕЛЕНА

    УХ ТЫ КАК ИНТЕРЕСНО. ПРАВДА Я В ЭТОМ НИЧЕГО НЕ ПОНИМАЮ.

    1. Vlad

      Елена, статья вам в помощь! =)

  7. Алексей

    Привет! Что это у тебя подписка перестала ездить. Плагин тормозит или удалил его?

    1. Vlad

      Привет! Ты о чем? Можно поподробнее? =)

    2. Александр

      Плавающий сайдбар убрал?

    3. Vlad

      Отключил на время… =)

      1. Vlad

        Алексей, просто на время убрал баннер с прокрутки, даже плагин не отключил! :-D

        P.S. А подписка там уже давно не стоит…

  8. Лара

    Влад, Алексей имеет ввиду, что твой плакат про инвентаризацию перестал быть фиксированным =)

    1. Vlad

      Спасибо! Мне потом дошло… :-D

  9. Александр

    Эх ты, мой шрифт даришь =) Теперь буду жадиной =)

    Прикольный урок. CS6 используешь? Я CS5 пользуюсь. Сейчас, курс один по PhotoShop смотрю, инструменты изучаю. Интересное занятие, а главное можно креативить.

    1. Vlad

      Ага, подарил… Я так и думал, что ты что-то напишешь про него! :-D

      Использую CS6, у меня есть статья про него и ссылка на скачивание!

      Да, насчет креатива ты прав! Но, а если хорошенько все подучить, то и подзаработать можно! =)

    2. Александр

      У меня CS6 комп не тянет. Там архетектура х64 нужна, а у меня х32 =(

  10. Alex

    Клево, обязательно понадобится для оформления миниатюр, danke!

    1. Vlad

      Как там успехи личного блога?

    2. Alex

      Идет своим чередом)))) Хорошо индексируется)))

  11. Артём Черкасов

    Владос, классная инструкция, всё четко и понятно, а как с посещаемостью дела?)

    1. Vlad

      Спасибо! С посещаемостью отлично — ты же можешь сам посмотреть по статистике. =)

  12. Таисия Егорова

    Здорово! Картинка приобретает такой уникальный, неповторимый дизайн, здорово бы так каждую картинку для блога оформлять…но времени не хватает

    1. Vlad

      Спасибо, Таисия! Время всем всегда не хватает, это точно. =)

  13. Евгений

    Для новичков хороший урок, в своё время тоже задавался этим вопросом)

    1. Vlad

      Да, и мне это интересно стало, вот и написал =)

  14. Сергей

    Привет Влад

    хороший урок , в принципе нечего сложного любой новичок справиться))….

    1. Vlad

      Привет!
      Да, сложного ничего нет. Но, многие просто не знают, с чего начать и как подойти =)

    2. Сергей

      Ну теперь есть твой блог, и все будут в курсе))

    3. Vlad

      Ага, надеюсь… =)

  15. Кирилл

    Отличный урок, давно хотел научиться такие края делать! =)

    1. Vlad

      Спасибо =)

  16. Юрий Ваценко

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

    1. Vlad

      Удачи в экспериментах! =)

  17. Татьяна

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

    1. Vlad

      Рад, что смог вам помочь! =)

  18. Юлия

    В очередной раз спасибо за полезный урок!
    Правда, долго у меня не получалось. Как оказалось, я (случайно раньше) отключила в галерее фильтров «глазки»…
    А за подарок отдельное спасибо)!

    1. Vlad

      И вам спасибо, за то, что читаете мой блог! =)

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

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