С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание бесшовной текстуры из фото в Фотошопе

Создание бесшовной текстуры из фото в Фотошопе

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

 

Предварительный просмотр

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Ресурсы

 

Металлическая панель

 

Шаг 1

 

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

 


 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 2

 

Для начала нужно избавиться от искажений и виньетки. Вы можете сделать это легко и быстро с помощью инструмента Коррекция дисторсии (Lens Correction) (Фильтр> Коррекция дисторсии (Filter> Lens Correction)). Ваше фото должно иметь свои оригинальные метаданные камеры для этой работы. Photoshop должна автоматически определить параметры и применить коррекцию для вас. Если это не сработает, то перейдите в другую вкладку и измените настройки вручную.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

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

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 3

 

Если ваша текстура имеет линии, которые простираются от одной стороны к другой, как вертикальные линии на фото, то вам необходимо использовать фильтр Адаптивный широкий угол (Adaptive Wide Angle), чтобы выровнять их так, чтобы они стали совершенно горизонтальными / вертикальными. В выпадающем меню в качестве метода коррекции выберите пункт Перспектива (Perspective). Далее удерживая нажатой клавишу Shift на клавиатуре, нарисуйте линии коррекции на любой линии в фотографии. Убедитесь, что они идеально соответствуют друг другу. Нажмите кнопку ОК.

 


 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 4

 

Выберите инструмент Кадрировать (Crop). В панели управления выбранным инструментом установите галочку Удалить отсечённые пиксели (Delete Cropped Pixels).

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Обрежьте прозрачные области из кадра.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 5

 

Перейдите в меню Изображение> Размер холста (Image> Canvas Size). Установите ширину и высоту на 200 процентов, измените расположение на верхний правый угол, а затем нажмите кнопку OK.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

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

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 6

 

Дублируйте слой (Ctrl + J), затем перейдите в меню Редактирование> Трансформирование> Отразить по горизонтали (Edit> Transform> Flip Horizontal). Используйте инструмент Перемещение (Move tool), чтобы переместить изображение в верхний правый угол.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Объедините слои (Ctrl + E), дублируйте объединенный слой (Ctrl + J). Выберите дубликат и перейдите в меню Редактирование> Трансформирование> Отразить по вертикали (Edit> Transform> Flip Vertical). Используйте инструмент Перемещение (Move tool), чтобы переместить изображение на нижний край. Нажмите комбинацию клавиш Ctrl + E, чтобы объединить оба слоя.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 7

 

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

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Используйте инструмент Точечная восстанавливающая кисть (Spot Healing Brush) для удаления некоторых из этих повторяющихся узоров.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 8

 

Если ваша текстура выглядит хорошо, то всё отлично! Вы можете использовать фильтр Сдвиг (Offset) (Фильтр> Другое> Сдвиг (Filter> Other> Offset)), чтобы компенсировать ваше изображение перед сохранением.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Теперь вы можете заметить ещё более повторяющиеся узоры, которые можно удалить используя лечащую кисть. Вот так выглядит изображение после смещения. Вы можете также использовать инструмент Перемещение с учётом содержимого (Content-Aware Move Tool) (новая функция в Photoshop CS6) для перемещения других отличительных частей в другие области.

 

 

 

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Шаг 9

 

Далее из этого изображения нужно сделать текстуру, для этого перейдите в меню Редактирование> Определить узор (Edit> Define Pattern). Затем добавьте слой регулировки Узор (Pattern) (Слои> Новый слой-заливка> Узор (Layer> New Layer Fill> Pattern)), используйте настройки как на изображении ниже, а затем перетащите его в любое место экрана, чтобы изменить шаблон. Удалить этот слой, когда вы закончите просмотр.

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Финальное изображение

 

 

Создание бесшовной текстуры из фото в Фотошопе

 

 

Вот и всё. Бесшовная текстура готова. Урок по теме - Как правильно добавить новые текстуры в Фотошоп.

 

 


Автор урока: photoshoptutorials.ws

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник

 



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 12.03.2013
  •   Просмотров: 10629
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки