Урок 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

    1. Vlad Lemishko (автор)

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

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

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

  2. Лара

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

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

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

    1. Vlad Lemishko (автор)

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

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

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

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

      1. Лара

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

        1. Vlad Lemishko (автор)

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

    2. Олег

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

      1. Лара

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

  3. Юрий

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

    1. Vlad Lemishko (автор)

      Понятно =)

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

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

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

    1. Vlad Lemishko (автор)

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

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

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

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

        1. Vlad Lemishko (автор)

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

  5. Олег

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

    1. Vlad Lemishko (автор)

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

  6. ЕЛЕНА

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

    1. Vlad Lemishko (автор)

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

  7. Алексей

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

    1. Vlad Lemishko (автор)

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

      1. Александр

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

        1. Vlad Lemishko (автор)

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

    2. Vlad Lemishko (автор)

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

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

  8. Лара

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

    1. Vlad Lemishko (автор)

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

  9. Александр

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

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

    1. Vlad Lemishko (автор)

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

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

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

      1. Александр

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

  10. Alex

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

    1. Vlad Lemishko (автор)

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

      1. Alex

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

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

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

    1. Vlad Lemishko (автор)

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

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

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

    1. Vlad Lemishko (автор)

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

  13. Евгений

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

    1. Vlad Lemishko (автор)

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

  14. Сергей

    Привет Влад

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

    1. Vlad Lemishko (автор)

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

      1. Сергей

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

        1. Vlad Lemishko (автор)

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

  15. Кирилл

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

    1. Vlad Lemishko (автор)

      Спасибо =)

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

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

    1. Vlad Lemishko (автор)

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

  17. Татьяна

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

    1. Vlad Lemishko (автор)

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

  18. Юлия

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

    1. Vlad Lemishko (автор)

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

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

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