Toderelt.ru

ПК Журнал ТодерельТ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Photoshop за 60 Секунд: Как Создать Простой Геометрический Паттерн

Photoshop за 60 Секунд: Как Создать Простой Геометрический Паттерн.

Final product imageFinal product image Final product imageWhat You’ll Be Creating

Добро пожаловать на нашу серию Photoshop за 60 секунд, в которой вы научитесь навыкам работы в Photoshop, узнаете особенности программы, и техники работы в ней всего за минуту!

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

Шаг 1

Давайте создадим несколько цветовых вариаций.

Нажмите Control-J чтобы создать копию слоя с текстурой.

Duplicate the denim texture

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

Объедините слои, когда найдете желаемый вариант.

Original denim vs new color

Вот как выглядят эксперименты с режимом наложения:

Different Denim Colors

Шаг 2

Теперь при помощи инструмента Rectangular Marquee/Прямоугольная область (M) выделите всю вашу работу. В меню выберите Edit > Define Pattern/Редактировать>Определить узор.

Теперь вы в любое время сможете найти свой узор в палитре Preset Manager/Управление наборами.

Применение узоров Photoshop

Теперь мы можем использовать узоры из набора «Скалы». Давайте рассмотрим способы их применения.

Инструмент «Заливка» (Fill, Shift+F5): заливка узором выделенной области

Самый простой способ применения узора — это выделить область, которую необходимо заполнить вашим рисунком, а затем с помощью команды Редактирование —> Выполнить заливку (Edit —> Fill) залить выделение.
Например, вы можете использовать инструмент «Прямоугольная область» (Rectangular Marquee Tool), чтобы создать выделение где-либо на холсте, пройти о вкладке Редактирование —> Выполнить заливку, откроется диалоговое окно «Заполнить» (Fill), в окне в разделе «Использовать» (Use) выбираете пункт «Регулярный» (Pattern), затем кликаете по цветному квадратику, выбираете узор из тех, которые мы загрузили в менеджере, нажимаете ОК:

5

Команда «Заливка» (Fill) является самым простым способом нанесения узора на весь холст или его часть, кроме того, Вы можете использовать её на отдельном слое, а это означает, что вы можете вносить изменения в этот слое, не затрагивая другие слои.

Стиль слоя «Наложение узора» (Pattern Overlay)

Подробно работа с этим стилем слоя описывается здесь.

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

Откройте диалоговое окно этого стиля слоя, выберите узор и примените стиль, подробнее читайте здесь:

s

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

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

Читать еще:  Free Screen Video Recorder - что за программа, как пользоваться

Инструменты рисования

Кроме этого, узоры на холст можно накладывать с помощью инструментов «Узорный штамп» (Pattern Stamp Tool) и «Заливка» (Paint Bucket Tool).

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

Тем не менее, работа этими инструментами займет гораздо больше времени, чем применения стиля слоя или заливки. Кроме того, при использовании «Узорного штампа» результаты могут быть непредсказуемыми.

Сводная таблица: применение узоров Photoshop:

  • Простота в использовании
  • Может находиться на отдельном слое, которым Вы можете манипулировать независимо от других слоёв
  • Отлично подходит для заполнения больших площадей
  • Зависит от инструментов выделения Photroshop, а, значит, возможны трудности с заливкой некоторых объектов
  • Легко наносится на сложные объекты и формы
  • Имеет множество вариантов нанесения, Вы можете настроить такие параметры, как непрозрачность, масштаб и режим наложения
  • Возможность перемещать узор по холсту курсором мыши
  • Находится на одном и том же слое с объектом нанесения, а значит, любые изменения влияют на слой
  • Лучшая управляемость и контроль
  • Может быть сделана на отдельном слое, которым вы можете манипулировать независимо от других слоёв
  • Отлично подходит для нерегулярного применения шаблонов
  • Результаты можно смотреть в процессе нанесения
  • Займет более длительное время и требует навыков при применении узора по сравнению с другими методами
  • Результаты могут получиться неожиданные и нежелательные

How to Use a Basic Pattern in Photoshop

Open the image you'd like to use as a fill.

If you want to use the entire image as your fill, go to Select > Select All. Otherwise, use the Rectangle Marquee tool to make a selection.

Go to Edit > Define Pattern to open the Define Pattern dialog box. Give your selection a name and click OK.

Pattern Name > OK

Open another image, or create a new one.

Select the layer you want to fill, or make a selection using one of the selection tools such as the Rectangular Marquee.

Go to Edit > Fill to open the Fill dialog box. Select the Custom Pattern pop-down.

Edit > Fill

Open the Custom Pattern drop-down menu to access a selection of patterns that are installed with Photoshop and any patterns you may have created previously. Click the pattern you wish to apply.

Читать еще:  Как работать с программой Wise Registry Cleaner: установка, настройка

Custom pattern dropdown

Leave the Script checkbox deselected. In Photoshop CS6 and later, scripted patterns are JavaScripts that randomly place an item defined as a pattern either in the selection or on a layer.

Unchecked Script box

Choose a Blending Mode to have your pattern interact with the colors of the pixels of the image it is placed over, especially if it is on a separate layer.

Blending Mode

Click OK. This is the result:

Photoshop fill

Рисуем модный паттерн в Adobe Illustrator

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

Final product image

1. Разрезаем круг

Инструментом Ellipse/Эллипс (L) нарисуйте круг. Копируйте (Control-C) и вставьте (Control-V) круг, и убедитесь что он идеально выровнен со вторым кругом. Выделите верхний круг и в меню выберите Effect > Distort & Transform > Pucker & Bloat/Эффект>Искажение и трансформация>Втягивание и раздувание. Установите слайдер на значение -71% . Теперь Expand/Разберите фигуру, выбрав этот пункт в меню Object/Объект .

Выделите обе фигуры — круг и созданную в прошлом шаге. Инструментом Shape Builder/Создание фигур (Shift-M) разделите каждую из секций. Фигуры из центра круга а также за его пределами должны быть удалены ( Delete) .

2. Базовая структура паттерна

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

Дублируйте круги с оформлением три раза и разместите их в узор как показано ниже. Это приведет к образованию посредине скругленного квадрата, который делает дизайн еще интереснее. Однако если вы хотите избежать этого, вы можете иначе настроить параметры втягивания в Шаге 1. Поэкспериментируйте с параметрами цветов и сделайте серединку кремового цвета. Для этого нарисуйте большой круг, покрывающий прореху и выделите центр инструментом Shape Builder/Создание фигур .

Удалите все лишние фигуры так, чтобы у вас остался 21 элемент. Дублируйте центральный кремовый элемент и разместите копии с каждого края. Это позволит вам заполнить расстояние между кругами в узоре. Сгруппируйте ( Group) все составляющие узора.

3. Собираем узор

Сгруппируйте ( Group) составляющие вашего узора. Дублируйте группу и разместите ее как показано ниже. Заполните прорехи как мы делали это во второй части урока.

Читать еще:  Исправление ошибки с файлом vorbis.dll

После того как у ваш паттерн разрастется до необходимых размеров, используйте инструмент Rectangle/Прямоугольник (M), чтобы указать границы узора. Нарисуйте прямоугольник поверх узора, выделите все элементы и нажмите иконку divide/разделить в палитре Pathfinder/Обработка контура . Удалите все элементы за пределами прямоугольника.

4. Цвета, градиенты и паттерн!

Выделите все внутренние фигурки (в форме звезды) и убедитесь что они залиты одинаковым кремовым цветом. Также раскрасьте цветные части узора так, как мы задумывали во второй части урока.

Выделите цветные части узора, дублируйте их. Примените к ним линейный градиент от фиолетового, коричневого или темно-бордового на 100% Opacity/Непрозрачности до 0% . Укажите фигурам Blend Mode/Режим наложения Soft Light/Мягкий цвет на 58% Opacity/Непрозрачности .

Для внутренних деталей узора нам понадобится две группы градиента. Для начала используйте такой же линейный градиент что и выше, только укажите 90° Angle/Угол . Укажите Blend Mode/Режим наложения Soft Light/Мягкий свет в палитре Transparency/Прозрачность .

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

Откройте палитру Pattern Options/Настройки узора и нажмите Make Pattern/Создать узор . Поэкспериментируйте с параметрами Tile Type/Тип плитки и Brick Offset/Смещение деталей . В примере выбран Grid/Сетка в качестве типа плитки, а второй параметр не имеет значения.

Упражнения:

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

Placeholder

Placeholder

Placeholder

Placeholder

Placeholder

Placeholder

Мы надеемся, что наше вдохновение и наша страсть к созданию орнаментов передадутся и вам!

Заливка фона паттерном

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

Для этого, после создания нового документа (абсолютно любого), нажмите SHIFT+F5. Перед нами появится окно с настройками заполнения. Выбираем в пункте “Использовать” – “Регулярный”. После, в пункте “Заказной узор”, выбираем наш паттерн и кликаем “ОК”.

Заливка фона паттерноме в Фотошопе

Заливка фона паттерном в Фотошопе

Результат выглядит таким образом:

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector