Ps упражнения на совмещение фотографий

ADOBE PHOTOSHOP

CS4- CS5

замена цвета - отличный и очень простой урок по перекраске машины.




   как составить из нескольких не слишком удачных фотографий (снятых более или менее в одном ракурсе) одну приемлемую;

   как привести в соответствие цвета фотографий, снятых при разном освещении так, чтобы их можно было совмещать;

   как составить панорамный снимок из нескольких фотографий

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

упражнение 1:

как составить из нескольких фотографий с различными недостатками одну качественную

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

    смазана правая часть фотографии

  личико по периметру размыто

проблема с левой частью фотографии

нужно:

1. собрать все три фотографии в одном документе
2. разместить их точно одна над другой
3. выбрать удачные участки из каждой фотографии и совместить их в одном кадре

для этого 

                  1. File -

                                Script - 

                                              Load Files into Stack

                      в появившемся окошке выбрать нужные файлы и нажать Ок.

                      автоматически будет создан новый документ, в котором, каждая на своем слое,

                      будут размещены наши фотографии.

                

                   2.  теперь нужно выделить с помощью клавиши Shift все три слоя, после чего

                        Edit -

                                   Auto-Align Layers /align - выравнивать/

                         в появившемся окошке стоит выбрать первый из предложенных вариантов,

                         и только в случае не слишком удачного результата начать экспериментировать

                         с остальными.

                    3. Edit - 

                                    Auto-Blend Layers

                         в появившемся окне выбрать stack images /stack - укомплектовать/

                         и seamless tones and colors /seamless - бесшовный/

                         после чего остается подправить или обрезать края:

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



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

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

1. соместить в один документ. это нам уже знакомо: File - Script - Load Files into Stack
   получили новый документ с обеими фотографиями, размещенными на разных слоях.
2. разместить их точно одна над другой, как и в прошлом упражнении:Edit -           Auto-Align Layers
3. теперь на том слое, что расположен выше, создать маску и убедиться, что она "нажата".



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

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

вот такой результат получился у меня:

упражнение 3.  два способа, первый быстрый, второй очень быстрый:

как составить панорамный снимок из нескольких имеющихся фотографий. 

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

имеется четыре таких вот фотографии:

первый способ знакомой дорожкой:

1. собрать фотографии в одном документе File - Script - Load Files into Stack

2. разместить их точно одна над другой: друг над другом размещаются идентичные места на снимке, которые программа просчитывает каким-то непостижимым для меня образом   Edit - Auto-Align Layers (в появившемся окошке стоит для начала выбрать первый из предложенных вариантов)

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

более цельное: Edit - Auto-Blend Layers. в появившемся окошке выбрать, естессно, panorama и seamless tones and colors

4. осталось привести в порядок края, кое где подрезав, кое где добавив с помощью Clone Stamp Tool (я его упоминала, хоть и в несколько ином контексте)

второй способ:

одной командой выполняющий первые 3 этапа первого способа:

File -

          Automate -

                               Photomerge

четвертый этап остается тем же

упражнения 4 и 5:

как совместить фотографии, снятые при разном освещении

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

Image -
               Adjustments -
                                         Match Color

в разделе source выбрать  фотографию/ слой который мы будем изменять, а в оконце Layers слой, в соответствии с которым мы будем изменять. ну и Ок.




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






а вот, что у меня получилось:

Ps упражнение (штамп,маска и точка схода)

ADOBE PHOTOSHOP

CS4- CS5

отличный урок по основам перспективы и принципу работыинструмента в фотошопе.






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


   итак, в наличии 2 фотографии:

слева первая. с нее нужно очистить все лишнее: все, что торчит из окнон, объявления, ковер, веревочки...





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

:

ну а это - то, что должно получиться в конце наших трудов:

для этого нужно:

• очистить с первой фотографии все лишнее,
• наложить фотографию
• подчистить места, которым под граффити быть не положено : н-р, веточки и окна.

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

1. важно! создаем новый слой, на к-ром и будем работать
2. Filter - Vanishing Point: строим сеточку перспективы. если она почему-то не желает строиться за пределы фотографии, строим меньше, потом раздвигаем.
3. берем Stamp Tool (не выходя из режима сетки) и, убедившись, что мы на вновь созданном слое,  с помощью "штампа" убираем все лишнее. Stamp Tool на адобовском сайте
4. часть веточек позволим себе удалить - потом на наш слой наложим маску, которая позволит нам сделать видимыми  веточки, окна,  ткань 
5. наложение кроссовка на сетку перспективы кажется мне самым простым. во всяком случае пока

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

 доработав и подправив в меру сил и возможностей получаем вот такой результат:

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


для превращения кроссовка в граффити на зданиии нужно:

1. скопировать (Ctrl+C)  картинку, которой предстоит стать граффити из ее файла
2. в нашем рабочем файле опять зайти в режим сетки (я сделала это на продублированном backgroudn)
3. добавить туда скопированный рисунок (Ctrl+V)
4. если скопированный рисунок окажется большим, его нужно уменьшить с помощью инструмента Transform Tool , который находится в левой панели инструментов, не выходя из окошка перспективы.
5. уменьшенную картинку нужно  немного потянуть, и он втянется в сетку. после чего с помощью  Transform Tool размеры картинки подстраиваются под размер сетки, нажимается Ok 
6. для совмещения картинок 

 в окошке layers нужно выбрать из списка Overlay /наложение, наплавление/.  получим вот такой,  уже близкий к конечному, результат 

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


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

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

Ps сокращения

ADOBE PHOTOSHOP

CS4- CS5

для изменения сокращений:


Edit - Keyboard Shortcuts. в появившемся окне выбрать из списка edit.


в фотошопе шаг назад (undo\redo)  ctrl+Z - действие одношаговое. если хочется вернуться на большее кол-во шагов ( step backward\step forward)  -ctrl + alt + Z. это несколько путает, и если есть желание, можно поменять эти сокращения местами


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

1. ctrl + A 
2. ctrl + C (copy)
3. ctrl + N (new)
4. enter

объекты
ctrl + A выделить все
ctrl + D отменить выделенное
ctrl + H спрятать/показать выделеное
трансформация объекта ctrl + T. потом двойной щелчок или Enter. для отмены Esc.


слои Laers


ctrl + J  дублирует обозначенный laer или выделенный на нем участок
ctrl + shift + J вырезает выделенный участок и переносит его на другой laer


ctrl + E объединить обозначенный laer с тем, что под ним
ctrl + shift + E  объединение видимых laers один в новый (не сохраняя исходники)
ctrl + alt + shift + E объединение видимых  laers в новый  laer (не стирая старые)




инструменты рисования


D - эта клавиша всегда даст
    черный и белый цвета здесь






X - меняет черный и белый местами

Ps Layer Mask

ADOBE PHOTOSHOP

CS4- CS5

 очень доступно про всяческие маски, с простыми объяснениями, картинками, удачными сокращениями

Layer Mask
описание
способы создания
примеры
трюки


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


Layer Mask состоит из белых, черных и серых цветов. части фотографии, на которые приходятся черные участки маски, становятся прозрачными.

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


  слой с маской:
все, что под черным - невидно.




результат:

теперь можно перетянуть этоу жертву скоростного маскирования в слоновий документ:

на высокое искусство не тянет, но принцип иллюстрирует.
при сохранении документа в формате программы маски сохраняются.


способы создания Layer Mask:
1.

• выделить на фотографии участок, к-рый мы хотим оставить видимым (любым из инструментов выделения);
• в окошке Layers нажать на add layer mask.

2.

• в окошке Layers нажать на add layer mask, предварительно убедившись, что выделен нужный слой;
• убедиться, что помечена именно маска, а не сама фотография;
• с помощью инструментов раскрашивания (кисть, градиент и т.д.) закрасить на маске черным все, что не должно быть видно (станет прозрачным), подкорректировать белым при необходимости. все можно исправить!
         клавиша D выставляет фоновый и основной цвета черный и белый
         клавиша X меняет их местами

3. плавный переход 

круглый градиент

• создать на нужном слое  layer mask, как в прошлом способе;
• убедиться, что помечена именно маска, а не сама фотография;
• в левой линейке инструментов выбрать gradient tool ( градиент ). переход должен быть между черным и белым цветами;
• перетянуть инструмент, создавая на маске плавный переход от белого к черному;
• при необходимости подкорректировать кистью.

для более плавного перехода у кисти можно менять прозрачность (opacity).

* нейтрализовать, или отключить маску, ч(н-р чтобы посмотреть, как было без нее) можно, щелкнув по ней и удерживая одновременно Shift. вернуть ее в рабочее положение можно тем же способом;

* для того, чтобы попасть внутрь маски - щелкнуть по ней +Alt;

* "цепь" между маской и слоем нужна при трансформации или перемещении слоя вместе с маской;

* стереть маску можно, перетянув ее в мусорку в нижней части окошка layers. появится окошко, предлагающее:

Delete - удалит маску и вернет в исходное положение

Apply - удалит маску, но заодно сотрет и все участки, ранее скрытые маской

Cancel - отменить удаление )

* можно продублировать маску на другой слой: перетянуть, удерживая Alt. если под одной маской несколько слоев, имеет смысл сгруппировать их;

* щелчек по маске + Ctrl выделяет границу между черным и белым (с определенной толерантностью) таким же "муравьиным" пунктиром, как и инструменты выделения.

   перетянуть эту "муравьиную тропу" можно  с помошью инструмента выделения.

   перетянуть как часть маски - со свойствами непрозрачности - можно основной стрелочкой.

Windows -

                   Masks

density - меняет концентрацию черного цвета в маске, и как следствие - прозрачность соответствующих участков слоя;

feather - размывает границы стыка;

refine -

              mask edge - коррекция границ "муравьиной тропки"

          










пример, как один слой использовать в качестве маски для другого:
букву стоит соорудить заранее. нам ее подготовила учительница :)

в качестве текстуры  

1. создаем 2-а слоя.
тот, который содержит текстуру, становится верхним;

2. размещаем курсор на стыке между двумя слоями: текстуры и буквы и, одновременно удерживая Alt, щелкаем левой кнопкой мышки;

3. получаем  связку между слоями, и в придачу вот такой результат: 

4. если теперь в окошке layers выбрать overlay, получим
вполне симпатичные объемненькие буквы 

Ps Gradient

ADOBE PHOTOSHOP

CS4- CS5

Gradient Tool and Paint Bucket Tool

изизииз левой панели инструментов






важно: эти инструменты красят в уже существующих слоях, в отличие от заливки или градиента из окошка layers.


градиент - подробности от производителя


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

 затем, выбрав Gradient Tool, протянуть инструментом линию, вдоль которой градиент будет изменяться.








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

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












немного (без подробностей) о Paint Bucket Tool (заливка) 
описание "заливки" на адобовском сайте 
с его помощью можно без всяких предварительных телодвижений  выделить на фотографии цвет, или группу близких цветов, настроив предварительно толерантность (допуск), одновременно перекрашивая их в другой. 

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

Ps раскрашивание и рисование

ADOBE PHOTOSHOP

CS4- CS5

продолжение урока от 31.1.2012

                                                                    инструменты раскраски на адобовском сайте.

                                                                    галерея инструментов раскрашивания


в оглавлении самоучителя по фотошопу есть раздел по раскрашиванию и по рисованию 

видео урок-введение о кистях
видео: выбор и настройка кисти на примере
видео урок рисования состоит из 8-и частей (видеозапись всего процесса) + где-то есть словесная инструкция


настройки инструмента для работы с планшетом Wacom

D - эта клавиша всегда даст
    черный и белый  foreground и background цвета 

X - меняет черный и белый местами


закрасить выделенную площадь цветом заливки Alt + Delete или Alt + Backspace
закрасить выделенную площадь фоновым цветом Ctrl + Delete или  Ctrl  + Backspace

Brush Tool and Pencil Tool 

левая панель инструментов










кисть и карандаш очень схожи.
различия, о которых известно мне: карандаш жестче - практически не бывает размытых краев, независимо от того, какую "насадку" для него выбрать.
   у карандаша нет опции airbrush,
   зато есть возможность самостирания, если в верхней линейке настроек отметить auto erase (в CS4 эта операция возможна только на слое background и только при opacity 100%, в CS5 на любом слое и с любой прозрачностью). на самом деле это не самостирание, а рисование фоновым цветом - причем важно не забыть его выставить.


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




настройки в верхней части окна (описание параметров на сайте производителя):

слева направо:

• tool preset picker - ваще не понимаю, с какой целью эти три presets - заготовки настройки кисти размещены отдельно. вероятно, есть на то атйная причина, сокрытая от моего скудного разумения

• brush  preset picker - 

brush  preset picker

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


перед углублением в третью опцию настройки (toggle the brush panel) перескачу дальше на парочку важных моментов:

• opacity - прозрачность.

плавность перехода

• flow - плавность переода:  на рисунке верхняя линия проведена инструментом с "плавностью" 100%, а нижняя 35%

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

это окошко можно открывать из

Window -

                  Brush

а можно и из верхней линейки настроек 

• toggle the brush panel - настройка панели кистей, (третья слева в линейке настроек кистей): создание новых кистей, библиотека кистей: в нижней части окна значок open preset manager, при нажатии на который появляется такое окошко:

в правом верхнем углу - левее слова Done имеется стрелочка, открывающая библиотеку кистей. если, заменив библиотеку кистей хочется вернуть все по прежнему, нужно нажать reset из того же библиотечного списка.

познакомимся чуть ближе с левым столбцом настроек окна Brush:

подрробности на адобовском сайте


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

Shape Dynamics - динамика поведения кисти: колебания размера, угла и прочих параметров

Scattering - рассеивание.

Texture - настройки текстурированной кисти

Dual Brush - двойные кисти

Color Dynamic - параметры кисти с динамикой цвета: сочетает 2 цвета, foreground и background

Noise - шум, помеха

Wet Edges - влажность кисти: если выбрать влажную кисть, линия будет темнее снаружи, чем внутри.

создание новой кисти:

1. выделить одним из инструментов выделения какой-нить участок на рисунке, фотографии и т.п.
2. EDIT - Define Brush preset
3. новая кисть появится в окошке  Brush, готовая для настроек и использования. 
4. цвета не сохранятся, кисть будет серых оттенков.