Привет всем!
Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки«… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу!
Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!
Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня).
Их посты короткие и малоинформативные!
Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…
Как сделать рваные края?
На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!
Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…
Поэтому, все эти мелочи сегодня затрагивать не будем!
Использование фильтров в фотошопе -именно благодаря этому способу, в данной статье, мы научимся делать эффект «рваные края»!
Есть еще масса способов, но сегодня мы о них вспоминать не будем…
Чего тянуть? Пора бы и к делу…
Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:
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) перемещаем наш скачанный шрифт!
Примечания:
— шрифт применяется только для больших букв;
— все знаки препинания остаются без его внимания;
+ поддерживает кириллицу;
— некорректное отображение (к примеру, буква «Д» на рисунку выше)
Немного новостей с жизни блога….
Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…
На это все тоже есть свои причины… К примеру, я создавал блог под заказ и т.д.
Из-за таких длительных задержек, я все-таки решил писать статьи…
Как я уже говорил и снова скажу: «Обо всем поведаю в своем отчете!».
Подписывайтесь на мой блог, читайте, комментируйте — вместе веселее!
Всем пока!
С вами был ваш любознательный Ёжик…
А можно просто кисточками сделать, кстати с флампи бердс прикольная фишка, попробовать нужно у себя на блоге, набрал только 3, а на телефоне было около 20:D
А ты шустрый!
Цитата с поста: «Есть еще масса способов, но сегодня мы о них вспоминать не будем…»
А в игре уже есть новый рекорд — 23! %)
Влад, привет! Очень подробная статья — мне нравится, как ты подробно пишешь уроки — очень понятно и доступно! Внимательно всё изучаю и жду новые уроки. Если бы ещё видео голосом было, тогда вообще было бы здорово. Но, ты этот пункт упорно игнорируешь пока.
Картинки удачно подбираешь — запоминаются сразу. А что правда есть рекорд 23? Дай мне фото этого человека — я хочу посмотреть в его глаза=)))
В общем, инвентаризацию заканчивай и пиши чаще.
Привет! Спасибо! =)
Буду стараться…
Рекорд я там обновлю и ты сама скоро увидишь!
Лара, а фон убирать научилась?
Влад, конечно научилась! У такого учителя и не научиться? Спасибо тебе =)
Ну-ну…
Лара, этот человек я! =) У меня со второй попытки получилось дойти до 23. Это правда! Я на блоге у Анатолия немного потренировался =)
А Влад говорит, что уже есть рекорд 30, не успел я на доске почета «повисеть» =)
Кстати, один раз получилось так далеко уйти, а больше не получается…
Олег, поздравляю!!! У меня больше 5 даже и не получалось ни разу -нервов не хватает=))
я читал статью, просто написал про самый простой способ которым пользуюсь
Понятно =)
Полезная статья. Спасибо, Влад!
У меня маленький вопрос. Часто вижу картинки с обрывом по правой стороне. У всех этот обрыв, как мне кажется, одинаковый. Это тоже фильтр или нет?
Скорее всего это специальная программка… (такое совпадение можно объяснить только так)
Но, в фотошопе тоже есть еще масса способов: экшены, кисти и т.д. =)
Ясно, Влад! Как-нибудь побалуюсь с рваными краями. Мне этот эффект на многих блогах нравится. Опять же, картинка становится уникальной.
Ирина, удачи! =)
Спасибо за урок! Обязательно применю данный эффект при оформлении какой-нибудь картинки для статьи блога!
Тем более, это сделать не сложно
Удачи в экспериментах! =)
УХ ТЫ КАК ИНТЕРЕСНО. ПРАВДА Я В ЭТОМ НИЧЕГО НЕ ПОНИМАЮ.
Елена, статья вам в помощь! =)
Привет! Что это у тебя подписка перестала ездить. Плагин тормозит или удалил его?
Привет! Ты о чем? Можно поподробнее? =)
Плавающий сайдбар убрал?
Отключил на время… =)
Алексей, просто на время убрал баннер с прокрутки, даже плагин не отключил!
P.S. А подписка там уже давно не стоит…
Влад, Алексей имеет ввиду, что твой плакат про инвентаризацию перестал быть фиксированным =)
Спасибо! Мне потом дошло…
Эх ты, мой шрифт даришь =) Теперь буду жадиной =)
Прикольный урок. CS6 используешь? Я CS5 пользуюсь. Сейчас, курс один по PhotoShop смотрю, инструменты изучаю. Интересное занятие, а главное можно креативить.
Ага, подарил… Я так и думал, что ты что-то напишешь про него!
Использую CS6, у меня есть статья про него и ссылка на скачивание!
Да, насчет креатива ты прав! Но, а если хорошенько все подучить, то и подзаработать можно! =)
У меня CS6 комп не тянет. Там архетектура х64 нужна, а у меня х32 =(
Клево, обязательно понадобится для оформления миниатюр, danke!
Как там успехи личного блога?
Идет своим чередом)))) Хорошо индексируется)))
Владос, классная инструкция, всё четко и понятно, а как с посещаемостью дела?)
Спасибо! С посещаемостью отлично — ты же можешь сам посмотреть по статистике. =)
Здорово! Картинка приобретает такой уникальный, неповторимый дизайн, здорово бы так каждую картинку для блога оформлять…но времени не хватает
Спасибо, Таисия! Время всем всегда не хватает, это точно. =)
Для новичков хороший урок, в своё время тоже задавался этим вопросом)
Да, и мне это интересно стало, вот и написал =)
Привет Влад
хороший урок , в принципе нечего сложного любой новичок справиться))….
Привет!
Да, сложного ничего нет. Но, многие просто не знают, с чего начать и как подойти =)
Ну теперь есть твой блог, и все будут в курсе))
Ага, надеюсь… =)
Отличный урок, давно хотел научиться такие края делать! =)
Спасибо =)
Влад, спс урок действительно прикольный и полезный, особенно мне. Я, честно говоря, не сильно дружу с фотошопом, так что, как только время будет, обязательно буду учится делать красивые изображения.
Удачи в экспериментах! =)
Давно пробовала сделать рваные края, но все ни как не получалось.
Влад, с помощью твоей статьи все получилось с первого раза, спасибо за подробное инструкцию.
Рад, что смог вам помочь! =)
В очередной раз спасибо за полезный урок!
Правда, долго у меня не получалось. Как оказалось, я (случайно раньше) отключила в галерее фильтров «глазки»…
А за подарок отдельное спасибо)!
И вам спасибо, за то, что читаете мой блог! =)