вторник, 5 октября 2010 г.

Пример обработки фотографии в фотошопе

У меня нет опыта мастер-классов, но надеюсь,  что хоть кто-то поймет и кому-нибудь пригодится нижеизложенный небольшой мастер-класс по обработке фотографий.
Я не считаю себя профессионалом-фотографом поэтому люблю обрабатывать фотографии в фотошопе. да и редкий фотограф не пользуется возможностями фотошопа.
Скажу, что фотошоп очень многогранен, многофункционален и не смотря, что по работе я постоянно с ним работаю знаю я его процентов на 20-40%. В общем все зависит от поставленных задач- и начинаешь копать в глубь. В общем не будем об общем а переходим к частностям, а точнее к паролям и явкам.
На примере и начнем рассматривать важные моменты.
Конечно каждая фотография индивидуальна и нет одного рецепта, как получить из нее “конфетку”. А способов множество, да и каждый одну и ту же фотографию обработал бы по-своему и сколько людей-столько вариантов.
Начнем:
1. Сначала из исходного кадра выбирает нужную нам композицию:
кадр1



1. Все основное действо у нас будет происходить со слоями (красный овал).
кадр2
2. Добавим немного контраста. Для это выбираем кривые(Curves)в закладке Create new fill for the layers, отмеченной стрелочкой:
кадр4 щелкаем на иконку с изображением кривой два раза левой клавишей мыши:
кадр5
4. В этой же закладке выбираем Selective color
кадр6
так же 2 раза на иконку щелкнули и теперь выбираем из предлагаемых цветов серый квадратик Neutrals:
кадр7
задаем следующие значения:
кадр8
5. добавим легкий оттенок желтоватый оттенок- выбираем из Solid color:
кадр9
задаем значения RGB: 250/245/225
кадр10
6. и выбираем из панели Set the blending mode for the layers (т.е. смешение, наложение слоев) нараметр Multiply:
Эта панелька по смешению слоев очень важна и часто используется при фотокоррекции, наложении текстур. Попробуйте не только Multiply, а все остальные закладки и получите разные эффекты при накладывании одного слоя на другой
кадр11
кадр12
7. там же где и раньше выбираем Level и подвигаем значения каждого канала цветов как нам нравится. У меня получились примерно такие значения, Opacity(прозрачность) у этого слоя выбираем 30%
кадр13
8. Сделаем небольшое затемнение по углам: выбираем Gradient fill со следующими значениями:
кадр14 
в общем-то и все.
Можно добавить текстуру, например такую в режиме Color burn и получить состаренный эффект с царапинками:
2213861349_a0d1598cf1_o
кадр15
Кругляшки- т.е. боке я делала простой кистью. Кисти Боеке можно скачать на Allday. Вообще на этом ресурсе есть много полезного для фотошопа: кисти(brushes), текстуры а так же готовые экшены (Action)- это уже готовая последовательность операции, т.е. все что я делала можно запустить одной кнопкой и получить результат.
Наверно все уже уснули и ни кто не дочитал, а сейчас начнется самое интересное- разные ссылочки:
  • уроки по обработке фотографии на demiart
  • вот еще урок Alex Edgar: художницы, фотографа, а так же она вышивает и шьет мишек-по крайней мере одного я видела.
  • так же у неё на сайте есть Free action для скачивания. Как ими пользоваться я попозже поясню. Здесь можно посмотреть результат экшена До и После.
  • много текстур можно найти на Flickr.com. В поиске набираем texture free и выбираем
  • Еще очень полезный блог с текстурами а так же уроками ShadowHouse Creations. например вот этот урок очень интересный
  • deviantart: кисти, текстуры, экшены и многое многое другое
  • наш ресурс http://allday.ru
И кисти и текстуры можно рисовать самим, но мы сейчас не об этом. нам надо быстро научится как применять уже скачанные, готовые к использованию примочки.
Теперь о том куда помещать скачанные кисти, экшены. Ищем папку с установленным фотошопом, думаю у всех на диске С: C:\Program Files\Adobe\Adobe Photoshop CS3\Presets
В папке Presets есть много папок. Нам полезны следующие Actions и  Brushes. Готовые экшены с рашрирение *.atn закачиваем в папку Action, а если вам надо установить кисти, то соответсвенно в Brushes.
В фотошопе ищем кисть Brush (или клавиша B) и выбираем load brushes, дальше ищем нужный файл и рисуем, рисуем…
кадр16
так же в закладке Windows->Actions или Alt+F9 выбираем Load action и загружаем нужный экшен в программу. затем применяем его путем нажатия стрелочки на требуемую фотографию и смотрим результат.
кадр17

Готовый файл-psd  а так же все эти картинки можно скачать одним файлом: tutor-photoshop

фуф кажется на сегодня всё:-)
на мой взгляд получилось слишком подробно-наверно каждый из вас уже ковырялся в фотошопе и знает все важные закладки. Если да, то в следующий раз можно делать все кратко, как например  Alex Edgar одной картинкой. Жду комментарии:-)
Pin It

57 комментариев:

  1. вау! спасибо большое за МК! обязательно применю этот урок!
    :-*

    ОтветитьУдалить
  2. Спасибо! Очень полезный МК! Уже в закладках у меня лежит ;)

    ОтветитьУдалить
  3. Оксана,спасибо.С фотошопом знакома,но не могу никак собраться почитать учебник.так сказать,верхушку айзберга зна.Понравилось про затемнение углов и царапины.Не знала этого.)))

    ОтветитьУдалить
  4. Оксана, огромне спасибо! Очень нужный МК!!! Утащила в норку, как будет время обязательно воспользуюсь!

    ОтветитьУдалить
  5. Спасибо! Здорово если пригодится:-)

    ОтветитьУдалить
  6. Большое спасибо! Полезно и главное доступно)

    ОтветитьУдалить
  7. Оксаночка! Пасиб огромный. НАписано для меня самое то, менее подробно мне было бы сложнее :))))
    Сашке тожеочпонра.
    Требуем продолжения банкета!!! :)

    ОтветитьУдалить
  8. Этот комментарий был удален автором.

    ОтветитьУдалить
  9. Наташа спасибо!
    Лидочка очень рада, что прям как надо:-) надеюсь будет понятно когда сама начнешь пробовать...

    В общем если есть вопросы я всегда тут:-)

    ОтветитьУдалить
  10. случайно наткнулась на книгу Фотошоп для фотолюбителя Игоря Ульмана, есть полезные статьи, правда видеоуроки платные

    ОтветитьУдалить
  11. Оксана, и от меня огромное спасибо!!!! Прямо завесу тайны для меня, как дилетанта, открыли))))

    ОтветитьУдалить
  12. Ооо, этот пост однозначно в избранное! Сейчас мне некогда, но вот будет время - все прочитаю, по всем ссылкам схожу! Спасибо тебе большое за проделанную работу! И кстати туториал одной картинкой - это хорошо, но когда все по порядочку, как ты пишешь - так намного лучше в мозгу откладывается :)

    ОтветитьУдалить
  13. ogromnoe spasibo! Ja nichego v etom ne ponimaju.Otkryvaju programmu, posmotrju, povzdihAju i zakrivaju. A nauchit`sja hochetsja. Teper budu po tvoemu mk :)))

    ОтветитьУдалить
  14. Спасибо Майя! Буду очнеь рада если пригодится, походи еще по ссылкам-может для себя найдешь полезное, нужное:-)

    ОтветитьУдалить
  15. ja sejchas probovala. Ja - nOL`! U menja , navernoe, programma staraja, potomu chto drugie ikonki vihodjat. U menja photoshop 7. OPjat otlozhila((

    ОтветитьУдалить
  16. Майя не переживай! иконочки у предыдущих версий могут быть другие, но сами функции не могут поменятться. Еще можно пойти другим путем и найти все в верхней панели Image->Adjusment - там есть все то же самое

    ОтветитьУдалить
  17. spasibo:))
    Oksana, amozhno ja k tebe pristavAt`budu?:))) Hochetsja razobrat`sja.

    ОтветитьУдалить
  18. приставай приставай, бум разбираться!

    ОтветитьУдалить
  19. ну тогда пошла....:))) сейчас открою программку. :))

    ОтветитьУдалить
  20. Oksanochka, zajdi ko mne, pozhalujsta. Ja zastjala v samom nachAle.

    ОтветитьУдалить
  21. Майя я тут. стучи если чё в аську: 50695835 или в скайп oxygen2608

    ОтветитьУдалить
  22. Оксана, первую проблему решила. Тепер мне не понятно - после того как сделала нейтральний серый, ты написала - " задаем следующие значения:" Картинка маленкая, не видно . И еще, не расскажеш`на словах, хотя бы, как ты из фотограии выбираеш`нужную композицию( самый 1 шаг ) ?
    ------------
    У меня ни аски, ни скайпа(((

    ОтветитьУдалить
  23. а ты скачай архив с уроком, там все эти картинки есть в большом исходном формате (я из дома поправлю, чтобы она большой показывалась). В архиве еще есть сам файл со всеми эффектами, при нажатии на иконку с эффектов можно посмотреть/поменять значения.
    композицию выбираю интуитивно-объект который наиболее резкий, мне нравится, чтобы со всех сторон не было неоправданно пустого места. От желания и от случая зависит, можно и композицию выбрать прижатой к какому-то краю-возможно что небольшой текст будет в пустом пространстве. Еще просто смотрю красивые чужие фотографии на Фликре.
    Вот например мне очнеь нравятся:
    http://www.flickr.com/photos/cindyprins/
    http://www.flickr.com/photos/amcclaiak/
    http://www.flickr.com/photos/meisistream/
    http://www.flickr.com/photos/aniao/

    ОтветитьУдалить
  24. там в конце поста написано: Готовый файл-psd а так же все эти картинки можно скачать одним файлом: tutor-photoshop
    в общем по этой ссылке: http://ifolder.ru/19607873

    ОтветитьУдалить
  25. aga, spasibo. No ja skoro vernUs`s dostavAt`tebja:)))

    ОтветитьУдалить
  26. я правда через 10мин ухожу, но я тоже вернусь-пиши

    ОтветитьУдалить
  27. если у тебя нет solid color, можно создатьь новый слой и залить его цветом:
    1вариант: Shift+F5, выбрать нужный цвет или на верхней панеди Edit->Fill...
    2вариант: на левой панели выбрать цвет и нажать Ctrl+BACKSPACE

    ОтветитьУдалить
  28. ne znaju... a gde iskat etot solit color, kuda klikat?

    ОтветитьУдалить
  29. Я это сделала! Ура! Спасибо, дорогая! Из всего этого я не знала ничего, я вообще в фотошопе дальше имэдж кроп сделать ничего особо не могу :) про эти экшены тоже очень интересно, но пока отложила, хотя жутко хотелось эти вот трещинки и потертости сделать, но не догоняю чего-то, буду ждать урока :) ведь ты же раскажешь, да? :)
    Хочешь глянуть, что у меня получилось? до и после

    ОтветитьУдалить
  30. Наташа, очень здорово! так держать! про экшены постов смысле нет делать. готовые экшен-это же набор опреаций, сделанных кем-то. т.е. для ленивых если не хочется-не можется корректировать самому, нажимаешь на кнопку и к твоей фотке применяется этот набор. Где их скачать я вроде писала. куда закачивать тоже, если не понятно я тебе еще поясню. В любом случае нужно знать основы, чтобы готовый экшен подкорретировать под свои нужды.

    ОтветитьУдалить
  31. оКСАНА, А ДЛЯ ЧЕГО ЗАЛИВАТ кремовым цветом? А если сначала структура, а потом фотография, еффект будет тот же?

    ОтветитьУдалить
  32. кремовым цветом я заливала, чтобы изменить немного тональность фотографии...посмотри фотку до и после-это видно. Но это ествественно не обязательно, каждая фотография индивидуально и можно использовать соверешенно другие приемы для получения какого-то результата. Важно еще знать какой результат ты хочешь увидеть в итоге, и чтобы он тебе нравился. Если сначала картнка с текстурой а поверх фотография, то результат будет совершенно другой...тут тогда твоя фотография будет выполнять роль текстуры, а нижний слой он главный, его больше всего видно, а то чтобы накладываешь сверху-это придание нижнему самому главному слою небольших эффектов. Т.е. если ты наложила на фотографии текстуру льна, то будет ээфект у фото немного тканевый.

    ОтветитьУдалить
  33. Oksana, a kakoj u tebja fotoshop? Hochu kak u tebja. Ili posovetuesh`chto-to drugoe?

    ОтветитьУдалить
  34. дома уменя стоит CS3, на работе CS4- я бы посоветовала CS3, т.к. начиная с версии CS4 файлы при открытиии окна залипают к верхней панели-немного раздражает-хотя тоже привыкаешь. Я пользуюсь только англоязычным софтом, не знаю как на датском а на английском очень некорректный перевод.

    ОтветитьУдалить
  35. Оксана, вот еще что.
    Как удалит слой с фотографии ? Я щелкаю на крестик и у меня, естественно, все удаляется.
    И как отменит " операцию"? Ну началая, напр., вырезать, а мне не нравится, и хотелос бы вернут`ся к первоначалной фотке.
    Да, еще..:))
    Накладывала текстуру. Но она болше по размеру, чем фотка. Я пошла, посмотрела ширину и длину фотки, Такие же параментры установила на текстуре, но она вдруг стАла малйюсен`кая, почему? ( и вот тут-то предыдущий вопрос:) как ее тепер убрат с фотографии? )

    ОтветитьУдалить
  36. Приветик:-)
    1.Как удалит слой с фотографии ?
    нажымая на крестик ты или закрываешь сохраненный файл или удаляешь
    Слои у нас находятся в разделе layers: обычно в правом нижнем углу. Активировать его можно через панель Windows->layers
    левой клавишей мыши кликаешь на нужный слой а затем внизу окна на изображение урны(delete layer) или просто перетаскиваешь зажав лев. клавишей мыши нужный слой в корзину.
    2. Отменить операцию: открываешь окно History и в нем выбираешь до какого моента отменить (если только одну операцию надо отменить то Ctrl+Z, если больше то через History)
    3. по текстуре...значит не все параметры совпали, возможно Resolution разная, или у одной картинки в пикселях значение, у другой в инчах. Ты желай проще перетаскивай текстуру в файл со своей картинкой и там с помощью FreeTransform подгоняй размер.
    Вроде бы на всё ответила:-)

    ОтветитьУдалить
  37. Oksana, a cs5 ? Chto-to ja tolko takoj uvIdela.

    ОтветитьУдалить
  38. cs5 - это последняя, новая версия. Я еще не пробовала в нем работать. Не думаю, что принципиально отличается от предыдущеё версии-там только окна "залипают" к верхней панели при открытии, но у тебя еще нет привычек, поэтому быстро и легко привыкнешь и сработаешься

    ОтветитьУдалить
  39. oj... uspokOila :))) V subbotu uzhe nachnu igrAt`:))) Ne mogu dozgdat`sja.

    ОтветитьУдалить
  40. Оксана, а когда у тебЯ БУДЕТ масса времени, можеш`рассказат как в фотошопе вырезат и накладиват картинку. Ну, типа, самой откритку сделат?

    ОтветитьУдалить
  41. В интернете на эту тему очень много уроков. ты глняь, если не понятно будет спрашивай.
    Вот например:
    http://zxy.ucoz.ru/publ/4-1-0-13

    http://mymanual.narod.ru/design/primer_fotoeff/virezka/virezka.htm

    http://balbesof.net/article/a-74.html

    ОтветитьУдалить
  42. Oksana privet.
    Ja zastoporIlas na etom uroke
    http://www.thecoffeeshopblog.com/2010/06/coffeeshop-simply-vintage-tutorial-and.html
    na 4. Ne ponimaju, kuda i kak vstavljat eti cveta - forground color pink (hex#a6215a) to background color light blue (hex#b2d8f2). Put this layer in soft light blending mode.
    I eshhe...
    http://www.thecoffeeshopblog.com/2009/09/coffeeshop-editing-101-layer-masks.html
    chto-to moja kistochka ne risuet? Fotografija kak bila cherno-belaja , tak i ostalas?

    ОтветитьУдалить
  43. Приветики!
    Вот посмотри на этой картинке, я пометила стрелкой куда надо вставлять цифры.
    По второму вопросу: там же урок на маски, а в масках используется белый и черные цвета. У тебя в маске кисточка не рисует? то возможно надо цвета поменять (последняя картинка в файле). Или я не поняла?

    ОтветитьУдалить
  44. в этом урокеhttp:// они объясняют куда код цвета вставлять

    ОтветитьУдалить
  45. Оксана доброе утро:) Это я. ОПят.
    Оксан, я решила попробоват етот урок ( кстати, кое.что еще выучила)-
    http://www.thecoffeeshopblog.com/2010/10/coffeeshop-webboards-rounded-corners-1.html
    Это ведь, типа, коллажа? Вообщем, я скачала. Начала фотки вставлять. Толко некоторие и меня ну слишком мален`кие для етого окна, а некоторие через чур болшие.
    Фотки надо подгнят под ети окошки?

    ОтветитьУдалить
  46. Майечка привет! прости, так долго не отвечала...завалилась работой, что сразу не ответила и забыла:-( Я как понимаю это урок больше на маски, т.е. как вариант сделать закругленные уголки у картинки. Если у тебя картинка маленькая, ты можешь саму рамку подогнать под фотографию. Увеличение фоток-не есть хорошо, качество ухудшать не стоит. если не понятно, могу показать. дай знать:-)

    ОтветитьУдалить
  47. privet propAshaja:)
    Oksan, pokazhi, a ? Kogda vremja budet. Ne toropis.

    ОтветитьУдалить
  48. Спасибо огромное за такой замечательный МК, и ссылки, все ооочень красиво, теперь есть чем заняться:))))

    ОтветитьУдалить