Здравствуйте! Меня зовут Настя Манно. Веб-дизайн и создание сайтов для меня не просто хобби. Это моя страсть! Я очень люблю создавать что-то новое и необычное. На этом блоге будут собраны самые интересные находки в области веб-дизайна и сайтостроения.
Иконки Кисти Конкурс Обзоры Палитры Ретро Скачать Стиль Темы WordPress Уроки Шрифты векторы гранж дизайнерские блоги дизайнеры иллюстраторы каталог блогов космос креатив первый постик радостное фанк фотошоп шутка rss web 2.0 WordPress

Многие из вас наверняка видели такие простые и прямолинейно-неумолимые штампы в различных документах, справках и т.п. Не особо радующие глаз, но в полной мере передающие дух документальности. Что нам и требуется, если мы хотим изначально изобразить нечто гранжевое и даже в чем-то брутальное.
Чтобы выполнить этот урок нам понадобится любая фотография, лучше в индустриальном стиле. Я не стала мудрить и выудила из гугля первую попавшуюся фотку детской площадки. Надеюсь, автор фото не сильно расстроится по этому поводу.

Шаг 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, в появившемся окошке задаете имя кисточке. Вот и все! Теперь она у вас есть в списке кистей. Выбираете цвет, размер и бегом шлепать куда ни попадя!

Популярность: 55%
Здорово вышло!!! И совсем не сложно!

Насть, а ты не хочешь свой бложик в таком стиле оформить?
Спасибо, Оль!!!
И правда, не сложно. На счет блога я думала уже. Конечно хочется бОльшей индивидуальности. Все таки блог о дизайне. Пока думаю и разглядываю чужие работы. Насыщаюсь креативом! 
Мне понравилось. Как продолжение можно сделать из этого выделения гранжевую кисть и обрабатывать ей любые изображения.
Привет, Максим! Верно. Можно и нужно даже сохранить выделение как кисть. Она потом еще не раз пригодится. В следующем уроке я как раз покажу как из ржавчины на фотографии можно сделать замечательную кисть в стиле гранж.
Хех))
поражаюсь, насколько тесен Интернет
только вчера увидел этот урок на форуме Глобатора, а уже сегодня, причем совершенно случайно, наткнулся на блог автора данного урока;)
Найкрис Кроули: Привет! Так ли уж и случайно? :))) Я там адресок оставляла.
Хороший урок =)
Но Magic Wand Tool я предпочёл бы не использовать, ибо она некоторые полупрозрачные элементы не выделяет.
Лучше выделить весь объект, например тем же прямоугольным выделением, и, удерживая Ctrl, начать его перетаскивать.
Тогда выделение будет гладким.
Спасибо, агент Смит!
О таком способе я даже и не знала. Надо будет попробовать.
Настя Манно, по той ссылке я не заходил… сайт я нашел по-другому, уже не помню как
Привет, Найкрис! Побывала на вашем красивом сайте. Очень качественная работа! Я так понимаю, что он у вас статичный, не на движке, да?
Ой… а че на “Вы” ? :-[
да, без движка. Постепенно просто подключаю нужные возможности посредством пхп или используя различные готовые сервисы типа рсс-лент и службы рассылки
Ну хорошо! Давай на ты
А ведь это, наверное, сложно - самому подключать скрипты? Почему не хочешь на WP перейти?
ну, во-первых: сложности мы преодолеем без труда;)
во-вторых: мне интересно самому понять что да как
в-третьих: просто не дошли еще руки изучить систему ВП, чтобы навесить на него то, что хочется мне
Отличный урок! Побольше бы подобных постов хотелось видеть
Найкрис, молодец! У тебя все получится
Hajo: Да, Миш, сейчас как раз готовлю несколько уроков. Мне и самой это очень интересно!
Оригинально ))) не задуывался о таком способе, всегда ручками рисовал. Класс, спасибо!
Рада, что пригодилось
Гранжевый стиль - неистощимый источник для креатива. Настолько обширный, что наверное даже нет смысла разделять его на какие-либо течения и направления. Хотя на столько же чреват всевозможными ляпусами, когда дизайн уже не выглядит как дизайн, а просто как каша-малаша из мусора 