Уроки: Adobe Photoshop

Делаем скринтоны сами!

Делаем скринтоны сами!

исходная работа

В работе понадобилось что-то вроде скринтона - готовой узорной заливки в виде растра на фон картинки:

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

1. создаем новый файл. не очень большого размера, лишь для примера. сейчас это будет, ну, скажем, 800х600 пиксов. выбираем цветовой режим: градации серого:

2. в палитре цвета выбираем для заливки радикальный черный цвет!

3. выбираем инструмент "градиент"

4. в панели текущего инструмента выбираем тип градиента - сейчас это - линейный градиент. переходим в палитру градиента. выбираем заливку на прозрачном фоне и заливаем нашу новую работу сверху к низу:

5. теперь мы должны поменять режим изображения. это нужно для того, чтобы получить зерно растра, которое имеет всего два цвета - белый и черный, без градаций серого. жмем на кнопку "изображение", в выпадающем меню выбираем "режим" - и далее - выбираем "Битовый формат":

6. тут же выскакивает окошко битового формата. устанавливаем разрешение 150 пиксов на дюйм - это для того, чтобы лучше видеть тебя, моя деточка!" если разрешение будет меньше, то точки растра могут стать (при нашем размере файла) зазубренной формы. в графе "метод" выбираем "полутоновой растр". внимание! здесь доступна графа "заказной узор" - очень интересные формы узора - оставляем на фкусненькое. Итак, "полутоновой растр", жмем хоккей:

здесь выпадает персональное окошко полутонового растра. выбираем линиатуру: 10 лин/дюйм, эта величина выбрана для текущего размера работы для наглядности. она варьироваться будет в зависимости от того, какого размера зерно растра мы желаем получить - чем меньше линий, тем больше зерно. следующая строка - угол наклона. оптимальный угол - 45 град. иногда есть смысл выставить здесь 90. далее - форму растровой точки выбираем "круг". жмем хоккей:

7. обана, получаем черно-белый афигительный растр! он у нас располагается на белом фоне. для работы нам нужны только точки, а фон - куда его девать? его надо нафиг убрать. это поможет нам сделать волшебная палочка. только для этого файл надо опять перевести в режим "градации серого", потому что палочка не работает в битовом режиме:

8. жмем опять "изображение" - "режим" - "градации серого". выскакивает маленькое окошко для коэффициента уменьшения. по умолчанию стоит "1". думаю, надо соглашаться:

9. теперь выбираем инструмент "волшебная палочка" и пробираемся с ней в самый верх нашего градиента, там, где черного побольше, чтобы ткнуть ею точно в черный цвет. для сумлевающихся нелишне будет предварительно увеличить изображение зумом. итак - весь черный цвет волшебным образом выделился. все готово для радикальной хирургии. щас мы оторвем черный растр от белого фона!:

10. жмем "слой", в выпадающем меню выбираем "новый" - и далее - вырезать на новый слой. или комбинация клавиш Shift+Ctrl+J:

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

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

12. теперь нужно опять изменить режим, так как красить можно только в цветном режиме. "изображение" - "режим" - "RGB":

- выскакивает подозрительное окошко про сведение. не, не надо нам сведения, зря штоли дохтур старался?:

жмем "не выполнять". теперь у нас появилась возможность покрасить растр в любой доступный цвет.

13. жмем "изображение" - "коррекция" - "цветовой тон-насыщенность" или просто жмем комбинацию ctrl+U - вызываем окно, где ставим галочку в окошечке "тонирование". теперь сдвигаем ползунок яркости вправо, в сторону увеличения ее. туда же двигаем ползунок "насыщенности":

обана!
все покрасилось! ну, теперь ползунком "цветового тона" достигаем нужного цвета. эти действия обычно проводятся уже после того, как растр в виде слоя помещен в работу.

14. чтобы использовать скринтон, следует, удалив ненужный белый фон, сохранить его в формате PSD, чтобы прозрачные области не пропали.

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

46852 Автор:
Актуальность: 435
Качество: 444
Суммарный балл: 879
Выбор Публики
Голосов: 48 оценки

Отзывы посетителей:

аватар
 
Artkon 46 -1
Тому, кто придумал перевести Photoshop на русский - смерть через калабаху!!!
аватар
 
Красные Чирвяжки! 575 0
Цитирую Victoria Ershova:
Попробовала вместо Halftone Screen текстуру Custom Pattern

наконец-то нашолся человек, который понял, что речь идет не только о хафтон скрине-паттерне...
аватар
 
Victoria Ershova 1 1
Мне урок очень понравился. Спасибо большое! Как-то первый раз пользуюсь цветовым режимом Bitmap (не считая графиков и таблиц по основной работе). Очень здорово и просто. Попробовала вместо Halftone Screen текстуру Custom Pattern. Сеточку типа ткани выбрала. Наложила поверх фотографии. Получилось такое легкое тиснение. Супер! Вы открыли для меня новые возможности, например для получения снежных хлопьев, конфетти и т. д.
аватар
 
eritikovarik 12 0
Ура!!!!!!!!!У меня получилось, у меня стояла галочка возле "смежные пиксили",убрала и вуаля ;) .Спасибо, за внимание к моей проблеме!
аватар
 
Красные Чирвяжки! 575 0
пардон, сам уже все позабыл - палочка-то не работает в битовом формате, так что пока сосредотачиваемся на окошке "Допуск" в панели свойств для валшебной палочки. там можно выставлять значения от 0 до 100. - пробуем. и пишем ответ, eritikovarik. успехов!
аватар
 
Красные Чирвяжки! 575 0
Цитирую eritikovarik:
она выделила только половину :( (верхнюю часть),как сделать чтобы было выделено все?

не совсем понятно, про какую верхнюю часть говорится. Вам нужно равномерное зерно по всему полю? тогда вместо градиентной заливки надо использовать сплошную. или же у Вам нужнен градиент, а выделяется только часть заливки? Тогда, возможно, дело в волшебной палочке. Вверху, когда выбран этот инструмент, в панели свойств - нужно установить подходящий допуск - попробуйте установить 0 или 50 - что-то из двух изменит вид (хотя, если все переведено в битовый формат - допуск не играет большой роли), или там еще галочки можно проставить или убрать где-то, при выборе смежных пикселов или где еще. короч, не все понятно. если Вы по-подробнее опишете ситуацию, то подумаем дальше.
аватар
 
eritikovarik 12 0
Спасибо большое за урок!Получилось почти все,но вот когда я выделяла волшебой палочкой,то она выделила только половину :( (верхнюю часть),как сделать чтобы было выделено все? За ранее спасибо за ваш ответ.
аватар
 
ven fil 1 0
Интересный урок. Ведь не обязательно искать простоту в выполнении какой то задачи. Чем больше вариантов при выполнении, тем шире возможности программы.
аватар
 
Евгений Булатов 33 0
За "(версия фш - локализованная, так что разбирайтесь сами, что где)" оценка 1 / 1
Ибо не знаю такой версии, я пользуюсь CS2 и CS3, а они вроде как не локализовывались.
аватар
 
Alexey Ost 6 0
За фигуркоф 1 балл!
аватар
 
puxus 17 0
2 ParticolFayer
Какой блин лазурный, зачем придумывать сложные названия для простых цветов, на все 16 млн названий не хватит.
Ну всё пошел флуд на по теме, замолкаю... :)
Афтору
Успехов и уроков посложнее и поинтереснее!!!
аватар
 
ParticolFayer 5 0
2 puxus:
не ГМЖЧ, а ЛПЖЧ (Лазурный, Пурпурный)
аватар
 
Красные Чирвяжки! 575 0
2puxus: видимо, кто-то из нас невнимательно тут читает. я даже знаю кто...
в битмапе можно установить разрешение побольше, но даже не в этом дело - режим тут меняется не раз, а конечный файл, т.е. готовый узор с прозрачными областями - в любом режиме: ргб, или проч, позволяющем сглаживать как угодно...
аватар
 
puxus 17 0
Извиняюсь за безграмотность...
А Вас не смущает рваные края скринтона (т.е. полное отсутствие антиалиасинга) как следствие переведения в битмап.
В отличии от Халфтон паттерн где четкость границы можно настроить...
аватар
 
Красные Чирвяжки! 575 0
2Frio: не соглашусь. вот именно, что по вашей версии получаем "почти то же самое", но не то. при подготовке к работе я рассматривал такой вариант заливки и отказался от него. фильтры в хафтон паттерн - эти самые паттерны - ограничены. (или это у меня такой скудный набор?) чо там - точка, круг и линия. помимо этого они - ну, что ли, недостаточно гибки по пластике. типографский растр в уроке представленном - лишь для примера, рисунок мона делать заказной, что в хафтонпаттерне - видимо, не возможно...

2puxus: о скринтонах: http://render.ru/forum/viewtopic.php?topic_id=107428.
так что термин вовсе не мой. добавить нечего, т.к. не специалист в этом (и не только)))...
аватар
 
puxus 17 0
Гм! Интерестно а почему в русском шопе не переводят RGB на КЗС, а CMYK на ГМЖЧ... ?
А термин скринтон афтор сам придумал?
аватар
 
Frio 180 0
Простите, но на мой взгляд очень много шаманства на пустом месте, тоже самое можно сделать в четыре клика:
1) заливаем серым
2)фильтр Halftone pattern
3) делаем в маске выделения вертикальный градиент
4) применяем Accented Edges
и получаем... почти то же самое, но гораздо быстрее
цвет и контраст по вкусу кривыми править....

кстати, русский ФШ... фпрочем ладно)

http://img140.imageshack.us/img140/720/backwx6.gif
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей