Мир Симс2, ты давно хотел открыть его для себя? твоя мечта сбылась, окунись с головой в самую популярную игру тысячилетия! Photo Sharing and Video Hosting at Photobucket Photo Sharing and Video Hosting at Photobucket Simz-z-z2-всё
АвторСообщение





Пост N: 25
Info: Неплохое
Зарегистрирован: 10.03.07
Откуда: Россия, Питер
Рейтинг: 0
ссылка на сообщение  Отправлено: 12.03.07 23:16. Заголовок: Использование Маски на примере с Деревом


Этот урок показывает, как получить чистую маску, используя фотографию дерева на фоне
синего неба, с помощью каналов и уровней, а затем экспортировать полученный вариант в прозрачный png файл. Основные приемы, рассмотренные в уроке, могут так же применяться и в других случаях.

Сначала нужно загрузить фотографию дерева (в примере используется эта фотография – 500 КБ) и открыть ее в редакторе Adobe Photoshop.

ШАГ 1. БАЛАНСИРОВАНИЕ КАНАЛОВ.

Откройте панель Сhannels (каналы), что бы увидеть имеющиеся цветовые каналы.

Цветовые каналы показывают, сколько каждого цвета есть в картинке. Изображение в RGB, подобно этой фотографии, состоит из трех цветовых каналов - красного, зеленого и синего. Белый цвет в канале означает полную цветовую насыщенность (255), а черный – пустоту, то есть отсутствие (0).

Найдите канал с самой высокой контрастностью на краях, показывающий контур дерева. Дерево должно быть практически одинаковых цветов с малым контрастом внутри контура, описывающий дерево. А фон должен быть белым или достаточно светлым и так же с небольшим контрастом. Этим путем будет проще выделить дерево в альфа-канал.

Поскольку небо на фотографии голубого цвета, канал Blue подойдет больше всего для начального формирования маски.




Нажмите Ctrl+3, чтобы перейти на канал Blue:





При близком просмотре изображения видно, что некоторые части ствола дерева значительно светлее других частей. Они практически такого же цвета что и небо. Тем не менее, небо должно быть белым, иначе части ствола дерева будут казаться прозрачными, как только будет применена маска.




Так как у цвета коры больше всего красных оттенков, в отличие от других частей изображения нужно использовать канал Red, что бы оттеснить маску.

а) Сделайте копию канала Blue, переместив его на иконку New Channel ()

Сделав двойной щелчок мыши на новом канале, переименуйте его на Tree Alpha.

б) Теперь создайте копию канала Red и сделайте только его активным. (Ctrl+5)





в) Настройте уровни канала Red copy
Image > Adjustments > Levels... (Ctrl+L)
Input Levels: 50 / 0.85 / 222








Теперь идея такая – изолировать слишком яркие области коры в канале Blue. Этот канал будет использоваться как выделение, чтобы затемнить канал Tree Alpha.

г) Перенесите канал Red copy на кнопку Load channel as selection ().

д) Кликните на канале Tree Alpha и нажмите комбинацию Ctrl+H, что бы скрыть выделение, это позволит вам видеть все, с чем вы работаете.

е) Теперь надо значительно затемнить область коры:
Image > Adjustments > Levels... (Ctrl+L)
Input Levels: 120 / 1.2 / 255







Таким образом, вы используете канал Blue чтобы создать прозрачность, а канал Red – что бы сделать его более непрозрачным.

Когда вы будете размещать дерево в другом месте, небо должно быть полностью прозрачным, а дерево – непрозрачным. Таким образом, нужно сделать тени черными, а небо – чисто-белыми. Сделайте это:

ж) Нажмите Ctrl+D, чтобы избавиться от предыдущего выделения.

з) Настройте уровни канала Tree Alpha
Image > Adjustments > Levels... (Ctrl+L)

Теперь медленно перемещайте белый ползунок влево (понизить), пока небо не станет белым, а черный – вправо (повысить), пока ствол и ветви дерева не станут черными.
Такие значения хорошо подходят в этом случае:
Input Levels: 30 / 1 / 145




Возможно, вам потребуется несколько попыток для нахождения подходящего баланса.

Следите за тем, как изменяется изображение, после настроек уровней. Если белый уровень будет слишком низкий, то слишком тонкие части дерева (веток) исчезнут в небе. И если черный уровень будет слишком высок, то небо буде т видно через ветви дерева.

и) Инвертируйте канал Tree Alpha (Ctrl+I).
Таким образом, дерево станет белым, а небо черным.

ШАГ 2. ПРЕМЕНЕНИЕ МАСКИ.

а) Перенесите канал Tree Alpha на кнопку Load channel as selection ().

б) Перейдите на панель Layers (Слои), и сделайте копию слоя Background, перенеся его на кнопку New layer.

Сделайте два щелчка на слое Background copy и переименуйте его на Тree.

в) Добавьте маску слоя, нажав Add layer mask () на панели Layers. То есть примениться сделанное ранее выделение в качестве маски слоя Tree.




г) Скройте, или удалите слой Background.





д) Сделайте активным маску, нажав по маленькой черно-белой картинке на слое Tree, для того, что бы работать на маске слоя.




Изолируйте ствол дерева от окружающего фона:

. Нам понадобится инструмент Brush (кисть), что бы сделать фон прозрачным. Закрасьте его черным на маске слоя ...

...или...

. ... воспользуйтесь инструментом Polygon Lasso (многоугольное Лассо), выбрав с помощью него части фона, и залейте полученное выделение черным.
Активный цвет должен быть черным и затем…
Залейте выделенную область черным (Alt+Backspace).





ШАГ 3. АККУРАТНАЯ НАСТРОЙКА КРАЕВ.

Создайте новый слой ниже слоя Tree. Затем переместите на новый слой изображение (например, вот это).
Или можете заполнить фон обычным цветом, или применить градиент позади слоя Tree, таким образом, протестировав маску по цветовому диапазону фона.




Если дерево выделяется на небе, то есть его окружает ненужный цвет, то фон подобран не очень удачно. Но это можно исправить множеством способов.





Способ 1. Настройка уровней маски.

Сделайте активной маску слоя Tree.
Image > Adjustments > Levels... (Ctrl+L)

Теперь переместите черный ползунок вправо, пока не минимизируете выделяющиеся ветви.

Input Levels: 120 / 1.2 / 255





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

Способ 2. Затемнение краев.

Лучший способ устранить выделяющиеся края на дереве – затемнить края на маске слоя.

а) Удерживая Ctrl, нажмите на маске слоя Tree, что бы сделать выделение дерева на маске.

б) Сделайте выделение меньше на 1 пиксель.
Select > Modify > Contract... 1 pixel

в) Инвертируйте полученное выделение (Ctrl+Shift+I)

г) Создайте корректировочный слой Curves, нажав кнопку , на панели слоев, и выберете Curves

Переместите нижнюю часть кривой вниз, и нажмите ok.





д) Удерживая Alt, поместите курсор мыши между слоями Curves и Tree, курсор измениться на картинку двух пересекающихся окружностей , и нажмите на кнопку мыши.





Выполнив это действие, создаться группа, такая, что корректирующий слой Curves будет действовать только на слой Tree.
В этой группе, нижний слой действует как маска для верхних слоев.
У получившегося результата могут быть темные области вокруг ветвей дерева. Их можно смягчить, воспользовавшись Gaussian Blurring на слое Curves, со значением один или два пикселя.




Удаление маски слоя Tree, помет привести к нежелательному результату.

ШАГ 4. ЭКСПОРТ.

Один из способов, это копирование и вставка полученного дерева в другие изображения в Photoshop или экспортирование дерева в прозрачный png файл, для дальнейшего импортирования файла в другие редакторы, например Flash или 3Ds Max.

а) Скройте слой с фоном, в нашем случае слой с названием Scene, нажав на изображение глаза слева от слоя.





1. Экспорт в png.

б) Нажмите С, что бы выбрать инструмент Crop и создайте прямоугольную форму вокруг дерева, оставив небольшие зазоры по краям.




Дважды щелкните на область внутри прямоугольника или нажмите Enter для окончания действия.

в) Сохраните файл. Save for Web
File > Save for Web... (Alt+Shft+Ctrl+S)

Выберете формат PNG-24
Разрешите прозрачность (Transparency)





2. Копирование и вставка

б) Select > All (Ctrl+A)
в) Edit > Copy Merged (Shft+Ctrl+C)
г) Перейдите на другой документ в Photoshop
д) Edit > Paste (Ctrl+V)



--------------------------

Автор: anson vogt
Перевод: Цветкова Анна
Урок взят: отсюда

--------------------------

Редактировано администратором.

Самая мур-гав форума Спасибо: 0 
ПрофильЦитата Ответить
Ответов - 3 [только новые]


Аватармейкер




Пост N: 75
Зарегистрирован: 10.03.07
Откуда: Наша Раша, Питер
Рейтинг: 0
ссылка на сообщение  Отправлено: 12.03.07 23:35. Заголовок: Re:


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


Красота спасет мир Спасибо: 0 
ПрофильЦитата Ответить
администратор




Пост N: 106
Зарегистрирован: 09.03.07
Рейтинг: 0
ссылка на сообщение  Отправлено: 17.03.07 22:55. Заголовок: Re:


Миzка Не все уроки взяты с демиарта

Урок неплохой, пригодится.

Пункт "А": Администратор всегда прав.
Пункт "В": Если администратор не прав, смотрите пункт "А" =)))
Спасибо: 0 
ПрофильЦитата Ответить
Аватармейкер




Пост N: 86
Зарегистрирован: 10.03.07
Откуда: Наша Раша, Питер
Рейтинг: 0
ссылка на сообщение  Отправлено: 18.03.07 12:43. Заголовок: Re:


angora
не, я просто помню, что этот точно был на демиарте ну осиблась
да, урок неплохой, достаточно легкий. автор молодец

Красота спасет мир Спасибо: 0 
ПрофильЦитата Ответить
Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  6 час. Хитов сегодня: 0
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет