Если вы хотите получать уведомления о новых записях на блоге Mannodesign.Com, то просто подпишитесь на RSS-рассылку.
Спонсор месяца: Dizweb.ru — Веб дизайн. Блог о веб дизайне
Многие из вас наверняка видели такие простые и прямолинейно-неумолимые штампы в различных документах, справках и т.п. Не особо радующие глаз, но в полной мере передающие дух документальности. Что нам и требуется, если мы хотим изначально изобразить нечто гранжевое и даже в чем-то брутальное.
Чтобы выполнить этот урок нам понадобится любая фотография, лучше в индустриальном стиле. Я не стала мудрить и выудила из гугля первую попавшуюся фотку детской площадки. Надеюсь, автор фото не сильно расстроится по этому поводу.
Шаг 1. Открываем фотографию в программе Фотошоп, дважды щелкаем на слое левой клавишей мышки и в появившемся окошке задаем ему любое имя. Затем заходим в меню Image, находим там Adjustments, далее Threshold и двигаем ползунок влево. Чем дальше, тем меньше деталей остается на снимке. Причем уже в ч/б варианте.
Шаг 2. Теперь оставим на время этот документ и откроем новый с такими же размерами, как и наша фотография и с белым фоном. Добавляем новый слой, на котором крупным шрифтом печатаем слово «Дозволям!».
Снова добавляем новый слой и при помощи прямоугольного выделения и заливки рисуем рамку.
Теперь выключим фоновый слой, щелкнув на глазике, и объединим слои с текстом и рамкой в один: Layer – Merge Visible. Потом заходим в меню Edit, находим там пункт Transform, в нем пункт Rotate и поворачиваем рамку с текстом против часовой стрелки.
Чтобы наш штемпель не выглядел совсем уж свеженьким, применим к нему фильтр «Облака». Для этого в палитре устанавливаем заранее два цвета #75367E и #795B98. Затем выбираем инструмент «Волшебная палочка» (Magic Wand Tool), зажимаем клавишу Shift, щелкаем палочкой по тексту, а потом по рамке. щелкаем по любой букве текста. Потом заходим в меню Select и щелкаем на пункте Similar. В результате будут выделены и текст и рамка. К ним применяем фильтр «Облака»: Filter – Render – Clouds.
Шаг 3. Теперь вернемся к нашему снимку. Опять же «Волшебной палочкой» выбираем любой темный участок фотки. Затем идем в меню: Select и там выбираем пункт Similar. При этом у нас станут выделенными все темные участки. Копируем выделенное — Ctrl+C, переходим к файлу со штампом и вставляем выделение на новом слое — Ctrl+V.
Теперь осталось сделать всего лишь несколько движений, чтобы получить красивый гранжевый штамп. Зажимаем клавишу Ctrl и щелкаем левой клавишей мышки по слою с копией выделения. Снова начнут бегать «муравьи». Теперь сделаем активным слой со штампом и затем нажмем клавишу Delete. При этом со штампа исчезнут кусочки в тех местах, где над ними было выделение. Выключаем верхний слой с остатками выделения. Снимаем выделение, нажав Ctrl+D.
Получаем замечательный образец штампа в стиле гранж!
При желании можно это изображение сделать кистью и применять потом в различных гранжевых композициях. Делается это просто: заходите в меню Edit, выбираете пункт Define Brush Preset, в появившемся окошке задаете имя кисточке. Вот и все! Теперь она у вас есть в списке кистей. Выбираете цвет, размер и бегом шлепать куда ни попадя! :)
Популярность: 45%
Здорово вышло!!! И совсем не сложно! :)
Насть, а ты не хочешь свой бложик в таком стиле оформить? ;)
Спасибо, Оль!!! :) И правда, не сложно. На счет блога я думала уже. Конечно хочется бОльшей индивидуальности. Все таки блог о дизайне. Пока думаю и разглядываю чужие работы. Насыщаюсь креативом! :)
Мне понравилось. Как продолжение можно сделать из этого выделения гранжевую кисть и обрабатывать ей любые изображения.
Привет, Максим! Верно. Можно и нужно даже сохранить выделение как кисть. Она потом еще не раз пригодится. В следующем уроке я как раз покажу как из ржавчины на фотографии можно сделать замечательную кисть в стиле гранж.
Хех))
поражаюсь, насколько тесен Интернет :)
только вчера увидел этот урок на форуме Глобатора, а уже сегодня, причем совершенно случайно, наткнулся на блог автора данного урока;)
Найкрис Кроули: Привет! Так ли уж и случайно? :))) Я там адресок оставляла.
Хороший урок =)
Но Magic Wand Tool я предпочёл бы не использовать, ибо она некоторые полупрозрачные элементы не выделяет.
Лучше выделить весь объект, например тем же прямоугольным выделением, и, удерживая Ctrl, начать его перетаскивать.
Тогда выделение будет гладким. ;)
Спасибо, агент Смит! :) О таком способе я даже и не знала. Надо будет попробовать.
Настя Манно, по той ссылке я не заходил… сайт я нашел по-другому, уже не помню как :)
Привет, Найкрис! Побывала на вашем красивом сайте. Очень качественная работа! Я так понимаю, что он у вас статичный, не на движке, да?
Ой… а че на “Вы” ? :-[
да, без движка. Постепенно просто подключаю нужные возможности посредством пхп или используя различные готовые сервисы типа рсс-лент и службы рассылки
Ну хорошо! Давай на ты :) А ведь это, наверное, сложно - самому подключать скрипты? Почему не хочешь на WP перейти?
ну, во-первых: сложности мы преодолеем без труда;)
во-вторых: мне интересно самому понять что да как
в-третьих: просто не дошли еще руки изучить систему ВП, чтобы навесить на него то, что хочется мне :)
Отличный урок! Побольше бы подобных постов хотелось видеть
Найкрис, молодец! У тебя все получится :)
Hajo: Да, Миш, сейчас как раз готовлю несколько уроков. Мне и самой это очень интересно!
Оригинально ))) не задуывался о таком способе, всегда ручками рисовал. Класс, спасибо!
Рада, что пригодилось :) Гранжевый стиль - неистощимый источник для креатива. Настолько обширный, что наверное даже нет смысла разделять его на какие-либо течения и направления. Хотя на столько же чреват всевозможными ляпусами, когда дизайн уже не выглядит как дизайн, а просто как каша-малаша из мусора :)
А не проще ли было это сделать гранждевыми кисятми, как это описывается тут http://72d.ru/2009/07/08/sozdanie-realistichnoj-pechati/
Сustomizer, как вариант - вполне возможно :)