Новый узор в фотошопе. Как сделать простой и красивый узор - геометрический орнамент

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

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

Что такое узор в фотошопе?

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

Узор - это небольшое изображение представляющее собою сочетание переплетение линий, красок, теней.

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

Создание собственного узора в фотошопе

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

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


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


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



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


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


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


Теперь еще раз кликнем по изображению правой кнопкой мыши и в выпавшем меню выбираем «удалить контур ».

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


Вот и все узор создан, по такому принципу можно сделать любой узор в фотошопе. Работать с созданными узорами можно при помощи различных инструментов, об этом можно прочитать и . Удачных экспериментов в создание узоров (pattern), и не забудьте подписаться на новые статьи сайта .

Применение узоров в Adobe Photoshop является необходимым процессом творчества для добавления различных интересных элементов в дизайне.

Узоры просты в использовании, но они могут значительно влиять на восприятие ваших композиций и гармонично дополнять их. В этом уроке Фотошоп вы узнаете, как создавать, использовать узоры и управлять ими на практике.


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


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


1. Обзор узоров программы с функцией «Управление наборами» (Preset Manager) .


2. Три различных способа применения паттернов в Фотошоп .


3. Как создать собственный узор.


4. Создание и применение линейного диагонального узора на практике.


5. Установка Фотошоп-паттерна в библиотеке программы.


6. Создание библиотеки узоров.


Изучение узоров программы с функцией «Управление наборами» (Preset Manager) .


Вы можете найти узоры программы, заданные по умолчанию через функцию «Управление наборами». Доступ к наборам осуществляется через верхнее меню программы во вкладке Редактирование-Управление наборами (Edit > Preset Manager) . По умолчанию, окно Управления (Preset Manager) отображает палитру кистей (Brushes).



В открывшемся диалоговом окне найдите опцию «Тип набора» (Preset Type) и нажмите на стрелочку вниз. Из выпадающего подменю выберите параметр «Узоры» (Patterns) и вы увидите появившийся по умолчанию программы набор.



Это не все узоры, которые есть в программе. Для того, чтобы увидеть их все, нужно перейти к наборам библиотек. Библиотека узора представляет собой набор из 1 или более образцов, имеющих расширение файла PAT.


Для загрузки шаблонов библиотек программы Фотошоп нажмите на стрелку справа в окне «Управление наборами». В выпадающем подменю вы увидите список наборов различные узоров.



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



Нажмите опцию «Добавить» (Append) , если не хотите изменять предыдущие узоры, а просто хотите добавить выбранные сейчас.


Применение паттернов в Фотошоп.

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

Наложение узора при помощи команды «Заливка» (Fill).

Самый простой способ наложения паттерна заключается в заполнении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» и выделите участок любого размера на холсте. Затем, перейдите в меню Редактирование-Выполнить заливку (Edit> Fill (Shift + F5)) и в диалоговом окне заливки в опции «Использовать» (Use) укажите параметр Регулярный/Шаблон (Pattern).



Заливка узором позволяет использовать опцию «Заказной узор» (Custom Pattern) . Нажмите на стрелку параметра и вызовите подменю с библиотеками паттернов, нажав стрелочку справа. Выбрав нужный набор или узор, кликните по нему и нажмите ОК, чтобы заполнить им ваше выделение.


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

Наложение узора в «Стилях слоя».

Если вы хотите применить узор для любого выбранного слоя, двойным кликом по миниатюре этого слоя откройте окно «Стили слоя» (Layer Style) . Почти в самом низу найдите параметр «Наложение узора» (Pattern Overlay) и активируйте его. Откроется диалоговое окно опции, где вы можете так же, как и в предыдущем примере, выбрать необходимый паттерн и применить его к слою.



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


Совет: Чтобы отрегулировать положение узора на холсте, в параметре «Наложение узора» активируйте флажок Просмотр (Preview) , а затем поместите курсор мыши на холст и, удерживая ее нажатой, передвигайте ваш паттерн в основном окне программы в любом направлении.


Рисование узором при помощи инструментов «Заливка» (Paint Bucket Tool) и «Узорный штамп» (Pattern Stamp Tool) .


Если вы хотите применить узор, рисуя им по холсту, используйте инструменты Заливка и Узорный штамп. Активируйте их и настройте на применение узоров, а не цвета в верхней панели программы.



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


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


Посмотрите на сводную таблицу преимуществ и недостатков разных способов при наложении узора.

Создание собственного узора в Фотошоп.

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



Чтобы создать узор, используйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите область, которую хотите поместить в узор. Затем перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) , чтобы определить выделенную область как паттерн и присвойте ему имя в диалоговом окне.



Совет: Многие предпочитают создавать узор для своей работы за пределами рабочего документа. Это хорошая практика. Создавая Новый документ (Ctrl+N) для своего узора, вы тем самым, концентрируетесь на данной работе, не отвлекаясь ни на что более.

Создание и применение диагонального линейного узора.

Давайте попробуем сделать один из моих любимых паттернов в фотошоп: диагональный узор, который был применен для дизайна сайта «Design Instruct».



Создаем новый документ (Ctrl+N) в Фотошоп размером 600х600 рх и разрешением 72 рх/ дюйм c белым фоном.



Активируем инструмент «Горизонтальный текст» (Horizontal Text Tool (T)) и пишем фразу Design Instruct в верхней части холста. Выберите темный цвет для текста (#000000) , чтобы ясно видеть нашу работу. В данном варианте использован шрифт Helvetica Neue Medium размером 30 pt, но можно выбрать любой другой шрифт программы (например, Arial).



Теперь переходим к созданию узора для нашего основного документа. Его мы будем рисовать в отдельном документе Фотошоп . Создаем новый документ (Ctrl+N) размером 3х3 рх и разрешением 72 рх/дюйм. Цвет фона Прозрачный (Transparent) .
При сохранении узора в программе позже будет выбран белый цвет фона по умолчанию.



Так как холст довольно маленького размера, увеличим его инструментом Zoom Tool (Z) (лупа), приблизив. Я увеличил холст до 3200% от основного размера, что является максимальным увеличением.



Теперь будем рисовать белые диагональные линии по направлению из верхнего левого угла к нижнему правому. Для этого активируем инструмент Карандаш (Pencil Tool (B)) .



Установим цвет переднего плана (Foreground) на белый (#ffffff) и настроим размер карандаша на 1 рх с жесткостью (Hardness) 100%. Убедитесь, что опции Непрозрачность (Opacity) и Нажим (Flow) равны 100%.



Я в своем примере специально переключился на другой цвет, чтобы вы могли ясно видеть весь процесс создания узора. Удерживая Shift, нажмите Карандашом (Pencil Tool) в левом верхнем углу холста, а, затем в правом нижнем. Получилось ровное диагональное соединение из квадратов.




Вот как должен выглядеть получившийся узор у вас (я переключился на исходный белый цвет):



После создания диагональной линии, перейдите в Выделение – Все (Select> All (Ctrl+A)) , чтобы выделить весь холст.



Теперь перейдите во вкладку Редактирование-Определить узор (Edit> Define Pattern) и в диалоговом окне присвойте имя вашей линии, т.е введите любое название для вашего узора. После нажмите ОК.



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

Команда «Заливка» (Fill).

Создаем новый слой выше слоя с текстом (Ctrl+Shift+N) . Выделим текст, удерживая Ctrl и кликнув по иконке этого слоя.



Переходим в Редактирование-Выполнить заливку (Shift+F5) . В диалоговом окне в опции Использовать (Use) выбираем Узор (Pattern) , а в опции Заказной узор (Custom Shape) находим наш нарисованный паттерн с диагональными линиями.



Нажимаем Ок, чтобы применить узор с помощью команды Заливка (Fill).



Положительным моментом данной техники является то, что заливка узором находится на отдельном слое, что позволяет добавлять к паттерну разные стили слоя, которые не влияют на текстовой слой под ним. Давайте попробуем так сделать. Уменьшим непрозрачность (Opacity) слоя с узором до 80%.



Совет: Хорошей практикой является использование узора на отдельном от объекта слое. Но, чтобы объект перемещался по холсту вместе с примененным к нему узором, используйте функцию Связать слои (Link Layers) . Иконка этой функции имеет форму скрепки и находится внизу панели слоев. Выделите нужные слои ( Ctrl +клик по миниатюре слоя) и нажмите на значок скрепки, или правой кнопкой мыши кликните по выделенным слоям и выберите опцию - Связать слои.

Применение диагонального узора в «Стилях слоя».

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



Дважды щелкните по текстовому слою, чтобы вызвать окно «Стилей слоя» (Layer Style) и выберите параметр «Наложение узора» (Pattern Overlay) . В окне параметра нажмите на стрелку с узором и из набора выберите ваш созданный диагональный паттерн. Включите функцию Предварительного просмотра (Preview) , чтобы контролировать процесс наложения узора и, если необходимо, изменить что-либо.




Вот вкратце разъяснение опций окна «Наложение узора» (Pattern Overlay) :



1. Изменение режима смешивания в узоре (Умножение, Перекрытие, Осветление основы и т.д.)


2. Управление непрозрачностью узора. Чем ниже уровень непрозрачности, тем прозрачнее узор.



3. Окно узора. Открыв его, можно выбрать любой узор для наложения на объект.



4. Создание нового имени для данного узора.


Нажав на окно узора, а затем на стрелку справа, вы можете выбрать функцию из выпадающего меню – Сохранить узор (Save Pattern) и сохранить его под другим именем в наборе. Если вы сделали с узором какие-либо изменения (масштаб, режим смешивания или непрозрачность), то они также будут сохранены вместе с выбранным образцом.


5. Масштаб (Scale) регулирует масштаб и разрешение узора.



6. Связать со слоем (Link with Layer)


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


Наложение узора при помощи инструмента «Узорный штамп» (Pattern Stamp Tool (S)) .


Теперь попробуем использовать в работе наш диагональный узор при помощи «Узорного штампа». По своему стилю данный инструмент похож на использование Кисти (Brush Tool (B)) , только рисуем мы не цветом, а узором по холсту.


Для начала, скройте видимость слой-эффекта «Наложение узора» на текстовом слое или удалите его, нажав правой кнопкой мыши по строке слоя и выбрав опцию – Очистить стили слоя.







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



На Новом слое (Ctrl+Shift+N) начните рисовать поверх текста узором. Вы можете видеть, что я использовал штамп лишь в некоторых местах текста и менял непрозрачность (Opacity) инструмента для уникального эффекта.
В отличие от предыдущих двух способов наложения узора (Заливки и Стилей слоя) этот прием немного сложнее и требует определенного навыка.


Установка узоров в Фотошоп.

Если вы хотите использовать узоры, скачанные с других сайтов, то загрузить их в программу довольно просто. Перейдите в Редактирование-Управление наборами (Edit> Preset Manager) и в диалоговом окне нажмите на функцию «Загрузить» (Load) справа. Помните, что ваш скачанный узор должен иметь расширение РАТ, чтобы программа установила его. В открывшемся окне загрузки укажите место нахождения вашего файла с узором и нажмите «Загрузить».




Обычно узоры устанавливаются программой в папку по такому пути: Adobe Photoshop > Presets > Patterns .


Вот несколько бесплатных ресурсов, которыми вы можете воспользоваться при поиске нужных узоров:

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

Чтобы создать шаблоны узоров в библиотеке программы, перейдите во вкладку Редактирование-Управление наборами (Edit > Preset Manager) . Выберите в списке образцы, которые вы хотите добавить в библиотеку, удерживая Ctrl и делая клик по нужным узорам, выделяя их. Далее нажмите кнопку «Сохранить» (Save Set) . Сохраните набор выбранных узоров в любом месте вашего компьютера.



Теперь этот файл можно установить и на других компьютерах. Успехов в освоении программы!

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

Но наше с вами особое внимание сегодня будет приковано к тому, как создать фон или текстуру в виде вязки на спицах или иначе, в виде джемперной вязки, вязки свитеров. Ни для кого не секрет, что вязка с «зимним» рисунком - «бич» новогодних праздников и особенно в западных странах (аналогично тому, как клипарты Санта-Клауса в России используются гораздо чаще, чем Деда Мороза). Поэтому, создавая оформление для распродажи в интернет-магазине, небольшой секции с товарами или для раздела «Наше Новогоднее Предложение » (а может даже просто, меняя дизайн самого обычного сайта компании на новогодне-праздничный), вполне уместно использовать небольшой кусочек такого вот вязаного фона или текстурки. Обычно в виде вязки изображают оленей, снежинки, елочки, угловые орнаменты, точечки, звездочки, буквы и надписи. Иными словами, все то, что легко самостоятельно вывязать спицами и нитками.

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

Особенности создания вязаной текстуры

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

Кроме того, орнаменты в вязке всегда используются простые, а для веб-дизайна особенно. Разумеется, если необходимо/хочется создать шедевр Айвазовского в виде вязки, то это одно. Можно посидеть и отрисовать кисточками. Но для оформления сайтов такое не нужно. Даже…неуместно. Требуется нечто простое, скромное, несложное визуально, поскольку основной нагрузки все это нести не будет, но именно своей ненавязчивостью придаст праздничное настроение посетителям.

И еще один момент; он больше связан именно с вязанием. Чтобы вывязать рисунок (пусть и новогодний), его размечают строго по клеточкам, ассоциируя каждую петлю с одной клеткой. Поэтому, чтобы и нам в Photoshop нарисовать оленя или снежинку, придется её четко и симметрично рассчитать по клеточкам. На самом деле это несложно и в интернете таких материалов «навалом» и Google приходит на помощь. Тем более, что схемы вышивки крестиком тоже могут подойти, но они мелковаты в деталях.

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

Photoshop проще Illustrator

Достаточно часто вы можете видеть, что создание текстуры осуществляется в Adobe Illustrator. Но мы воспользуемся именно нашим любимым Photoshop и попробуем развеять миф о том, что в этом приложении чего-то нельзя создать!

Создаем новый документ с размерами 50х50 рх с прозрачным фоном. Это будет и наш узор, и наша кисточка. Рисуем фигуру Эллипс по высоте нашего квадратика. Толщину его определите сами, это и отобразит толщину нити. Выделяем фигуру ctrl+ T и поворачиваем ее так, чтобы нижний конец был в середине квадрата, а верхний смотрел в угол.

Копируем слой, зажимая Alt+ЛКМ и разворачиваем второй эллипс по горизонтали. Совмещаем две фигуры, чтобы их нижние концы сошлись, объединяем слои и сохраняем как кисть и как узор. Меню Редактирование -> Определить кисть и Определить узор.

Создаем новый документ. Размер его зависит от вашего узора, который вы будете размножать. Если это часть орнамента, посчитайте, сколько петелек в нем. А одна петля у нас 50 рх. Мы выбрали 1000х600, прозрачный.

Переходим в Редактирование -> Настройки -> Направляющие, сетки и устанавливаем линию сетки каждые 50 пикселей, то есть по ширине нашей петли. Внутреннее деление на свое усмотрение. Затем Просмотр - > Показать -> Сетку.

Казалось бы, что проще всего нажать заливку узором и затем раскрасить полосами и блоками. Но при этом узор будет выглядеть, как обычная «елочка». Поэтому проще сейчас выбрать кисточку с нашей петлей, определить цвет и на новом слое нарисовать петлю. Теперь переходим к инструменту Перемещение, зажимаем ALT + ЛКМ и копируем слой вправо . Таким образом, по горизонтали мы создаем полоску петелек.

Важно: для удобства ровности копирования увеличьте масштаб изображения, а также включите привязку к направляющим, сетке и пр. У вас будут показываться и значения смещения по осям Х и Y, а, значит, выровнять будет гораздо проще.

Создали полоску. Слоев много. Объединяем их. И аналогичным образом начинаем копировать одной большой полосой вниз. НО. Если у вас дома есть вязаные вещи и вы внимательно посмотрите на вязку, то петельки по вертикали расположены очень близко. То есть четко по вертикали в сетке в Photoshop выравнивать не стоит. Наоборот, подберите то значение (у нас смещение было 34 рх по Y), что более красиво и придерживайтесь его.

Эти слои тоже можно объединить, чтобы было проще. Фон залить красным, голубым или любым иным цветом.

Теперь приступим к самому простому орнаменту. Создаем новый слой. И вообще, все рисунки на фоне петель рисуем на новых слоях. Поскольку рождественские рисунки обычно вывязываются белым цветом на ярком контрастном фоне, то выбираем нашу кисточку. Размер может быть на пару пикселей больше, чем оригинальный размер в 50рх. Причина в том, что нитки, бывает, тоже используют чуть разные. А такой вариант добавит узору реалистичности. И рисуем столбик петельками поверх наших фоновых петелек. Поверьте, считать и фантазировать по уже заготовленному фону гораздо проще, чем сразу кисточкой рисовать, меняя цвета. Чуть ниже еще столбик, и еще. Затем, готовую часть орнамента можно скопировать на новый слой. И вот что получилось.

Разумеется, что 50 px кисточка может быть и крупной, поэтому смотрите по сетке (настройте её) и поэкспериментируйте с разными вариациями. Елочка, надписи, олени и другие украшательства рисуются точно также. Более того, можно создать заготовки фона или орнаментов.

Таким образом, один раз подобрав рисунок и подготовив базовые элементы, можно быстро создать вязаную текстуру и написать «Скидка 50% на все » и елочку со снежинкой в уголочке. А уже поверх петель разместить изображения флакончиков, баночек и прочего. Вариаций много и они разные.

Action Ugly Sweater

Второй, возможно, более простой способ создания вязаного рисунка - это использование actions для Photoshop. Ugly Sweater в своем составе имеет сам actions, а также узор и стиль.

Запускаем английскую версию Photoshop и последовательно устанавливаем каждый из трех файлов. Как это делается можно прочитать… да хотя бы и в последнем материале по actions 2017 .

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

Установили все файлы из архива, открываем изображение. Мы подобрали самые простые, но праздничные элементы и попробуем их «связать».



Мы также выбрали размер петель 50px (для сравнения) и нажимаем Play. Рано или поздно появится окно фильтра Постеризация . Чем больше вы укажите значение, тем плавнее и градиентнее будут переданы цветовые оттенки. В реальной вязке оттенки можно передавать, но сложно, поэтому цвета обычно четкие. Мы выберем нечто среднее - 4.

Следующий диалог ориентирован на работу с количеством петель в целом. Либо петель будет густо и много, либо мало.

И вот что получилось. Не слишком понятно, что изображено, но если включить фоновый слой, то видно, что плотность петель покрыла все изображение.

Но обратите внимание, если выбрать размер петли 30 пикселей , то рисунок заметнее красивее. Таким образом, тот же случай, что мы разбирали в первом варианте. От размера петли зависит целостность композиции. Более того, если в рисунке используются мелкие детали, то вывязывать их крупными петлями бессмысленно - просто не получится.

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

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

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

Наборы узоров

Но если самим создавать рисунки и вязки нет желания/фантазии, то, разумеется, в интернете можно найти и готовые варианты узоров, изображений, орнаментов. Например, на одном только freepik можно найти как просто подборку рождественских узоров, так и фоновых текстур. И вот какие:

Как видно, созданы они по принципу отрисовки общего фона петлями, а затем прокраски нужных петель строго по схеме: одна клетка = одна петля .

Заключение

Разумеется, в интернете можно подобрать и еще большее количество готовых текстур с рождественско-новогодней тематикой, и actions для Photoshop, и даже примеры того, как самим отрисовать орнаменты. Но мы остановились на самых простых решениях и вариантах, которые еще можно успеть использовать для работы над новогодним дизайном какого-либо сайта.

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

Так или иначе, но создание вязаной текстуры - отличный вариант сделать уникальный дизайн проекта. Никто не говорит о том, чтобы делать весь фон страницы (во весь экран монитора) в петельках и орнаментах. Но украсить какие-то отдельные элементы - это просто и красиво. Кроме того, такие текстуры придадут проекту некоторую изюминку и привлекут посетителей «домашней теплотой» к сайту, к контенту. Представьте, если интернет-магазин продает одежду. Почему бы не оформить раздел свитеров, шапок или шарфиков именно в вязаном стиле? Или объявление о тематической распродаже?

Скажите, что: «кропотливо и сложно. Хочется быстро: раз-два и быстренько отдали на верстку или сами сверстали ». Но такого не бывает или бывает редко. Чтобы получился отличный дизайн, нужно еще поработать и над визуальной составляющей, изображениями. Да к тому же, если не на этот год, то к следующему году можно успеть воплотить идеи орнаментов и неторопливо нарисовать что-то необычное и красивое. Ибо вязка спицами актуальна во все времена, вне зависимости от стилей, трендов, «фишек» и веяний в дизайне. Вечность в классике.

С наступающим вас, читатели, годом рыжего песика!

Наложение узора в Photoshop

1. Что такое узоры в Фотошоп и зачем они нужны.

Узоры в Photoshop это фоновые изображения, которые можно использовать для заливки областей, содержимого слоев и масок.

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

Этот инструмент очень хорошо подходит для создания фонов.

Простой пример: нужно закрасить фон кнопки диагональными параллельными линиями. Что будем делать? Рисовать отдельно линию, потом ее копировать и размножать? А потом обрезать получившееся изображение по контуру кнопки? Это слишком сложно и главное - долго.

Можно просто применить к изображению кнопки узор, состоящий из нескольких пикселей. И этот узор размножится и закрасит всю Вашу кнопку четко по контуру.

Или же нужно, например, наложить на какой-нибудь элемент текстуру какого-нибудь материала. Ткани, например. Применяем к изображению элемента узор текстуры ткани - и все!

2. Как использовать узоры в Фотошоп?

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

Первый способ - заливка узором.

Наверняка каждый уже пробовал заливать содержимое слоя или выделения каким-нибудь цветом. А ведь можно заливать не только цветом, а и узором.

Смотрим коротенький видеоурок:

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

Второй способ - применение стиля слоя «Наложение узора».

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

Смотрим урок:

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

Третий способ применения узоров - использование инструмента «Узорный штамп».

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

Смотрим, как это происходит:

Итак, мы с Вами разобрались в том, что такое узоры для Фотошопа и как их использовать.

1. Создание нового узора в Фотошоп.

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

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

Смотрим видео:

Как видите, это очень просто. Единственное неудобство - это то, что чем больше Вы установите (или создадите) узоров, тем больше они будут занимать места в окне выбора узора.

2. Как установить узоры в Фотошоп.

Огромное количество узоров можно скачать из интернета. Но это только пол дела.

Сначала расскажу немного теории, потом посмотрим видео, как все это выглядит на практике.

Разархивируем архив в отдельную папочку. Файлы наборов узоров имеют расширение.pat от английского слова pattern (образец, изображение).

Файлы узоров в Фотошопе по умолчанию находятся в папке: C:\Program Files\Adobe\Adobe Photoshop\Presets\Patterns (в зависимости от версии Фотошопа и операционной системы может немного отличаться).

Но это не обязательно. Пусть там лежат стандартные узоры. А для новых скачанных (или созданных самостоятельно) узоров рекомендую Вам завести отдельную папку на компьютере.

Лучше, если она будет храниться не на системном диске. Стандартные узоры при переустановке системы (если понадобится) установятся автоматически, а вот свои наборы Вы можете потерять.

Итак, переходим к практике. Смотрим видео:

Как видите, установить узоры тоже не вызывает больших трудностей.

Стоит отметить, что иногда в архивах с узорами отсутствуют файлы с расширением.pat, а есть только файлы с картинками. Это происходит потому, что авторы не потрудились сохранить узоры в формате.pat.

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

Желаю Вам успехов в освоении Фотошопа.

Украшение торта шоколадом: узорами, шариками, оградками

Надписи и рисунки из жидкого шоколада – идеальный метод, который позволяет украсить торт самостоятельно дома. При помощи данного приема вы сможете нанести на любой десерт слова поздравления, которые будут адресованы виновнику праздника. Можете воспользоваться сразу несколькими методами. Например, как нарисовать ажур или красивый орнамент, использовав шоколад, либо украсить тортик завитушками, листиками… В общем, выбирайте, думайте, пользуйтесь нашими подсказками.

Как рисовать, делать надписи жидким шоколадом на торте: инструкция, примеры надписей и рисунков, фото

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

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

  • Самый идеальный метод нанесения надписи из шоколада – это применение специальных фломастеров, которые предназначены для украшения тортов. Тюбик, который содержит шоколадную смесь, оснащен небольшим отверстием. Через данное отверстие выдавливается жидкий шоколад, вследствие чего надпись на торте получается аккуратная и ровная.
  • Перед тем, как наносить шоколадную надпись, на поверхность глазури торта нанесите еле заметные наброски, использовав зубочистку. Так слова всегда будут смотреться ровными и красивыми.
  • Старайтесь на поздравительном торте не писать большое число слов. Запомните – поздравительные слова должны быть лаконичными и четкими.
  • Если вы во время нанесения шоколада сделали ошибку, не удаляйте букву. Нанесите полностью надпись, уберите торт в холодильник. Лишь после того, как украшение застынет, снимите испорченный элемент, а вместо него напишите новую букву, которой не хватает.
  • Самая идеальная поверхность, на которую наносятся шоколадные элементы – это мастика либо глазурь, имеющая контрастный цвет.
  • Не используйте для нанесения горячий шоколад. Из-за него глазурь и другая подобная поверхность просто растает и потечет.
  • Не применяйте в надписях предлог «от». Он считается признаком траурной формулировки.
  • Не допустите того, чтобы в надписи присутствовали повторяющие слова. К примеру, «Самому лучшему учителю в его день учителя».
  • Размещайте каждое слово равномерно, чтобы они находились только на одной линии. Не разделяйте слова, не переносите буквы на другую строчку.




Также вам стоит во время украшения торта придерживаться вот таких правил:

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

Как из белого и темного шоколада сделать узоры и украсить торт: идеи, примеры украшения, фото

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

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

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





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

  • Растопите шоколад (25 г). На бумагу нанесите орнамент, которым вы хотите украсить торт. Покройте куском вощеной бумаги, закрепите каждый уголок, использовав липкую ленту
  • В корнетик налейте шоколад, края корнетика заверните внутрь, потом удалите кончик
  • Аккуратно выдавите тоненькую ниточку из шоколада по контуру узора. Как только фигурка застынет, снимите ее при помощи ножа-лопатки
  • Сделайте еще несколько таких рисунков
  • Украсьте ими торт или печенье

Как сделать сеточку, ажур из шоколада и украсить торт: идеи, фото

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

  • Шоколадом
  • Бумажными либо целлофановыми кулинарными кулечками (можете взять шприц, имеющий тонкую насадку)
  • Трафаретами
  • Светлой бумагой, которая предназначена для выпечки, либо пищевой пленкой

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







Процесс приготовления ажура:

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

Как сделать завитушки, перья из шоколада и украсить торт: идеи, фото

Следующий вариант украшения тортов – это разнообразные завитушки, перья, спиральки.

Завитки из шоколада:

  • Возьмите шоколад (125 г). Растопите его. Шоколад нанесите на что-то твердое, например, на деревянную досточку. Разгладьте при помощи ножа-лопатки, чтобы поверхность стала идеально ровная.
  • Когда ваш шоколад немного застынет, но не полностью, при помощи ножа соскребите с пласта тоненькие завитушки. Нож старайтесь держать так, чтобы между ним и шоколадным пластом был угол равный 45 градусов.
  • Чтобы у вас получились крупные завитушки либо соломка, нож проведите по всему пласту.
  • Если вы хотите получить небольшие завитушки, тогда для работы используйте нож, которым вы чистите картофель.


Шоколадные спиральки:

Для работы вам понадобится взять: шоколадную плитку и кулинарную пленку.

Процесс изготовления:

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


Таким же образом можете сделать и перья. Только на пленку наносите соответствующий рисунок.

Как сделать листья из шоколада и украсить торт: идеи, фото

Данный метод считается очень простым в исполнении. Можете немного пофантазировать, применив для основы листочки самой разнообразной формы.

Для изготовления запаситесь:

  • Шоколадом
  • Кисточкой
  • Настоящими зелеными листочкам


Процесс изготовления:

  • Листочки тщательно помойте, хорошо высушите. Растопите шоколад
  • Возьмите лист, переверните его, на обратной стороне нанесите шоколад. Потом распределите кисточкой. Положите в холодильник, чтобы шоколад застыл
  • Аккуратно снимите листик-основу с шоколада. Сделайте листочков такое количество, сколько вам нужно для украшения торта

Шоколадные розочки:

Для того, чтобы приготовить розочки из шоколада, запаситесь:

  • Шоколадной мастикой – 200 г

Можете взять любую: из белого, черного, молочного шоколада.



Процесс приготовления:

  • Разомните мастику в ладонях. Она должна быть мягкая. Мастику из белого шоколада покройте сахарной пудрой, темную – какао-порошком. Скалкой раскатайте шоколадную мастику, чтобы слой у вас получился тоненький.
  • Вырежьте из нее кружочки. Для розочки вам будет достаточно 9 шт.
  • Из первого кружочка слепите цилиндр. Накручивайте остальные кружочки таким образом, чтобы у вас образовывался бутон.
  • Края 2 лепесточка при этом должны быть под 1, края 3 под 2 и так далее.
  • Прикрепите так все лепестки, отворачивайте края каждого наружу. Когда у вас получится розочка, обрежьте ее.
  • Оставьте цветок, чтобы он полностью застыл.

Таким методом сделайте несколько розочек.

Как сделать фигурки из шоколада и украсить торт: идеи, фото?

Фигурки, имеющие контуры:

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

Для изготовления запаситесь:

  • Шоколадом (белым, темным, молочным)
  • Пергаментной бумагой
  • Бумагой для нанесения фигурки

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



Процесс изготовления:

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

Обычные вырезные фигурки:

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

Для этой фигурки запаситесь:

  • Шоколадом
  • Пергаментной бумагой


Процесс изготовления:

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

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

Как сделать стружку из шоколада и украсить торт шоколадной стружкой: фото

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

Метод 1:

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



Метод 2:

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

Метод 3:

Возьмите шоколадную плитку, натрите ее на терке. Размер самой терки выберите на свое усмотрение.



Метод 4:

Растопите плитку белого шоколада, положите в него краситель. Цвет выберите самостоятельно. Воспользуйтесь, к примеру, методом 3. Изготовьте стружку разных цветов, украсьте ею торт, выкладывая какой-то рисунок. Можете полностью покрыть торт одним цветом стружки или вперемешку разными оттенками.

Украшение торта ажурными цветами: идеи, фото

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

Итак, возьмите для торта:

  • Кондитерский мешок либо шприц
  • Плитку белого шоколада (заранее ее растопите)
  • Пищевую пленку или немного пергаментной бумаги
  • Простой карандаш
  • Деревянную палочку с тонким наконечником

Процесс изготовления:

  • Нарисуйте на бумаге эскиз будущих цветков. Переверните бумагу
  • Наполните шприц или мешок шоколадом. Обведите рисунок по контуру шоколадом. Чтобы цветочки у вас получились нежными, проведите тонкие линии к центральной части при помощи тонкой палочки

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

Украшение торта шоколадными шариками: идеи, фото

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

1 метод

Для выполнения этих шоколадных шариков, возьмите:

  • Шоколадную плитку
  • Железную трубочку
  • Кондитерский мешок


Процесс изготовления:

  • Железную трубочку поместите на время в морозильную камеру.
  • Шоколад растопите, налейте в кондитерский мешок.
  • Достаньте трубочку, покройте ее при помощи мешочка шоколадом.
  • На холодной железной трубке шоколад моментально остынет, после чего осторожно его снимите.
  • Тут же скатайте из шоколада шарик.

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

2 метод

Для второго метода вам придется взять:

  • Формочки для льда круглой формы
  • Шоколадные таблетки (белые, черные)


Процесс изготовления:

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


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

Как делать на торт капли из шоколада и украсить торт: идеи, фото

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

Для приготовления запаситесь такими продуктами:

  • Какао-порошком – 1 ст
  • Кокосовым маслом – 1\2 ст
  • Медом – 4 ст.л.
  • Ванильным экстрактом – 1 ч.л.


Процесс приготовления:

  • Для работы возьмите кондитерский мешок.
  • Растопите масло кокоса. Когда оно начнет постепенно таять, уберите с плиты, перелейте в отдельную посуду, охладите. У вас должно получится прозрачное масло.
  • К нему насыпьте какао и остальные ингредиенты.
  • Перемешайте пасту, чтобы она стала однородная. Охладите в холодильнике полчаса.
  • Когда остынет, заполните пастой кондитерский мешок.
  • Выдавите капли разных размеров, располагайте их близко друг к дружке, чтобы сэкономить место на поверхности.
  • Поверхность с каплями поместите в морозильную камеру примерно на 25 мин.

Как сделать оградку для торта из шоколада: шоколадные узоры, фото

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

Чем тоньше получится слой шоколада, тем больше хрупкими получатся из него фигурки.

Вариант 1

Для этой оградки возьмите:

  • Алюминиевую фольгу
  • Кулинарный мешочек
  • Лопатку
  • Шоколад (любой)


Процесс приготовления:

  • Растопите плитку шоколада. Поместите его в кулинарный мешочек
  • Нарисуйте на фольге шоколадной пастой ажурный заборчик
  • Поместите фольгу с шоколадом в холодильник примерно на 60 мин
  • Отделите шоколад при помощи лопатки, украсьте торт по бокам

Вариант 2

  • Вырежьте из пергаментной бумаги ленточку такой длины, чтобы она смогла обхватить торт по окружности
  • Нанесите на бумагу рисунок при помощи белого шоколада. К примеру, горошины, цветочки, бабочки, колечки и так далее
  • Положите на некоторое время в холодильник, чтобы шоколад немного застыл
  • Ложкой залейте черный растопленный шоколад поверх рисунка, осторожно при помощи ножа или лопатки размажьте шоколад по всей ленте. Рисунок старайтесь не трогать
  • Оберните торт лентой, поставьте в холод
  • Спустя некоторое время снимите бумагу. У вас получится необычная и интересная оградка


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

Видео: Как собрать и украсить торт на день рождения?