Фотомания

Воскресенье, 28.04.2024, 22:36
Приветствую Вас Гость

Регистрация
Вход

УРОКИ АНИМАЦИИ В ФОТОШОПЕ


Главная » 2012 » Декабрь » 13 » Портрет на табло
21:54
Портрет на табло
Приветствую!
Решил поделиться одним интересным эффектом.
Все, что
изложено ниже придумано мною от начала и до конца, так что сомневаюсь,
что где-то еще есть такой же урок. Возможно, похожий эффект где-то уже
был - в таком случае был бы рад посмотреть на другую технику.


Итак,
урок будет посвящен созданию эффекта "табло". Это такая панель с
множеством лампочек. Когда одни лампочки загораются, а другие гаснут,
образуется изображение. Чаще всего можно встретить такое табло в виде
"бегущей строки".

Цель урока - ознакомление с эффектом.
Урок достаточно прост, так что скорее всего вы ничего нового о работе с фотошопом не узнаете.

Внимание! Напоминаю! Для работы используйте копии фотографий!

\/\/\/\/\/ Шаг 1 \/\/\/\/\/

Итак. Берем портрет. Уменя была вот такая фотка друга [768x996].

Портрет на табло

Она уже была черно-белая. Но это не беда. Нам всего-то нужно будет 2 цвета smile.gif Если фото цветное, переводим его в черно-белое (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 ).


Портрет на табло

А вот теперь начинается самая морока! Нужно подобрать параметры фильтров для получения необходимого результата.
Мои настройки таковы:

Портрет на табло

Результат применения фильтров:

Портрет на табло

Хочется
сказать пару слов про настройку фильтров. Смысл в том, чтобы убрать все
мелкие детали и оставить основные. Также, результат должен получиться
грубым, но не сильно wink.gif У меня долго не получалось оставить вот этот штрих на щеке.


Портрет на табло

Без него левая часть лица в итоге получалась "пустой".

\/\/\/\/\/ Шаг 3 \/\/\/\/\/

Как я сказал в начале, нам из фотографии понадобится лишь два цвета. Это чисто черный и чисто белый smile.gif Сделаем наш рисунок таковым! Для этого открываем гистограмму (Ctrl+L)

Портрет на табло

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


Исключим ненужные нам оттенки, передвинув правый и левые ползунки таким образом, чтобы они совпали (точнее - почти совпали).

Портрет на табло

Место
"совпадения" выбираем такое, чтобы (опять-таки) не исчезли нужные нам
оттенки, и, с другой стороны, чтобы не было слишком много ненужных нам
деталей. Вот что получилось в итоге:


Портрет на табло

Теперь
нужно избавиться от лишних элементов, оставить только голову и плечи.
Почему я не удалил фон сразу? Не знаю. Мне проще удалить в черно-белом
изображении. Я использовал карандаш ("Pencil Tool") белого цвета, чтобы
небыло переходов между черным и белым. Чтобы было понятнее, что именно
удалять, а что оставить, расположите рядом оригинал. Результат:


Портрет на табло

Собственно,
мы получили интересное изображение! Многие видели портрет Че Гевары в
подобном исполнении. Вот вам пожалуйста! Переводите в вектор,
масшабируйте и несите в фирму, которая сможет перевести его на вашу
красную майку. Смотреться будет супер! Можно сделать подарок другу!


\/\/\/\/\/ Шаг 4 \/\/\/\/\/

Ну ладно... Отвлеклись. Давайте продолжим.
На
данный момент мы имеем большое изображение (как я говорил в начале, у
меня было 768x996 пикселей) состоящее только из двух цветов - черного и
белого (ну, или почти из двух wink.gif). Все это хозяйство должно быть на одном слое. Если у вас (а вдруг!) по-другому - объедените слои в один.


Уменьшаем
изображение (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, то есть Я smile.gif
Категория: уроки анимации | Просмотров: 776 | Добавил: admin | Теги: Портрет на табло, Фотошоп, УРОКИ АНИМАЦИИ | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа

Категории раздела
уроки анимации [53]
кто онлайн
закладки
Архив записей
Друзья сайта
  • АНИМАЦИЯ
  • ALLlinks каталог сайтов - каталог ссылок рунета
  • Разработка сайтов
  • Каталог сайтов Всего.ру
  • Белый каталог сайтов

  • Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0







    ТЕГИ
    плагины к фотошопу Color Efex Pro 3.0 Анимация призрака ProDigital Software StarFilter Pro Alien Skin Blow Up плагины для фотошопа MULTILANG +RUS Vertus Fluid Mask 3 v3.2.3.8537 3.2 Анимация-капелька Magic Bullet PhotoLooks 1.5 Анимация по временной шкале в photo Анимация с текстом AKVIS Coloriage 7.5 Анимация по временной шкале в photo Фотошоп Анимация. HyperTyle v 1.05 Retail for Adobe P http://depositfiles.com/files/41912 Nik Software Sharpener Pro 3.0 анимация Nik Software Viveza 2.001 Puzzle Effect PhotoZoom Pro 4.0.4 Multilang (Rus) Christmas Lights Tutorial Tintii Photo Filter 2.6.0 for Adobe видео урок по временной шкале Alien Skin Exposure v 3.0.6 Animating A Ship On Sea Surface Topaz Detail 3.0.0 x86/x64 for Adob Плагины Alien Skin Eye Candy v7.0.0 Topaz ReMask 3.2 Rus (32-64) Curvemeister v3.4.1 retail for Adob Анимация полета вертолета Kolor Neutralhazer 1.0.2 for Adobe Анимированные песочные часы спецэффект Анимация плывущих облаков Анимация сканера УРОКИ АНИМАЦИИ уроки фотошопа non-destructive editing in Photosho Анимация Экранизации ehjrb ajnjijg Анимация волны Аваторка Выделяем волосы брызги духов Scrolling Background Text Анимированный Satin + видео как это было сделано волос глаз Vintage Analogue Photoshop и Image Ready Анимация полета Большая прогулка Винни Пуха (анимац Lomo Эффект в Photoshop Бегемотоящерица урок фотошоп Tone&colour Enhancement Half Wire Model Анджелина Джолли как Нави из фильма Блестяшки на тесте и объектах глиттеры анимация в фотошопе .....в рисунок карандашем!!! анимация для фона Color Ray Gradient фотообработка в стиле Jill Greenberg professional retouching 2 woman photo retouch близкая к профи! 10 самых распространённых ошибок ре Compass Tutorial Photo Strip Design and Print a 70s Style T-Shir Виртуальный тюнинг автомобиля в Фот 3D Recycling Bin Icon 3D текст и световые эффекты ajnjijgбНатягивание текстуры на раз гарда грандж текст 3D TEXT Акватекст уроки фотошоп Creating Funny Big Head Characters Воспоминания Dancer Авторский урок Can't sleep wallpaper В ожидании чуда взгляда через разбитое стекло Взрыв в фотошопе Выход в новый мир уроки в фотошопе 3D объекты в Photoshop Вода в фотошоп
    Поиск