Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

191 979 чел. 391 720 работ 4 051 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Рисуем геометрическую текстуру в Фотошоп

В этом уроке вы узнаете, как создать трехмерную бесшовную текстуру с геометрическими элементами.

1. Создание документа

Шаг 1

Создам новый файл размером 600 х 1000 пикселей.

Шаг 2

Переходим View - Snap (Просмотр - Привязка), чтобы активировать привязку.

Затем View - Show - Grid (Просмотр - Показать - Сетка).

Теперь рабочее полотно должно выглядеть вот так:

2. Создание геометрического элемента

Шаг 1

Активируем Rectangle Tool (U) (Прямоугольник) и рисуем квадрат, как показано ниже (цвет #e1e1e1). Положение элемента не имеет значения.

Шаг 2

Активируем Direct Selection Tool (A) (Частичное выделение).

Хватаем два правых узелка и перемещаем их вверх, как показано ниже.

Шаг 3

Дважды дублируем элемент (Command/Ctrl+J) и размещаем копии, как показано ниже. Убедитесь, что между элементами нет просветов! Отключите сетку, чтобы проверить.

Переименовываем эти слои.

Шаг 4

Выделяем все три слоя и дублируем, перетащив на иконку Create a New Layer (Создать новый слой) на панели слоев.

Переименовываем слои.

Выделяем все три слоя "Left Side..." и переходим Edit - Transform - Flip Horizontal (Редактирование - Трансформация - Отразить по горизонтали).

Размещаем элемент, как показано ниже, используя инструмент Move Tool (V) (Перемещение).

Активируем Direct Selection Tool (A) (Частичное выделение) и меняем цвет левых элементов на #c2c2c2.

Выделяем верхний ряд элементов, затем дублируем их и переименовываем.

Меняем цвет элементов на черный и размещаем, как показано ниже.

Активируем Direct Selection Tool (A) (Частичное выделение) и удаляем узелки в самых верхних углах крайних элементов, как показано ниже.

3. Создание текстуры

Шаг 1

Группируем все слои.

Дублируем группу столько раз, чтобы покрыть элементами небольшую область рабочего полотна.

Шаг 2

Активируем Crop Tool (C) (Кадрирование) и вырезаем часть текстуры, как показано ниже.

4. Сохранение новой текстуры

Шаг 1

Вырезав кусок текстуры, жмем Command/Ctrl+A, чтобы выделить весь документ, затем переходим Edit - Define Pattern (Редактирование - Определить узор).

Вводим название текстуры.

Шаг 2

Теперь мы можем залить документ нашей новой текстурой. Создаем новый файл любого размера (в уроке использован размер 3000 х 3000 пикселей). Жмем Command/Ctrl+A, чтобы выделить весь документ.

Шаг 3

После этого переходим Edit - Fill (Редактирование - Заливка).

В выпадающем меню выбираем Pattern (Узор), затем в Custom Pattern (Заказной узор) находим нашу текстуру и жмем OK.

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

Шаг 4

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

Автор: Grant Friedman

Переводчик: Daewon

Комментарии 28

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Не смогла удержаться, считайте закрепление материала

Немного "украсила" работу.

Урок простой и полезный, очень нужный! Спасибо!

Спасибо, хороший урок!

У меня такой вырвиглаз))) Спасибо!

Спасибо за урок.Сделала себе пару текстур.

чуть по другой методике....

Спасибо за урок!Светлана, спасибо за помощь, как всегда-быстро и четко!!!

Спасибо!! Очень увлекательно.

Спасибо за урок и перевод

очень понравилось, спасибо)

Спасибо, отличный урок. CS6:

Спасибо за интересный урок.

Спасибо за урок! Замучался с обрезкой изображения, чтобы подогнать под 100 кб.

Спасибо за перевод и урок, было интересно.

Спасибо за урок! Всегда пригодится.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules