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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

Привет всем!

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

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

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

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

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

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

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

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

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

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

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

рваные картинки, как сделать рваные края, эффект рваные края, эффект рваных краев в фотошопе, шрифт с рваными краями, использование фильтров в фотошопе, 28 days later, как правильно установить шрифты

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

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

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

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

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

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

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

Примечания:

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

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

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

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

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

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

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

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

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

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

Всем пока!

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

Читайте также:

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 49 коммент.
  1. Юрий:
    А можно просто кисточками сделать, кстати с флампи бердс прикольная фишка, попробовать нужно у себя на блоге, набрал только 3, а на телефоне было около 20:D
    Ответить
    • Vlad:
      А ты шустрый! :-D

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

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

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

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

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

    Ответить
    • Vlad:
      Привет! Спасибо! =)

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

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

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

      Ответить
      • Лара:
        Влад, конечно научилась! У такого учителя и не научиться? Спасибо тебе =)
        Ответить
        • Vlad:
          Ну-ну… :-x :-D
          Ответить
    • Олег:
      Лара, этот человек я! =) У меня со второй попытки получилось дойти до 23. Это правда! Я на блоге у Анатолия немного потренировался =)
      А Влад говорит, что уже есть рекорд 30, не успел я на доске почета «повисеть» =)
      Кстати, один раз получилось так далеко уйти, а больше не получается…
      Ответить
      • Лара:
        Олег, поздравляю!!! У меня больше 5 даже и не получалось ни разу -нервов не хватает=))
        Ответить
  3. Юрий:
    я читал статью, просто написал про самый простой способ которым пользуюсь :)
    Ответить
    • Vlad:
      Понятно =)
      Ответить
  4. Ирина Жигалова:
    Полезная статья. Спасибо, Влад!

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

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

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

      Ответить
      • Ирина Жигалова:
        Ясно, Влад! Как-нибудь побалуюсь с рваными краями. Мне этот эффект на многих блогах нравится. Опять же, картинка становится уникальной.
        Ответить
        • Vlad:
          Ирина, удачи! =)
          Ответить
  5. Олег:
    Спасибо за урок! Обязательно применю данный эффект при оформлении какой-нибудь картинки для статьи блога!
    Тем более, это сделать не сложно
    Ответить
    • Vlad:
      Удачи в экспериментах! =)
      Ответить
  6. ЕЛЕНА:
    УХ ТЫ КАК ИНТЕРЕСНО. ПРАВДА Я В ЭТОМ НИЧЕГО НЕ ПОНИМАЮ.
    Ответить
    • Vlad:
      Елена, статья вам в помощь! =)
      Ответить
  7. Алексей:
    Привет! Что это у тебя подписка перестала ездить. Плагин тормозит или удалил его?
    Ответить
    • Vlad:
      Привет! Ты о чем? Можно поподробнее? =)
      Ответить
      • Александр:
        Плавающий сайдбар убрал?
        Ответить
        • Vlad:
          Отключил на время… =)
          Ответить
    • Vlad:
      Алексей, просто на время убрал баннер с прокрутки, даже плагин не отключил! :-D

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

      Ответить
  8. Лара:
    Влад, Алексей имеет ввиду, что твой плакат про инвентаризацию перестал быть фиксированным =)
    Ответить
    • Vlad:
      Спасибо! Мне потом дошло… :-D
      Ответить
  9. Александр:
    Эх ты, мой шрифт даришь =) Теперь буду жадиной =)

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

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

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

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

      Ответить
      • Александр:
        У меня CS6 комп не тянет. Там архетектура х64 нужна, а у меня х32 =(
        Ответить
  10. Alex:
    Клево, обязательно понадобится для оформления миниатюр, danke!
    Ответить
    • Vlad:
      Как там успехи личного блога?
      Ответить
      • Alex:
        Идет своим чередом)))) Хорошо индексируется)))
        Ответить
  11. Артём Черкасов:
    Владос, классная инструкция, всё четко и понятно, а как с посещаемостью дела?)
    Ответить
    • Vlad:
      Спасибо! С посещаемостью отлично — ты же можешь сам посмотреть по статистике. =)
      Ответить
  12. Таисия Егорова:
    Здорово! Картинка приобретает такой уникальный, неповторимый дизайн, здорово бы так каждую картинку для блога оформлять…но времени не хватает
    Ответить
    • Vlad:
      Спасибо, Таисия! Время всем всегда не хватает, это точно. =)
      Ответить
  13. Евгений:
    Для новичков хороший урок, в своё время тоже задавался этим вопросом)
    Ответить
    • Vlad:
      Да, и мне это интересно стало, вот и написал =)
      Ответить
  14. Сергей:
    Привет Влад

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

    Ответить
    • Vlad:
      Привет!
      Да, сложного ничего нет. Но, многие просто не знают, с чего начать и как подойти =)
      Ответить
      • Сергей:
        Ну теперь есть твой блог, и все будут в курсе))
        Ответить
        • Vlad:
          Ага, надеюсь… =)
          Ответить
  15. Кирилл:
    Отличный урок, давно хотел научиться такие края делать! =)
    Ответить
    • Vlad:
      Спасибо =)
      Ответить
  16. Юрий Ваценко:
    Влад, спс урок действительно прикольный и полезный, особенно мне. Я, честно говоря, не сильно дружу с фотошопом, так что, как только время будет, обязательно буду учится делать красивые изображения.
    Ответить
    • Vlad:
      Удачи в экспериментах! =)
      Ответить
  17. Татьяна:
    Давно пробовала сделать рваные края, но все ни как не получалось.
    Влад, с помощью твоей статьи все получилось с первого раза, спасибо за подробное инструкцию.
    Ответить
    • Vlad:
      Рад, что смог вам помочь! =)
      Ответить
  18. Юлия:
    В очередной раз спасибо за полезный урок!
    Правда, долго у меня не получалось. Как оказалось, я (случайно раньше) отключила в галерее фильтров «глазки»…
    А за подарок отдельное спасибо)!
    Ответить
    • Vlad:
      И вам спасибо, за то, что читаете мой блог! =)
      Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

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

Топ комментаторов!
Олег Солодов(1)
Андрей(1)
Катерина(1)
Мой мир@mail.ru
Постила.ru
© 2017
Яндекс.Метрика