Приветствую!Решил поделиться одним интересным эффектом.Все, что изложено ниже придумано мною от начала и до конца, так что сомневаюсь, что где-то еще есть такой же урок. Возможно, похожий эффект где-то уже был - в таком случае был бы рад посмотреть на другую технику.Итак, урок будет посвящен созданию эффекта "табло". Это такая панель с множеством лампочек. Когда одни лампочки загораются, а другие гаснут, образуется изображение. Чаще всего можно встретить такое табло в виде "бегущей строки".Цель урока - ознакомление с эффектом.Урок достаточно прост, так что скорее всего вы ничего нового о работе с фотошопом не узнаете.Внимание! Напоминаю! Для работы используйте копии фотографий!\/\/\/\/\/ Шаг 1 \/\/\/\/\/Итак. Берем портрет. Уменя была вот такая фотка друга [768x996].Она уже была черно-белая. Но это не беда. Нам всего-то нужно будет 2 цвета Если фото цветное, переводим его в черно-белое (Ctrl+Shift+U)Посмотрим на гистограмму (Ctrl+L или Image/Adjustments/Levels...).Давайте еще раз повторим, что же такое гистограмма. Гистограмма - это график распределения тонов в изображении, где по оси абсцисс (горизонтальная ось) откладываются числовые значения яркостей, по оси ординат - число точек изображения, имеющих данную яркость. Видите, слева провал? Это говорит о том, что черных и почти черных точек на фото нет! А в дальнейшем они нам понадобятся! Это надо исправить.Вообще, провалы на гистограмме могут быть как в начале графика, так и в конце. Исключаются они путем подтягивания управляющих ползунков к началу и/или концу графика соответственно. Для моего случая это выглядело бы так:Но я сделал иначе. Я сделал автоматическую подгонку уровней (Ctrl+Shift+L или Image/Adjustments/Auto Levels). Результат выкладывать не буду, скажу только, что фото стало контрастнее.\/\/\/\/\/ Шаг 2 \/\/\/\/\/Применим пару фильтров. Для более эффективной работы, воспользуемя такой полезной фичей фотошопа, как галерея фильтров - Filter/Filter Gallery... Почему работа будет эффективнее? Да потому что в галерее фильтров мы сможем увидеть эффект сразу от двух фильтров.Итак, открыв галерею фильтров, применяем первый фильтр - Artistic/Poster Edges ( a ). Обратите внимание, что справа, в нижней части окна, появилось название нашего фильтра. Это очень похоже на палитру слоев. Пока настройки трогать не будем, и сразу же применим еще один фильтр. Для этого щелкнем кнопочку "New effect layer" находящуюся справа внизу окна галереи фильтров ( b ). Над нашим уже существующим фильтром появится еще один такой же. Сменим его на фильтр Artistic/Cutout ( c ).А вот теперь начинается самая морока! Нужно подобрать параметры фильтров для получения необходимого результата.Мои настройки таковы:Результат применения фильтров:Хочется сказать пару слов про настройку фильтров. Смысл в том, чтобы убрать все мелкие детали и оставить основные. Также, результат должен получиться грубым, но не сильно У меня долго не получалось оставить вот этот штрих на щеке.Без него левая часть лица в итоге получалась "пустой".\/\/\/\/\/ Шаг 3 \/\/\/\/\/Как я сказал в начале, нам из фотографии понадобится лишь два цвета. Это чисто черный и чисто белый Сделаем наш рисунок таковым! Для этого открываем гистограмму (Ctrl+L)Как мы видим, тонов в картинке поубавилось! Можно наблюдать пять длинных вертикальных линий. Это говорит о том, что сейчас на рисунке преобладает пять оттенков серого. Остальное - это плавные переходы между ними.Исключим ненужные нам оттенки, передвинув правый и левые ползунки таким образом, чтобы они совпали (точнее - почти совпали).Место "совпадения" выбираем такое, чтобы (опять-таки) не исчезли нужные нам оттенки, и, с другой стороны, чтобы не было слишком много ненужных нам деталей. Вот что получилось в итоге:Теперь нужно избавиться от лишних элементов, оставить только голову и плечи. Почему я не удалил фон сразу? Не знаю. Мне проще удалить в черно-белом изображении. Я использовал карандаш ("Pencil Tool") белого цвета, чтобы небыло переходов между черным и белым. Чтобы было понятнее, что именно удалять, а что оставить, расположите рядом оригинал. Результат:Собственно, мы получили интересное изображение! Многие видели портрет Че Гевары в подобном исполнении. Вот вам пожалуйста! Переводите в вектор, масшабируйте и несите в фирму, которая сможет перевести его на вашу красную майку. Смотреться будет супер! Можно сделать подарок другу!\/\/\/\/\/ Шаг 4 \/\/\/\/\/Ну ладно... Отвлеклись. Давайте продолжим.На данный момент мы имеем большое изображение (как я говорил в начале, у меня было 768x996 пикселей) состоящее только из двух цветов - черного и белого (ну, или почти из двух ). Все это хозяйство должно быть на одном слое. Если у вас (а вдруг!) по-другому - объедените слои в один.Уменьшаем изображение (Image/Image Size...) до размера... ну примерно 200х259, как это получилось у меня. Разбираемый нами эффект будет выглядеть неплохо лишь на изображениях небольшого размера.После уменьшения, появились плавные переходы между черным и белым.Избавимся от них с помощью гистограммы. Как это сделать, вы уже знаете. На самом деле можно избавится от переходов несколькими способами. Я предпочитаю гистограмму, так как в таком случае я сам выбираю оптимальный для меня вариант, двигая ползунки. Результат:\/\/\/\/\/ Шаг 5 \/\/\/\/\/Теперь осталось только "разместить портрет на табло".Для этого создаем паттерн (размер 2х2)Думаю, все знают как это сделать? Если нет, я отпишусь позже. Обратите внимание на то, что он должен быть прозрачным.Заполняем (Edit/Fill...) наш рисунок только что созданным паттерном.Обратите внимание, что если ваш рисунок имеет четное значение пикселей по одной из сторон, то он будет начинаться белым пикселом, а заканчиваться черным. Это не порядок! Подкорректируйте размер канвы (Image/Canvas Size...) таким образом, чтобы по вертикали и горизонтали было нечетное количество пикселей.Это еще не конец. Осталось раскрасить наши только что полученные "лампочки"\/\/\/\/\/ Шаг 6 \/\/\/\/\/В Палитре слоев, переходим на закладку "Channels"С нажатой кнопкой "Ctrl" щелкаем по изображению любого из каналовТаким образм мы выделили ТОЛЬКО белые пикселы!Переходим назад, на закладку "Layers".Создаем новый слой.Заливаем выделенные нами пиксели белым цветом. Для этого жмем "D" и "Ctrl+Backspace" ("Backspace" - клавиша удаления, располагается над "вводом")Снимаем выделение "Ctrl+D"В результате - имеем два слоя. Сверху - слой только с белыми пикселями, под ним - слой с черными и белыми пикселями.Заливаем нижний слой серым цветом. Например #555555.И заполняем его созданным нами ранее паттерном (Edit/Fill...)Таким образом мы добавили "потухшие лампочки" в виде серых точек.Уже почти все! Осталось раскрасить.Выделяем верхний слой, тот который содержит только белые пиксели.Выбираем в меню Layer/Layer Style/Outer Glow...Настраиваем на свой вкус. У меня вот такие:И в результате получаем следующее:Теперь можно добавить (убавить) недостающие (лишние) пиксели, сделать менее угловатой какие-либо части или просто подкорректировать изображение.Можно сделать анимацию. Например вот так (смотреть более 5 сек)Думаю прикольно будет на мобиле смотреться.Или вот, например такой баннер забомбитьА еще, только что придумал, можно попробовать сделать разноцветные "лампочки". Двух-трех цветов. Думаю, смотреться будет достойно! В общем - включайте фантазию!На этом все. Желаю удачи! Надеюсь кому-нибудь пригодится.Автор: СанСаныч aka stromen, то есть Я
|