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

Что же такое текстура? В Фотошопе этот термин применим для изображения, которое накладывается поверх вашей фотографии. Текстур» необязательно должна иметь какую-либо структуру, на самом деле ею может являться что угодно, включая другую фотографию. В большинстве случаев текстурой будут являться сканированные или обычные фотографии старых листов бумаги, кусочков ткани, написанных вручную писем. Однако ею может быть и изображение облаков, каплей дождя на лобовом стекле, «боке», пузыри, отражения в воде и тому подобное. В этом и прелесть использования текстур, они могут представлять собой что угодно, а также многократно соединяться для создания широкого выбора различных эффектов.
Конечно, такое разнообразие может сбить вас с толку, поэтому для того, чтобы прояснить ситуацию, я предлагаю вам пошагово разобраться в том, как использовать несколько текстур, которые помогут сделать хорошее фото очень интересным. Очень легко переусердствовать с текстурами, поэтому я стараюсь не уходить далеко от оригинала, но вы можете поступать как вам вздумается, используя сколько угодно текстур.
Для этого нам понадобится Photoshop CS4 (подойдут любые версии, включая Elements), оригинальное изображение и парочка текстур. Вы также можете отсканировать или сфотографировать свою собственную текстуру, либо найти тысячи бесплатных текстур в Интернете на сайтах flickr или www.deviantart.com, которые вы сможете использовать в своей работе.
В этом случае я использовал текстуру бумаги похожую на эту (участник flickr Фёдор Умаров) и текстуру боке, которую можно взять здесь (участник flickr laughlinc). Обе они бесплатны для использования, согласно лицензии Creative commons.
Оригинальное изображение

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

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

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

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

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

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

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

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

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

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

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


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

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




ОГРОМНОЕ СПАСИБО!!! За все уроки. Доступно, понятно, с изображениями в пример.... СУПЕР!!! То что я так долго искала!!!
Скажите, а Вы планируете описать, как подретушировать лица на фото (Сделать их более бархатистыми, убрать блеск, тень под глазами... и др.)?
А где Overlay?
Overlay (Перекрытие) находится в списке режимов наложения, который расположен в панели Layers (Слои) в самом верху.
А где находится насыщенность?
Смотрите ответ к предыдущему комментарию. Насыщенность (Saturation) - один из режимов наложения.
((((((((((((((((((((((((((((((((((((((((((( как создать слой????????????????????????????????????????????
Создать новый слой можно 3-мя способами:
1 - В палитре Layers (Слои) в самом низу есть кнопочка Create a new layer (Создать новый слой) . Она 2-я справа, рядом с кнопочкой удаления слоя.
2. В меню выбрать Layer > New > Layer (Слой > Новый > Слой).
3 - С помощью комбинации клавиш Ctrl+Shift+N.
(Я думаю дело всетаки в размере. Какой размер кадров и сколько их? и на сколько вы уменьшали кадры?)
402,5к было,уменьшила до 98,6к.
Всего кадров было 50,потом,я подумала,что их очень много и удалила,сделала 18 кадров,но все равно пишет ошибку.
Очень странно. У меня таких проблем не возникало при 2-х мб кадре и их количестве 13. Скорее всего это зависит от конфигурации системы.
И еще. Попробуйте задать вопрос на форуме. Возможно кто-то уже сталкивался с этой проблемой.
Спасибо.)
А Вы бы не могли написать урок по созданию красивой анимации.Анимационных аватар,с эфектами,например,освещения,перехода и тд.Очень нужно,а Вы пишите очень понятно и доступно
Отличный урок! большое спасибо а если ищё поексперементировать с резкостью и размытостью то очень даже ничего.
Перетаскиваем файл с текстурой на ваше исходное изображение, чтобы добавить его в виде слоя. Для пользователей CS4, перетаскиваем слой с текстурой на вкладку оригинального изображения (если вы используете вкладки), до тех пор пока отображается исходное изображение.
проблема в том что у меня CS 4 и я не понимаю как сделать так что бы 2 файл был слоем 1 пожалуста подскажите!
Для начала перетащите вкладку второго файла на изображение первого. У вас второй файл откроется в отдельном окошке. Потом выберите слой со вторым изображением с в палитре Layers (Слои) и перетащите его на первое изображение. Или кликните правой кнопке на слое второго изображения в палитре Layers(Слои) и выберите Duplicate Layer... (Создать дубликат слоя...). В появившемся окошке, в списке Document (Документ) выберите документ с первым изображением и нажмите кнопку ОК (Да).
А у меня не получилось((( не опнимаю, как наложить одно изображение на другое (шаг 3)
Открываете файл с текстурой. Копируете его в документ с вашей картинкой. Затем, уже в документе с картинкой и текстурой выбираете слой с текстурой в палитре слоев и нажимаете Ctrl+T или Edit>Free Transform (Правка>Свободная трансформация). Затем тягайте за маркеры (квадратики по углам текстуры) пока не добьетесь нужного размера. Чтобы подтвердить изменения нажмите Enter.
всё равно не получается
как копировать? поподробней если можно
и доступней
После того как вы открыли оба файла у вас должно быть 2 вкладки с названиями ваших файлов. берем вкладку с текстурой и перетаскиваем в любое место рабочей области, для того чтобы ваша текстура открылась в отдельном окошке. Теперь когда у вас видны оба документа, берете слой с текстурой и тянете в документ с исходным изображением. Вот пример из одного нашего урока.
Здравствуйте! Очень классные и полезные уроки, спасибо! Мне только не понятен шаг 10 и у себя я такого не могу найти. У меня cs4 (рус).
Выберите в меню Image>Adjustments>Color Balance (Изображение>Коррекция>Цветовой баланс). Или в меню Window>Adjustments(Окно>Коррекция). У вас появится палитра Adjustments (Коррекция). В ней выберите значок с весами Color Balance (Цветовой баланс)
Спасибо, сегодня все получилось. Но вчера я почему то не могла открыть значек с весами сколько на него не нажимала. Еще раз спасибо, буду дальше осваивать Ваши уроки.
Спасибо большое,очень помагают ваши уроки,начинаю больше ориентироваться в фотошопе! :-*
Классно Спасибо!!!!
а где найти текстуру???
вот здесь можете скачать много текстур
Шаг 10. Мне не совсем понятно как появился слой Color Balance 1 в палитре Layers, как-то вы этот момент пошагово не осветили...?
а, все.. нашла)) но мое финальное изображение все равно несколько другое, красно-желтых тонов заметно не хватает в сравнении с вашим, вроде делала все точь-в-точь..(
это может зависеть от вашего фото.
ааа не получилось переместить текстуру как у вас получилось открыть только как вкладку (((
Вот прочитайте урок как поместить одно изображение в другое
спасибо)
У МЕНЯ ПОЧЕМУ-ТО КОГДА Я ПЕРЕТАСКИВАЮ ТЕКСТУРУ НА ИСХОДНОЕ ИЗОБРАЖЕНИЕ ПОЛУЧАЕТСЯ ОДИН СЛОЙ((
Классный урок! Спасибо большое!
Ух ты. Прямо с первого раза все получилось. Спасиииибо!
Танчик
Отличный урок!
Thanks)
скажите пожалуйста , как в окне слоёв поместить разные картинки ?
вот тут посмотрите
Открываем дополнительную текстуру (здесь я использую текстуру «боке») и добавляем к вашим слоям, перетаскивая ее на исходное изображение
как это делать????скажите пожалуйстаа!
в предыдущем комментарии есть ответ)
Очень интересно...а главное доступно и понятно..Большое спасибо!!!
а где можно практиковаться? У вас эта программа скачивается?
хотела спросить, зачем дублируется слой, потом перечитала и поняла, там надо было прозрачность увеличить ))) Спасибо за урок! Интересно!!))

вот, что у меня получилось..)) толкьо вот без верхнего слоя... может, мягче фотка была бы...
Спасибо большое! очень нужный урок!
После того, как делаю умножение и перекрытие, а потом приступаю к насыщению,предыдущие 2 режима пропадают, остается одно только насыщение.как сделать так, чтобы все три были использованы?
А где найти дополнительную текстуру «боке»?
а как добавить изображение в виде слоя?
шаг 3!
Вот тут посмотрите как все делается
Спасибо за урок! Вот, что получилось
Скажите пожалуйста, а можно сделать так, чтобы текстуру на теле было не видно?
Можно) пасатри тут http://narod.ru/disk/27873554001/texture_portrait_mp4.zip.html
А у вас есть урок, где учат фигуру стройнее делать, как в журналах?))))
Вот такое получилось:

красиво)
не знаю почему,но у меня вообще не чего не получается:(
Спасибо, спасибо большое!!
а я вообще застопорилась в начале..
Открываем файл текстуры в Photoshop....это как???я найти не могу
Спасибо за урок!! полезно и понятно!
я не могу скачать полотно вот это оранжевое которое в начале =(
помогите пожалуйста чайнику!!!!!! как перетащить изображение с текстурой в шаге 2???
У меня непритязательный вкус: мне вполне достаточно самого лучшего...
супер,спасибо,у вас всегда отличные уроки)хотелось бы еще подобных уроков,с более маловыми цветани)можно?когда новые уроки будут????????
как Перетащить файл с текстурой на исходное изображение, чтобы добавить его в виде слоя???это урок 9,и я что то не понимаю
Перетаскиваем файл с текстурой на ваше исходное изображение, чтобы добавить его в виде слоя.как это сделать??
у меня 1слой закрывает задний!получается так что текстура встает на место фотографии и дальше я уже ничего сделать не могу...объясните почему так...и что мне сделать????заранее спасибо!!!!
у меня тоже ни чё не получается
извините за тупой вопрос , но зачем вообще нужны слои ??
Представьте что вам нужно нарисовать круг, а в нем звезду. Нарисовали круг, весь такой ровненький и потом в нем нарисовали звезду, но она получилась кривая. Так вот если все сделать на одно слое, то скорее всего придется перерисовать заново и круг и звезду, хотя круг получился очень даже ничего.. но если вы круг нарисовали на одном слое, а звезду на другом, то вы просто можете удалить или изменить слой со звездой, не трогая уже готовый круг. Это всего лишь маленькая часть от того, для чего нужны слои)
Я сильно извиняюсь, все поняла, все здорово.
Единственное, когда перетаскиваю текстуру на исходное изображение и растягиваю его.. качество становится ужасным.
причина в том, что у меня Ps cs3 или может фотографии не подходят по размерам?
уже несколько раз переделывала разными вариантами, ничего не меняется
Да, изображение, которые вы растягиваете, наверняка гораздо меньше чем второе. Попробуйте найти текстуру (если вы ее растягиваете) похожего размера или большего. Если не найдете, то сделайте наоборот, поместите исходное изображение в документ с текстурой и уменьшите его. Правда в этом случае результат будет маленького размера. Тут еще все зависит от того, где вы будут использовать готовое изображение, может вам подойдет и меньшего размера.
)))
Я просто в шоке от вашей терпимости к комментариям
) спасибо за уроки!
Огромное вам спасибо!!!! Наконец-то нашла то, что искала уже пол года!!!!
Отправить комментарий