DIWO.BY

Digital World - Уроки фотошоп

Как использовать текстуры – Урок 9

Если вы когда-нибудь бродили по сайту вроде Flickr.com, то наверняка заметили там на многих фотографиях «винтажный» эффект. Добиться его можно различными способами: начиная от простого изменения тональности до полного состаривания фотографии. С помощью наложения слоев можно добиться эффекта зернистости или царапин и других дефектов поверхности, которые будут придавать эффект старины. На первый взгляд это очень сложный и длительный процесс, однако, на деле всё достаточно просто: результат достигается с помощью использования текстур.

01-bylo-stalo.jpg

Что же такое текстура? В Фотошопе этот термин применим для изображения, которое накладывается поверх вашей фотографии. Текстур» необязательно должна иметь какую-либо структуру, на самом деле ею может являться что угодно, включая другую фотографию. В большинстве случаев текстурой будут являться сканированные или обычные фотографии старых листов бумаги, кусочков ткани, написанных вручную писем. Однако ею может быть и изображение облаков, каплей дождя на лобовом стекле, «боке», пузыри, отражения в воде и тому подобное. В этом и прелесть использования текстур, они могут представлять собой что угодно, а также многократно соединяться для создания широкого выбора различных эффектов.

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

Для этого нам понадобится Photoshop CS4 (подойдут любые версии, включая Elements), оригинальное изображение и парочка текстур. Вы также можете отсканировать или сфотографировать свою собственную текстуру, либо найти тысячи бесплатных текстур в Интернете на сайтах flickr или www.deviantart.com, которые вы сможете использовать в своей работе.

В этом случае я использовал текстуру бумаги похожую на эту (участник flickr Фёдор Умаров) и текстуру боке, которую можно взять здесь (участник flickr laughlinc). Обе они бесплатны для использования, согласно лицензии Creative commons.

Оригинальное изображение

02-original.jpg

Я выбрал это изображение из-за погруженного в раздумья объекта и достаточно негативного пространства. Мне очень нравится эта фотография, однако её можно немного «улучшить».

Шаг 1

03-step1.png

Открываем исходное изображение в Photoshop.

Шаг 2

04-step2.png

Открываем файл текстуры в Photoshop. Вот мой отсканированный лист старой бумаги. Теперь у вас должно быть 2 открытых файла в Photoshop. Перетаскиваем файл с текстурой на ваше исходное изображение, чтобы добавить его в виде слоя. Для пользователей CS4, перетаскиваем слой с текстурой на вкладку оригинального изображения (если вы используете вкладки), до тех пор пока отображается исходное изображение.

Шаг 3

05-step3.png

Изменяем размер слоя текстуры так, чтобы он охватывал все исходное изображение. Выбираем слой текстуры в палитре слоев, используем комбинацию клавиш Ctrl+T для изменения размера слоя текстуры. Растягиваем текстуру до необходимого размера. Нажимаем Enter для завершения изменения размера.

Шаг 4

06-step4.png

Именно здесь происходят чудеса. Мы собираемся изменить режим наложения слоя в палитре слоев. Режим наложения изменяет один слой, взаимодействуя со слоем (слоями) расположенными ниже. В данном случае мы начнем с Multiply (Умножение).

Шаг 5

07-step5.png

Сразу заметно, как мы придали изображению «больше винтажа». Этого легко добиться, руководствуясь вышеописанными шагами с любой фотографией, но давайте попробуем использовать еще один режим наложения.

Шаг 6

08-step6.png

Overlay помогает осветлить изображение, и хотя оно излишне яркое, мне этот вариант нравится больше. Прелесть слоев заключается в том, что мы можем корректировать их прозрачность и положение.

09-step6.png

Я остановился на режиме Saturation (Насыщенность), с прозрачностью слоя в 50%. Экспериментируйте.

Шаг 7

10-step7.png

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

Шаг 8

11-step8.png

Открываем дополнительную текстуру (здесь я использую текстуру «боке») и добавляем к вашим слоям, перетаскивая ее на исходное изображение.

Шаг 9

12-step9.png

Перемещаем дополнительную текстуру между копией фонового слоя и слоем первой текстуры. Режим наложения изменяем на Overlay (Перекрытие) с прозрачностью 100%. К тому же, очень интересно попробовать все варианты режимов наложения для получения желаемого результата.

Шаг 10

13-step10.png

14-step10.png

Самое трудное позади. На этом этапе нам необходимо лишь небольшое редактирование для создания того, что мы хотели увидеть. Здесь я добавил регулирующий слой цветового баланса для получения красных/жёлтых тонов.

Итог

15-itog.jpg

Финальное изображение. Прекрасный тон и создающее удивительную атмосферу качество. Мне нравится много больше, чем исходное изображение. Как уже было сказано, очень просто переусердствовать с таким эффектом, но вы всегда сможете вернуться в палитру Layers (Слои) и убрать ненужные слои, пока не добьетесь оптимального баланса цвета. Финальный результат с использованием текстур выглядит более впечатляющим, чем сам процесс. Это касается не каждого изображения, конечно, однако простой процесс использования текстур оказывает огромное влияние на вашу работу.


Аватар пользователя Yulia

ОГРОМНОЕ СПАСИБО!!! За все уроки. Доступно, понятно, с изображениями в пример.... СУПЕР!!! То что я так долго искала!!!
Скажите, а Вы планируете описать, как подретушировать лица на фото (Сделать их более бархатистыми, убрать блеск, тень под глазами... и др.)?


Аватар пользователя =)))

А где Overlay?


Аватар пользователя mrkaktooz

Overlay (Перекрытие) находится в списке режимов наложения, который расположен в панели Layers (Слои) в самом верху.


Аватар пользователя Гость

А где находится насыщенность?


Аватар пользователя mrkaktooz

Смотрите ответ к предыдущему комментарию. Насыщенность (Saturation) - один из режимов наложения.


Аватар пользователя Гость

((((((((((((((((((((((((((((((((((((((((((( как создать слой????????????????????????????????????????????


Аватар пользователя mrkaktooz

Создать новый слой можно 3-мя способами:
1 - В палитре Layers (Слои) в самом низу есть кнопочка Create a new layer (Создать новый слой) . Она 2-я справа, рядом с кнопочкой удаления слоя.
2. В меню выбрать Layer > New > Layer (Слой > Новый > Слой).
3 - С помощью комбинации клавиш Ctrl+Shift+N.


Аватар пользователя Гость

(Я думаю дело всетаки в размере. Какой размер кадров и сколько их? и на сколько вы уменьшали кадры?)
402,5к было,уменьшила до 98,6к.
Всего кадров было 50,потом,я подумала,что их очень много и удалила,сделала 18 кадров,но все равно пишет ошибку.


Аватар пользователя mrkaktooz

Очень странно. У меня таких проблем не возникало при 2-х мб кадре и их количестве 13. Скорее всего это зависит от конфигурации системы.

И еще. Попробуйте задать вопрос на форуме. Возможно кто-то уже сталкивался с этой проблемой.


Аватар пользователя Гость

Спасибо.)


Аватар пользователя Гость

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


Аватар пользователя Гость

Отличный урок! большое спасибо а если ищё поексперементировать с резкостью и размытостью то очень даже ничего.


Аватар пользователя Гость

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

проблема в том что у меня CS 4 и я не понимаю как сделать так что бы 2 файл был слоем 1 пожалуста подскажите!


Аватар пользователя mrkaktooz

Для начала перетащите вкладку второго файла на изображение первого. У вас второй файл откроется в отдельном окошке. Потом выберите слой со вторым изображением с в палитре Layers (Слои) и перетащите его на первое изображение. Или кликните правой кнопке на слое второго изображения в палитре Layers(Слои) и выберите Duplicate Layer... (Создать дубликат слоя...). В появившемся окошке, в списке Document (Документ) выберите документ с первым изображением и нажмите кнопку ОК (Да).


Аватар пользователя Гость

А у меня не получилось((( не опнимаю, как наложить одно изображение на другое (шаг 3)


Аватар пользователя mrkaktooz

Открываете файл с текстурой. Копируете его в документ с вашей картинкой. Затем, уже в документе с картинкой и текстурой выбираете слой с текстурой в палитре слоев и нажимаете Ctrl+T или Edit>Free Transform (Правка>Свободная трансформация). Затем тягайте за маркеры (квадратики по углам текстуры) пока не добьетесь нужного размера. Чтобы подтвердить изменения нажмите Enter.


Аватар пользователя Гость

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


Аватар пользователя Гость

и доступней


Аватар пользователя mrkaktooz

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

templ_2.jpg


Аватар пользователя vt vt

Здравствуйте! Очень классные и полезные уроки, спасибо! Мне только не понятен шаг 10 и у себя я такого не могу найти. У меня cs4 (рус).


Аватар пользователя mrkaktooz

Выберите в меню Image>Adjustments>Color Balance (Изображение>Коррекция>Цветовой баланс). Или в меню Window>Adjustments(Окно>Коррекция). У вас появится палитра Adjustments (Коррекция). В ней выберите значок с весами Color Balance (Цветовой баланс)


Аватар пользователя vt vt

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


Аватар пользователя Гость

Спасибо большое,очень помагают ваши уроки,начинаю больше ориентироваться в фотошопе! :-*


Аватар пользователя Гость

Классно Спасибо!!!!


Аватар пользователя Гость

а где найти текстуру???


Аватар пользователя mrkaktooz

вот здесь можете скачать много текстур


Аватар пользователя koshechka

Шаг 10. Мне не совсем понятно как появился слой Color Balance 1 в палитре Layers, как-то вы этот момент пошагово не осветили...?


Аватар пользователя koshechka

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


Аватар пользователя mrkaktooz

это может зависеть от вашего фото.


Аватар пользователя Дафунтий

ааа не получилось переместить текстуру как у вас получилось открыть только как вкладку (((


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

спасибо)


Аватар пользователя Гость

У МЕНЯ ПОЧЕМУ-ТО КОГДА Я ПЕРЕТАСКИВАЮ ТЕКСТУРУ НА ИСХОДНОЕ ИЗОБРАЖЕНИЕ ПОЛУЧАЕТСЯ ОДИН СЛОЙ((


Аватар пользователя prokaZzo

Классный урок! Спасибо большое!


Аватар пользователя Танюша

Ух ты. Прямо с первого раза все получилось. Спасиииибо!

Танчик


Аватар пользователя Tip-top

Отличный урок!
Thanks)


Аватар пользователя Sid_Sid

скажите пожалуйста , как в окне слоёв поместить разные картинки ?


Аватар пользователя mrkaktooz

вот тут посмотрите


Аватар пользователя Alice Brune

Открываем дополнительную текстуру (здесь я использую текстуру «боке») и добавляем к вашим слоям, перетаскивая ее на исходное изображение

как это делать????скажите пожалуйстаа!


Аватар пользователя mrkaktooz

в предыдущем комментарии есть ответ)


Аватар пользователя valentina

Очень интересно...а главное доступно и понятно..Большое спасибо!!!


Аватар пользователя Женюлька

а где можно практиковаться? У вас эта программа скачивается?


Аватар пользователя OkSi®

хотела спросить, зачем дублируется слой, потом перечитала и поняла, там надо было прозрачность увеличить ))) Спасибо за урок! Интересно!!))
вот, что у меня получилось..)) толкьо вот без верхнего слоя... может, мягче фотка была бы...
222.jpg


Аватар пользователя Koch1

Спасибо большое! очень нужный урок!


Аватар пользователя 811

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


Аватар пользователя Алина

А где найти дополнительную текстуру «боке»?


Аватар пользователя nastya_251

а как добавить изображение в виде слоя?
шаг 3!


Аватар пользователя mrkaktooz

Вот тут посмотрите как все делается


Аватар пользователя Алевтина

Спасибо за урок! Вот, что получилось123456.jpg
Скажите пожалуйста, а можно сделать так, чтобы текстуру на теле было не видно?


Аватар пользователя Гость

Можно) пасатри тут http://narod.ru/disk/27873554001/texture_portrait_mp4.zip.html


Аватар пользователя Алевтина

А у вас есть урок, где учат фигуру стройнее делать, как в журналах?))))


Аватар пользователя vladeffekt

Вот такое получилось:


Аватар пользователя shureiman

красиво)


Аватар пользователя Гость

не знаю почему,но у меня вообще не чего не получается:(


Аватар пользователя Гость

Спасибо, спасибо большое!!


Аватар пользователя Nadeya_lucky

а я вообще застопорилась в начале..

Открываем файл текстуры в Photoshop....это как???я найти не могу


Аватар пользователя Гость

Спасибо за урок!! полезно и понятно!


Аватар пользователя эви

я не могу скачать полотно вот это оранжевое которое в начале =(


Аватар пользователя teffi

помогите пожалуйста чайнику!!!!!! как перетащить изображение с текстурой в шаге 2???

У меня непритязательный вкус: мне вполне достаточно самого лучшего...


Аватар пользователя Гость

супер,спасибо,у вас всегда отличные уроки)хотелось бы еще подобных уроков,с более маловыми цветани)можно?когда новые уроки будут????????


Аватар пользователя оляaofud

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


Аватар пользователя оляaofud

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


Аватар пользователя Юся

у меня 1слой закрывает задний!получается так что текстура встает на место фотографии и дальше я уже ничего сделать не могу...объясните почему так...и что мне сделать????заранее спасибо!!!!


Аватар пользователя Гость

у меня тоже ни чё не получается


Аватар пользователя Гость

извините за тупой вопрос , но зачем вообще нужны слои ??


Аватар пользователя mrkaktooz

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


Аватар пользователя Надежда Гость

Я сильно извиняюсь, все поняла, все здорово.
Единственное, когда перетаскиваю текстуру на исходное изображение и растягиваю его.. качество становится ужасным.
причина в том, что у меня Ps cs3 или может фотографии не подходят по размерам? Sad
уже несколько раз переделывала разными вариантами, ничего не меняется


Аватар пользователя mrkaktooz

Да, изображение, которые вы растягиваете, наверняка гораздо меньше чем второе. Попробуйте найти текстуру (если вы ее растягиваете) похожего размера или большего. Если не найдете, то сделайте наоборот, поместите исходное изображение в документ с текстурой и уменьшите его. Правда в этом случае результат будет маленького размера. Тут еще все зависит от того, где вы будут использовать готовое изображение, может вам подойдет и меньшего размера.


Аватар пользователя Гость

)))


Аватар пользователя Гость

Я просто в шоке от вашей терпимости к комментариям Smiling) спасибо за уроки!


Аватар пользователя Гость

Огромное вам спасибо!!!! Наконец-то нашла то, что искала уже пол года!!!!

Отправить комментарий

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
  _     _____   _       _      _               
| |_ | ____| | | | | / \ __ __
| __| | _| | | | | / _ \ \ \ /\ / /
| |_ | |___ | |___ | | / ___ \ \ V V /
\__| |_____| |_____| |_| /_/ \_\ \_/\_/
Введите код, изображенный в стиле ASCII-арт.