Мастер-класс Создаем два варианта визитки в программе Photoshop

Магия рукоделия
Содержание статьи:

Как сделать визитку в фотошопе самостоятельно. Как сделать визитку на компьютере самому в фотошопе

Правила создания визиток в «Фотошопе»

Профессионально сделать визитку можно не только, поручив это дело работникам типографии, но и самостоятельно. Уж так сложилось, что баснословно платный «Фотошоп» есть практически у всех, кому нужно обрабатывать фотографии. Есть и другие, специально приспособленные для этих целей программы. Но ввиду распространенности именно Adobe Photoshop, в данной статье будет рассмотрено пошаговое создание визитки в «Фотошопе».

Для чего нужна визитка

Людям, которым по роду своей деятель­ности нужно постоянно передавать свои контактные сведения другим лицам, достаточ­но сложно обойтись без визитных карточек, которые проще называют визитками. Они настолько прочно вошли в деловой обиход, что, в том случае, если человек не имеет их, на него уже смотрят и оценивают: «А можно ли с этим человеком иметь дело, если у него нет визитки?».

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

Как приступить к созданию

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

Итак, допустим, что у вас есть «Фотошоп». Создаете в нем новый документ, нажав на соответствующую пиктограмму на панели инструментов или воспользовавшись клавиатурной комбинацией Ctrl-N. В появившемся окне необходимо выбрать размер визитки. В «Фотошопе» его определяете в 56 мм по высоте и 96 мм по ширине. Устанавливаете здесь же разрешение в 300 пикселей/дюйм (dpi), цветовой режим — цвета CMYK, 8 бит (последнее может быть расположено еще правее по отношению к цветам CMYK), содержимое фона — белый (или на ваш вкус), цветовой профиль CoatedFOGRA39, попиксельную пропорцию — квадратные пикселы.

Закрываете окно, подтверждая внесенные значения с помощью клавиатурной клавиши «Enter» или кликнув на виртуальную кнопку «ОК». Использование CMYK объясняется тем, что на бумагу нельзя перенести всю гамму цветов, которая наблюдается на экране при работе с цветовым режимом RGB.

Макет

Создание визиток в «Фотошопе» предполагает разметку макета. Для этого переходите в панель меню, выбираете «Просмотр» — «Линейки» (с помощью горячих клавиш Ctrl-R), в результате чего «Фотошоп» станет похож на Word, имеющий вертикальную и горизонтальную линейки. Выбираете размерность линеек «мм». Это достигается с помощью клика по любой линейке и выбором требующихся единиц измерения.

Включаете вспомогательные элементы с помощью горячих клавиш Ctrl-N. Первую направляющую ставите по вертикальной линейке на 6 мм, вторую — на 90 мм.

Далее расставляете горизонтальные направляющие — на 6 и 50 мм соответственно.

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

Выделите место под фотографию (как правило, не более 1/3 от имеющейся площади прямоугольника) и поставьте там еще одну вертикальную направляющую.

Далее рассмотрите пошаговую инструкцию, как сделать визитку в «Фотошопе».

Выбор градиента

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

Вписывание ФИО

Затем переходите к инструменту «Горизонтальный текст» (горячая клавиша «Т» английская), выбираете, какой будете использовать шрифт, его кегль, размер и цвет. Если не уверены в правильном выборе, лучше поэкспериментировать и посмотреть на результат.

Пишете фамилию, для перехода на следующую строку с целью написания имени и отчества или только имени нажимаем одновременно Ctrl и Enter.

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

Если возникает необ­ходимость трансформации текста, то нажимая Ctrl-T и, удерживая Shift, осуществляете трансформацию путем подхвата и переноса любого угла с помощью мышки.

Вписывание других контактных данных

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

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

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

Вставка фото

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

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

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

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

Переходите в панель слоев, размещая слой, в котором находится фотография, ниже слоя с рамкой.

Осуществляете трансформацию с помощью Ctrl-T, подгоняя фотографию под размер рамки.

Визитка в «Фотошопе» создана. Ее можно сразу распечатать, если имеется качественный струйный или цветной лазерный принтер, работающие с плотной бумагой или сохранить в форматах *.jpeg, *.png, *.tiff и распечатать в любом месте, где оказывают подобную услугу.

Пример стильной визитки

Создание визиток в «Фотошопе» ограничено только вашей фантазией. Рассмотрите пример создания простой, но в то же время стильной визитки.

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

Переходите «Фильтр — Шум — Добавить шум», устанавливаете «Количество — 0,8%», «Равномерно» и «Монохромный».

Вызываете контекстное меню на «Фоне», выбираете «Параметры наложения». В параметрах внутреннего свечения во вкладке «Структура» выбираете цвет черный #000000.

Создаете слой «Полоса» и выбираете белый цвет. Далее будете использовать кисти для создания визиток в «Фотошопе». Активируете инструмент «Кисть». Идете в базовый набор кистей и выбираете Soft Mechanical 500 кисть (Мягкая). Кликаете ею по центру визитки.

Включаете прямо­угольное выделение, с помощью которого выделяете ½ визитки и удаляете эту часть с помощью кнопки «Delete». Трансформируете оставшуюся часть поворотом примерно на 45о.

Ставите режим смешивания слоя на «Перекрытие». «Непрозрачность» ставите на уровне 15%.

Дублируете слой «Полоса» с перемещением дубляжа вправо, делаете еще копию.

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

Создаете новую группу «Передняя сторона», которая должна располагаться над группой «Фон». В этой группе создаете слой «Кнопка», включаете «Закругленный прямоуголь­ник», радиус 1 мм и растягиваете эту кнопку на слое.

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

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

Сворачиваете переднюю сторону (осуществляется кликом на глазик рядом с названием группы) и создаете новую группу «Задняя сторона».

Пишете текст, выбираете «Параметры смешивания» (тень и градиент). Дописываете необхо­димый текст и применяете к нему те же параметры наложения.

Создаете слой «Тень», располагаете его под ФИО, должностью. Выбираете черный цвет, эллипс. Рисуете вытянутый узкий эллипс.

Переходите в меню «Фильтр — Размытие — Размытие по Гауссу», ОК, радиус — 4 пикселя, непрозрачность слоя — 40%.

После этого создание визитки в «Фотошопе» будет закончено.

В заключение

Таким образом, на вопрос «Как создать визитку в «Фотошопе»?» можно ответить, что нужно сделать новый документ, группу слоев и в них начать формировать слои, количество которых зависит от того, что вы хотите в итоге получить. Размер визитки должен составлять 90х56 мм, для облегчения начала работы нужно применять вспомогательные линии, называемые направляющими. Для создания простой визитки достаточно работать с градиентами или цветами. Для того чтобы получить стильную визитку, необхо­димо расширить перечень использующихся инструментов, а также научиться работать с тенью.

Делаем визитку в фотошоп

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

Шаг 1

Работу над визиткой мы начнем с определения параметров с учетом требований для печати. Создайте новый документ, нажав CTRL + N. В меню настроек характеристик изображения введите следующие значения:

  • Ширина — 3,5 дюймов
  • Высота — 2 дюйма.
  • Разрешение 300 ppi
  • Цветовой режим: CMYK

Шаг 2

Мы получили заготовку под стандартную визитную карточку. Создайте копию фонового слоя (CTRL + J).

Следующим шагом будет определение рабочей зоны. В этом нам поможет линейка. Для вызова линейки нажмите комбинацию клавиш CTRL + R.

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

Шаг 3

При работе с визитными карточками не забывайте про зону «под обрезку».Перейдите к Изображение > Размер холста (Image > Canvass). Установите новые значения для высоты и ширины: ширина (width) — 3,75 дюймов; высота (height) — 2, 25 дюймов.

Таким образом мы добавили по 0,125 дюймов с каждой из сторон, для того чтобы при нарезке визитных карточек не пострадал текст и дизайн.

Шаг 4

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

Рабочее поле можно ограничить несколькими способами. Например:

  1. «На глаз». Для этого используйте линейку (методика из шага №2). Размеры по краям уменьшаем на 0,125 дюймов.
  2. Либо можно ввести четкие параметры для вспомогательных линий. Это позволит добиться более точного результата. Для ввода новых величин перейдите к Просмотр > Новая вспомогательная линия (View > New Guide).

Затем установите следующие значения:

  • Верхнее поле: по горизонтали (Top Margin: Horizontal) — 0,25 дюйма
  • Нижнее поле: по горизонтали (Bottom Margin: Horizontal) — 2 дюйма
  • Левое поле: вертикальный (Left Margin: Vertical) — 0,25 дюйма
  • Правое поле: вертикальный (Right Margin: Vertical) — 3,5 дюйма

Шаг 5

Мы подготовили шаблон для визитки! Теперь займемся разработкой макета.Перейдите на копию фонового слоя. Активируйте инструмент Градиент (Gradient tool) и задайте с его помощью общий цвет.

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

Примечание переводчика: автор использовал : тип градиента — «Зеркальный»; цвета — # c28c44 — # c5bb88 — # c28c44.

Шаг 6

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

Шаг 7

Стоя на слое с текстурой бумаги, перейдите к режиму наложения слоя (blend mode) и установите его на Перекрытие (Overlay). Этот простой прием позволит обьеденить текстуру с общим цветом.

Шаг 8

Отлично! Теперь мы подготовили визитку к следующему этапу — заполнение содержимым. Нашим первым элементом станет логотип.Хорошо разработанный логотип, добавит шарм и более профессиональный вид любой визитной карточке.

В этом примере мы создадим круглый логотип с фигурой солнца.Активируйте инструмент Эллипс (Ellipse Tool). Создайте новый слой поверх остальных. Удерживая клавишу Shift нарисуйте круг. Цвет выберите по собственному желанию.

Примечание переводчика: автор использует цвет # 211a26

Шаг 9

Для дальнейшей работы нам необходимо растрировать фигуру круга, которую мы только что нарисовали. Для этого, сделайте щелчок правой кнопкой мыши по слою с кругом и выберите в подменю «Растрировать слой» (rasterize).

Шаг 10

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

Активируйте инструмент Произвольная фигура (Custom Shape Tool). Из галереи вариантов форм (которая находится выше), выбираем подходящий образец. Добавляем новый слой, над слоем с кругом, и рисуем на нем выбранную фигуру.

Шаг 11

Зажмите клавишу CTRL и щелкните по иконке фигуры логотипа в слое. Это позволит создать выделение.

Шаг 12

Перейдите на растрированный слой с кругом. Не снимая выделение нажмите клавишу DELETE. Снимите выделение. Отключите видимость слоя с фигурой логотипа.

Шаг 13

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

Активируйте инструмент Кисть (Вrush tool). Из набора кистей выберите стандартную круглую жесткую кисть размером 5 пикс.

Шаг 14

Теперь, нажмите на иконку панели кистей. Перейдите к «Интервалы» (shape subsection) Изменение расстояние до 200%. Это позволит превратить круглую кисть в ряд точек.

Шаг 15

Создайте новый слой, нажав CTRL + SHIFT + N. Затем, используя кисть которую мы только что настроили, нарисуйте прямую пунктирную линию (удерживайте клавишу shift для того чтобы линия получилась прямой).

Шаг 16

Дублируйте полученную линию несколько раз. Разместите строчки как вам нравится.

Шаг 17

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

Шаг 18

Создадим акцент в нижней информативной части визитки.Для этого, активируйте инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool) и нарисуйте в области нижних мелких строчек фигуру прямоугольника.

Шаг 19

Отлично! Теперь просто добавим наш текст. Мы используем несколько различных ретро шрифтов, которые можно скачать на сайте dafont.com.

Шаг 20

Переходим к финальным деталям! Выделите все слои. Щелкните правой кнопкой мыши на панели слоев и в подменю выберите «Объединить слои» (Мerge layers).

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

Шаг 21

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

Примечание переводчика: Автор использовал инструмент «Ластик». В настройках инструмента была выбрана гранжевая кисть. Неплохого эффекта можно добиться если добавить слой-маску к слою с логотипом (текстом) и воспользоваться на маске слоя гранжевыми кистями (цвет черный).

Шаг 22

Измените режим наложения слоя с винтажными узорами и слоя с информацией на Затемнение основы (Сolor burn).

Примечание переводчика: Если вы воспользовались советом из шага №20, то режим наложения вам нужно изменить для трех слоев: с винтажным узором, с текстом, с логотипом+строчки.

Шаг 23

Последний штрих. Дублируйте слой с информацией, это придаст выразительность основной части.

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

Автор: Irene Thompson

Как сделать визитку в Фотошопе

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

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

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

Создаем новый документ (CTRL+N) и настраиваем его следующим образом:

Размеры – 9 см по ширине, 5 по высоте. Разрешение 300 dpi (пикселов на дюйм). Цветовой режим – CMYK, 8 бит. Остальные настройки – по умолчанию.

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

Теперь включаем линейки (если они не включены) сочетанием клавиш CTRL+R.

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

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

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

1. Переходим в меню «Изображение – Размер холста».

2. Ставим галку напротив «Относительная» и задаем размеры по 4 мм с каждой стороны.

Результат – увеличенный размер холста.

Теперь создаем линии отреза.

Важно: все элементы визитки для печати должны быть векторными, это могут быть Фигуры, Текст, Смарт-объекты или Контуры.

Построим данные линии из фигур под названием «Линия». Выбираем соответствующий инструмент.

Заливка черная, но не просто черная, а состоящая из одного цвета CMYK. Поэтому идем в настройки заливки и переходим в палитру цветов.

Настраиваем цвета, как на скриншоте, больше ничего, кроме CMYK, не трогаем. Жмем «ОК».

Толщину линии задаем 1 пиксел.

Далее создаем новый слой для фигуры.

И, наконец, зажимаем клавишу SHIFT и проводим линию по направляющей (любой) от начала до конца холста.

Затем создаем такие же линии с каждой стороны. Не забываем для каждой фигуры создавать новый слой.

Чтобы посмотреть, что получилось, нажмем CTRL+H, тем самым временно убрав направляющие. Вернуть их на место можно (нужно) тем же способом.

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

Линии отреза готовы, остался последний штрих. Выделим все слои с фигурами, кликнув вначале по первому с зажатой клавишей SHIFT, а затем по последнему.

Затем нажмем CTRL+G, тем самым поместив слои в группу. Эта группа должна всегда находиться в самом низу палитры слоев (не считая фона).

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

Шаблоны визиток PSD

В поисковой выдаче ищем сайты с шаблонами и скачиваем их.

В моем архиве лежит два файла в формате PSD. Один — с фронтальной (лицевой) стороной, другой – с тыльной.

Открываем двойным кликом один из файлов и видим визитку.

Посмотрим на палитру слоев этого документа.

Видим несколько папок со слоями и черный фон. Выделяем все, кроме фона, с зажатой клавишей SHIFT и жмем CTRL+G.

Получится вот что:

Теперь необходимо всю эту группу переместить на нашу визитку. Для этого вкладку с шаблоном необходимо открепить.

Зажимаем вкладку левой кнопкой мыши и тянем немного вниз.

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

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

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

1. Подгоняем по размеру.

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

Выделяем в палитре слоев (на рабочем документе) только что помещенную туда группу и вызываем «Свободное трансформирование» сочетанием клавиш CTRL+T.

При трансформировании необходимо (обязательно) зажать клавишу SHIFT для сохранения пропорций.

Помним про линии отреза (внутренние направляющие), они очерчивают границы контента.

В данном режиме контент также можно и перемещать по холсту.

По завершении нажимаем ENTER.

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

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

Затем вызываем «Свободное трансформирование» (CTRL+T) и подгоняем размер по вертикали («сжимаем»). Клавишу SHIFT не трогаем.

2. Редактируем типографику (надписи).

Для этого необходимо в палитре слоев найти все, содержащие текст.

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

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

Этот шрифт можно скачать в интернете и установить его.

Читайте также: Устанавливаем шрифты в Фотошоп

Мы ничего устанавливать не будем, а заменим шрифт на существующий. Например, Roboto.

Выделяем слой с редактируемым текстом и, в том же окне «Символ», находим нужный шрифт. В диалоговом окне нажимаем «ОК». Процедуру придется повторить с каждым текстовым слоем.

Теперь выбираем инструмент «Текст».

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

Таким образом редактируем все текстовые слои, внося свои данные.

3. Меняем логотип

При замене графического содержимого необходимо преобразовать его в смарт-объект.

Просто перетаскиваем логотип из папки Проводника на рабочую область.

Подробнее об этом можно прочитать в статье «Как вставить изображение в Фотошопе»

После такого действия он станет смарт-объектом автоматически. В противном случае необходимо нажать на слой с изображением правой кнопкой мыши и выбрать пункт «Преобразовать в Смарт-объект».

Возле миниатюры слоя появится значок, как на скрине.

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

После всех манипуляций визитку необходимо сохранить.

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

Тем самым получим прозрачный фон.

Далее идем в меню «Файл – Сохранить как», либо нажимаем клавиши CTRL+SHIFT+S.

В открывшемся окне выбираем тип сохраняемого документа – PDF, выбираем место и присваиваем имя файлу. Нажимаем «Сохранить».

Настройки выставляем, как на скриншоте и жмем «Сохранить PDF».

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

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

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

Помогла ли вам эта статья?

Как сделать визитку в фотошопе быстро и легко

Здравствуйте дорогие читатели блога smart-photoshop.ru! Сегодня я расскажу Вам о том, как сделать визитку в фотошопе. Также Вы увидите, что дизайн Вашей визитки зависит лишь от Вашей фантазии и опыта работы с программой AdobePhotoshop, в отличие от маленьких программ для создания визиток, функциональность которых ограничена.

Итак, давайте приступим к созданию визитки!

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

Открываем программу AdobePhotoshop и идем в Файл>Создать… В открывшемся окне устанавливаем такие параметры:

Я выбрал наиболее популярный размер визиток: 90×50 мм, но вы можете выбрать любой другой – Вам лишь нужно при создании нового документа указать нужный размер.

Разрешение: 300 пикс/дюйм.

Это очень важный параметр при создании продукции для печати, а т.к. у нас визитка размером 50×90 мм, то параметр разрешения должен быть максимальным (чем меньше изображение, тем больше разрешение).

Цветовой режим: Цвета RGB;

Параметр, который отвечает за цветовую модель документа. На данный момент существует несколько цветовых моделей, но чаще всего используются модели: RGB и CMYK.

И здесь вот какой момент: для печати в домашних условиях нам подойдет модель RGB, т. к. в основном бытовые принтеры применяют для печати данную палитру, но для печати в полиграфии чаще всего используется CMYK. Я выбрал модель RGB, т. к. мы будем готовить визитку для печати в домашних условиях, но я думаю, что если Вы понесете в типографию визитку, сделанную в модели RGB, Вас за это никто не осудит.

И последнее, если же Вы решили работать с документом, используя модель CMYK, то Вам стоит учесть такой момент: черный цвет в данной модели – это цвет Keycolor и если Вы, например, решите написать черным цветом текст, то значение данного цвета нужно устанавливать не при помощи шестнадцатеричного кода #000000, а путем установления значения интенсивности цвета Keycolor в значение 100%. Остальные же цвета данной модели необходимо установить в положение 0%:

Содержимое фона: Белый.

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

Цветовой профиль: sRGB IEC61966-2.1

Попиксельная пропорция: Квадратные пиксели.

Шаг 2. Добавление направляющих

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

Идем в Просмотр>Новая направляющая… и в открывшемся окне устанавливаем сначала вертикальные направляющие с параметром Положение в значениях 0 мм и 90 мм, а потом и горизонтальные с этим же параметром, но уже в значениях 0 мм и 50 мм.

Далее идем в Изображение>Размер холста…, ставим галочку напротив параметра Относительно, это позволит нам расширить холст относительно всех его сторон, включив данную опцию, добавляем к холсту по 5 мм к ширине и высоте:

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

Сначала включим линейки путем нажатия комбинации горячих клавиш Ctrl+R или перейдите в Просмотр>Линейки. Далее включим Привязку для того, чтобы, когда мы будем добавлять новые направляющие, они как бы прилипали к краям холста. Итак, чтобы включить Привязку идем в Просмотр>Привязка или используем комбинацию горячих клавиш Shift+Ctrl+;. Далее добавляем еще 4 направляющих: щелкаем мышкой по линейке, вытягиваем новую направляющую и прикрепляем ее к краю нашей визитки и так со всеми сторонами.

Шаг 3. Добавляем линию реза

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

Шаг 4. Создаем фон нашей визитки

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

Шаг 5. Добавляем логотип

Каждая компания, каждый сайт и предприниматель имеет свой логотип. В данном шаге мы вставим в нашу визитку свой логотип, я буду использовать логотип своего блога smart— photoshop.ru:

Примечание: Если Вы считаете, что вашему логотипу не хватает насыщенности, контраста, то Вы можете откорректировать его при помощи корректирующих слоев: Цветовой тон/Насыщенность и Уровни, как сделал это я.

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

Шаг 6. Добавляем заголовок и подпись

Для добавления заголовка я использовал шрифт Georgia c такими настройками:

Цвета, которые я использовал в своей работе для оформления текстовых слоев – это красный, желтый и белый. Также я использовал такие Стили слоя:

Шаг 7. Добавление информации о себе

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

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

Спасибо за внимание и до новых встреч на smart-photoshop.ru! Если возникли какие-то вопросы, задавайте их в комментариях. Постараюсь ответить наилучшим образом!

Автор: Сергей Заставный

P.S. Если Вам понравился данный урок, будьте любезны – нажмите кнопочку Поделиться… Заранее спасибо. Также если Вы хотите регулярно получать новые уроки с этого блога, подписывайтесь на RSS ленту.

Понравился материал?Не жадничай — поделись с другими!

Создаем два варианта визитки в программе Photoshop – Ярмарка Мастеров

В данном мастер-классе я покажу, как можно сделать визитку. Этот мастер-класс для начинающих. Думаю, что справится любой, кто знаком с основами работы в фотошопе! А кто не знаком — отличный повод начать.

Буду искренне рада, если вы не только пролистаете мастер-класс, но и попробуете повторить.

Постаралась предупредить вопросы, которые могут возникнуть по ходу.

ЛКМ — левая кнопка мыши, ПКМ — правая кнопка мыши.

Направляющие — вертикальные и горизонтальные линии, несущие в себе функции разметки.

Чтобы перетащить слой из одного файла в другой, кликайте не по названию слоя в списке, а непосредственно по изображению и, удерживая, перемещайте курсор на название соседнего окна. Но если вам не удобен такой способ, вы можете просто кликнуть Файл>Поместить и выбрать нужный файл (рамку, виньетку), это удобно когда в файле PSD мало слоев.

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

Мастер-класс выполнен в Photoshop CS5.1, но все использованные инструменты просты и доступны во всех версиях программы.

1. Файл>Создать документ размером 95*55 мм, разрешение 300 dpi, цветовой режим CMYK (данные параметры важны для качества печати).

2. Нажимаем Ctrl+R, появляются линейки, если нажать на линейку и удерживая ЛКМ потянуть вниз, то вы увидите направляющую. Они-то нам и нужны! Устанавливаем направляющие, как на скриншоте, по 5 мм с каждой стороны — это область, на которой не нужно размещать информацию и элементы дизайна.

Отступление. При создание визитки сначала мы продумываем дизайн в голове, складывается некая картина того, что вы хотите увидеть в итоге. Далее следует этап подбора материалов/либо создание заготовок. В сети полно информации, посвященной графическому дизайну, вы найдете большее количество интересных материалов. Некоторые полезные термины: pattern (шаблон), background (фон), fonts (шрифт), frame (кадр, рамка).

3. Открываем наши заготовленные материалы, удерживаем Ctrl и кликаем ЛКМ по нужным файлам.

4. Файл фон (листочки) хватаем ЛКМ и просто перетаскиваем в наш документ (можно перетаскивать слои между несколькими открытыми файлами).

5. Кликаем на инструмент «Фигура», Прямоугольник. Выбираем нужный цвет: кликаем на квадратик активного цвета внизу, слева, далее клик по любому месту фона. Я выбрала светло-желтый.

6. К данному этапу у нас есть визитка с фоновыми листочками и с фигурой «Прямоугольник». Выравниваем его относительно визитки, советую воспользоваться направляющими (середина 4,75 мм). Для удобства работы мы можем растрировать фигуру, клик ПКМ по слою с фигурой и Растрировать слой.

7. Осталось совсем немного, давайте разместим текст и элементы дизайна. Из открытого файла Виньетка1 перетаскиваем слой на нашу визитку.

7. Работаем с инструментом Текст (буква Т на панели инструментов слева). Подбираем цвет, шрифт. Получается так.

8. Давайте добавим немного объема: кликаем на слой с нашим светло-желтым квадратом и добавляем стиль слоя Тень. Поиграйте с параметрами, результат сразу отображается на визитке.

9. На этом этапе наша визитка готова! Вы можете сохранить ее в формате PSD и смело идти в полиграфию. Сохранив в jpeg, можно будет разместить в сети. Но я предлагаю создать второй вариант этой визитки!

Удалите «глазки» у наших слоев, клик ЛКМ.

10. Перетаскиваем слой из файла Рамка. Мы видим, что она больше, чем нужно. Применяем простой инструмент трансформации Ctrl+T. Пользуйтесь горячими клавишами, это удобно! Теперь мы видим, что вокруг нашей рамки появился квадрат. На клавиатуре зажимаем Shift и кликаем (удерживаем) ЛКМ на уголок этого квадрата, меняем размер на нужный. При трансформации очень важно сохранение пропорции объекта.

11. Перетаскиваем из документа Виньетка 2 слой с горизонтальной виньеткой. Так же применяем трансформацию.

12. Теперь давайте вернем «глазки» нашим слоям. Мы видим, что рамка перекрывает слой с текстом, давайте текстовые слои перетащим в самый верх (принцип почти тот же, что и в многослойном наряде на женщине — кружевная комбинация под платье и её не видно). Кликаем ЛКМ на слой с текстом и тянем в списке вверх, надеюсь, глазик вернули слою? 🙂

13. Перетащили текстовые слои, изменили их размер и выровняли относительно рамки. Готово. Второй вариант визитки готов. Сохраняем в PSD и идем в полиграфию. Либо в JPEG и размещаем в сети.

Для меня это был новый и интересный опыт.

Надеюсь, вам было так же приятно прочитать мой мастер-класс, как и мне составлять его для вас!

Материалы, которые были использованы, на фото ниже (могу скинуть в личку PSD, если хотите попрактиковаться).

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

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

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

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

Начнем с размера. В нашей стране существует единый размер визитки, а именно 5X9 сантиметров. Размер визитки при разработке в фотошопе тот же. В пикселях это 1063х591 при разрешении 300 пикс/дюйм.

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

Находим данную команду в верхнем меню. Файл – создать.

От краев нам необходимо сделать отступ в 0,5 мм. Никакая важная информация не должна выходить за эти рамки. Потому как может быть попросту обрезана в типографии и вы зря потратите деньги. На верхней панели ищем команду «просмотр» – «новая направляющая».

Устанавливаем вот эти настройки.

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

Это инструмент «Горизонтальный текст». Наиболее важный для нас. Задействуем его. Пишем наше имя, со следующими настройками.

Шрифт Arial, размер 12. Цвет черный.

Теперь под ним располагаем нашу специализацию. Настройки: Шрифт Impact, размер 7. Ставим курсор в конце фразы: «веб дизайнер», протягиваем к началу и выделяем. Теперь мы можем изменить цвет, кликнув по пиктограмме «Задайте цвет текста» на верхней панели.

Выбираем серый #707070.

Теперь пишем название компании. Настройки следующие: шрифт Impact, размер 15. Цвет черный. Между словами Photoshop и Work делаем 2 пробела.

Выделяем фразу Work и изменяем ее цвет на белый.

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

Теперь, под названием компании кратко описываем деятельность компании. Настройки: Arial,5, черный. И ниже – контакты. Настройки:Arial, 5, цвет # 707070. Тут мы пишем сразу несколько строчек, а потому нам нужно задать расстояние между ними. Его мы ищем в окне «текст». И равно оно 10пт.

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

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

А теперь создаем новый слой.

На панели инструментов ищем инструмент «прямоугольная область».

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

А теперь выбираем инструмент «заливка» и заливаем выделенную область, сделав клик по ней.

Вот, что у нас получилось. Выделение снимаем при помощи комбинации клавиш Ctrl+d.

Привнесем немного красок в наш мрачный пейзаж. Мы пытаемся сделать визитку для веб –дизайнера все-таки. Нельзя нам без ярких акцентов.

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

А теперь выполняем следующую команду:

Цвет для своего эксперимента я взяла такой: #c3bf19.

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

Экспериментируйте с расположением.

Вот, что у меня получилось.

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

Файл – сохранить как – tiff.

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

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

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

Шаг 1 — Рассчитываем размеры макета

Для начала создаем в фотошопе новый документ — Ctrl+N.

Его размеры зависят от того, какую визитку вы планируете сделать. Стандартный размер готовой визитки — 90х50мм. Однако, для данного урока использую размер 90мм х 55мм.

При изготовлении документов, предназначенных для печати, необходимо добавлять своего рода рамку вокруг изображений под названием »Bleed» – припуск под обрез. Эта рамка включает в себя пространство по краям вашего дизайна. Припуски под обрез нужны для того, чтобы при печати по краям не появлялись белые полосы. Размер припусков зависит от модели принтера, и обычно составляет 3-5 мм.

Из-за особенностей программы Photoshop, которые вы увидите позже, будем использовать значение 3 мм. Таким образом, для создания визитки размером 90мм х 55мм при выборе размера холста нам нужно будет задать следующие значения:

Высота: 90 мм + по 3 мм справа и слева (припуски под обрез) = 96мм.

Аналогично задаем ширину: 55 +3 +3 = 61 мм.

Поскольку мы готовим документ для печати, разрешение устанавливаем 300dpi, цветовой режим — CMYK.

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

Шаг 2 — Разметка документа

Теперь нам нужно обозначить на документе припуски под обрез.

Нажмите + , чтобы включить линейки. Теперь устанавливаем направляющие. Для этого можно щелкнуть по линейке и перетащить направляющую в нужное место. Но есть более точный способ: перейдите в меню Viеw> Nеw Guidе (Просмотр — Новая направляющая), задайте горизонтальную ориентацию и значение 3 мм.

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

После повторите эти действия со значениями 93 и 58 мм.

Шаг 3 — Выбираем текстуру для фона

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

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

Вы можете скачать любую другую на свое усмотрение.

Шаг 4 — Обработка фона

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

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

Мы можем сделать это с помощью инструмента Clone Stamp Tool (Клонирующий штамп)(S). Нажмите клавишу , чтобы выбрать область для клонирования (в данном случае я использовал участок, расположенный выше), а затем кликайте по области, которую нужно исправить. Используйте мягкую кисть, чтобы клонированные участки выглядели более реалистичными.

Шаг 5 — Работа с цветом

Теперь я хочу немного затемнить текстуру.

Для этого я добавил слой, залил цветом #797c82 и установил режим наложения Multiply. Получился немного голубоватый оттенок. Мне же хочется получить более темный серый оттенок. Эта особенность связана с цветовым режимом CMYK.

Пришло время поговорить о цветовых режимах.

Немного о CMYK и RGВ

Основой цветового пространства CMYK составляют четыре триадных цвета, которые воспроизводят большинство принтеров. Комбинируя эти цвета (голубой, пурпурный, жёлтый и чёрный) можно получить множество других цветов. Измеряется данная модель в процентах. Например, для получения оранжевого цвета необходимо смешать 40 % голубой краски, 30 — пурпурной, 50 — жёлтой и 10% — черной.

Также существует цветовое пространство RGB, которое состоит, как вы знаете, из трёх цветов — красного, зелёного и синего. Выбор именно этих цветов обусловлен спецификой восприятия цвета сетчаткой глаза человека. Если насыщенность всех трёх базовых цветов будет 100 %, то в результате получится белый цвет, а отсутствие интенсивности даст противоположный чёрный цвет.

Цветовая модель RGВ имеет более широкий цветовой диапазон, в отличие от CMYK, поэтому изображения, просматриваемые в режиме RGB, могут быть чересчур яркими или контрастными, либо быть не совсем желаемым конечным результатом. Именно поэтому цветовая модель RGB предназначена для показа на экране монитора (телевизоре, на прозрачной пленке и.т.д.), а для отображения изображений на отражающей бумаге. CMYK используют в типографической печати.

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

Переключение цветовых режимов

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

Переключиться в режим RGB вы можете, зайдя в Image> Mоdе> RGВ Color (Изображение — Режим — RGB). Программа спросит вас, нужно ли сгладить изображение. Ответим отрицательно. Вы сразу увидите заметный эффект затемнения. Этот шаг по факту мог бы быть короче, но я хотел довести до вас полезную информацию о цветовых пространствах.

Шаг 6 — Рисуем желтую полоску

Итак, сейчас у нас установлен режим RGB.

Теперь нам необходимо сделать несколько диагональных блоков.

Выберите инструмент »Pоlygonаl Lаsso Tооl»(L) и создайте новый слой — Ctrl+Shift+N.

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

Шаг 7 — Клонируем полосы

Создав фигуру, заполните ее грязно-желтым цветом #c4b10f, установите режим смешивания слоя на »Cоlor Dоdge» вверху палитры слоев.

Как изменить режим смешивания слоя в фотошопе смотрите ниже:

У вас получится ярко-желтый цвет, как на изображении ниже. Обратите внимание, что если вы переключитесь обратно в CMYK, вы увидите, что этот эффект не работает, поэтому мы и переключились в RGB.

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

Шаг 8 — Автоматическое выравнивание фигур

Теперь вместо того, чтобы определять равные расстояния между блоками на глаз или нажимая на клавиши со стрелками, мы будем использовать инструмент выравнивания. Итак, сначала удерживая , выберите все слои с жёлтыми фигурами. После этого кликните по инструменту »Align Tool», как показано ниже. Это равномерно распределит выделенные блоки в пространстве автоматически.

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

На данном этапе наше изображение выглядит так:

Шаг 9 — Возвращаемся к припускам под обрез

На этом шаге я создал новый слой выше (Ctrl+Shift+N) и большой мягкой черной кистью (B) аккуратно провел по краям.

Помните: всё, что находится за пределами направляющих, вероятно, не будет видно в конечном документе.

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

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

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

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

Просто перед отправкой на принтер, убедитесь, что все вспомогательные слои отключены!

Шаг 10 — Делаем оборотную сторону визитки

Далее я поместил на будущую визитку небольшой текст. Это будет оборотная сторона визитки (лицевую сторону мы сделаем за одну секунду).

Я использовал шрифт DIN. На мой взгляд, он очень подходит для этой цели, к тому же в нем есть очень нужный нам символ ‘@’.

Размер шрифта я установил 8pt. Отмечу, что лучше не использовать шрифт размером менее 6pt. Если хотите, чтобы ваш текст был легкочитаемым, используйте 7.5pt и выше. В первую очередь, это зависит от вашей аудитории. При изготовлении визиток я руководствуюсь тем, что человек бегло читает их, проглядывая не одну, а много визитных карточек. Когда делаю что-то для себя, то часто использую мелкий шрифт.

Кроме того, я установил режим наложения »Linear Light». Как только сделаете это, можете сохранять документ под именем Back.psd.

Затем перейдите в меню Файл> Сохранить как… и в этот раз сохраните документ как Front.psd, из него мы будем делать лицевую часть визитки.

Шаг 11 — Делаем лицевую сторону визитки

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

Шаг 12 — Рисуем треугольник

Теперь нам нужно отключить часть слоев с желтыми блоками, чтобы осталось только три из них. Далее инструментом Polygonal Lasso Tool (Прямолинейное лассо / Многоугольное лассо)(L), нарисуйте треугольную форму, как изображено ниже:

Шаг 13 — Делаем заливку выделения

Затем создайте новый слой над слоем с текстурой, залейте его темно-серым цветом и установите режим смешивания »Multiply». К сожалению, это сделает желтые блоки более тусклыми. Исправим это позже.

Шаг 14 — Создаем маску

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

Нажмите + + , чтобы инвертировать выделение, как показано на рисунке.

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

Шаг 15 — Меняем цветовой режим на CMYK

Теперь мы должны перейти в меню Layer> Flatten Image (Слой-Выполнить сведение), а затем в Image> Mode> CMYK (Изображение — Режим — CMYK), чтобы вернуться в CMYK и получить готовый для печати документ.

Шаг 16 — Предпечатная подготовка

Теперь перейдите в меню Файл> Печать с предварительным просмотром и вы должны увидеть подобное тому, что изображено ниже. Если вы не видите все варианты, нажмите на »Дополнительные параметры», и они появятся.

Проверьте, чтобы стояла галочка в пункте »Corner Crop Marks» (Угловые метки реза), затем нажмите кнопку с надписью »Bleed» и установите значение 3 мм.

Также снимите галочку с пункта »Show Bounding Box»(Показать ограничительную рамку) (на скриншоте галочка стоит).

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

Если у вас нет программы Acrobat, не отчаивайтесь … еще не все потеряно!

Если у вас нет программы Acrobat, то используйте другой способ. Вернитесь в документ, создайте новый слой поверх остальных, затем с помощью инструмента »Single Column Marquee Tool»(Область (вертикальная строка), создайте выделение вдоль направляющих, как показано на рисунке ниже:

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

Registration Black — это смешение в 100%-ном соотношении всех основных цветов CMYK (как вы видите на рисунке ниже).

Определившись с цветом, далее нам нужно заполнить выделение, созданное на предыдущем шаге.

Для этого, используя инструмент Rectangular Marquee Tool (Прямоугольная область), отрезаем линии так, чтобы у нас остались только небольшие одиночные линии в каждом из четырех углов слева — то есть четыре пары меток реза.

Затем выполните команду Save As и сохраните файл в формате PDF, используя Фотошоп. Это не должно вызвать каких-либо проблем при печати, хотя я, честно говоря, ни разу не пробовал отправить на печать файл с метками реза. Поэтому, наверное, лучше поинтересоваться в типографии по этому поводу, прежде чем распечатывать тысячу визиток.

Шаг 17 — Печать

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

Теперь вы знаете, как сделать визитку в фотошопе.

МК как сделать надпись в фотошопе.

Небольшой мастер-класс как сделать надпись в фотошопе.

Инструменты: обязательно наличие компьютера, программы «Adobe Photoshop» на любом языке.

Сложность: 1

Вашему вниманию предлагается один из способов как написать текст в Фотошопе.

Создаете новый лист с большим разрешением на белом фоне.

Ищите буковку «Т» на панели слева (1). Располагаете курсор в середине поля (2).

Набиваете нужный текст. При этом можно изменить дизайн шрифта (1), размер (2), толщину, наклон (3), цвет (4) — там еще много настроек, советую посмотреть!

Если Вас устраивает результат, сохраняем файл. Идем в меню «Файл» — выбираем «Сохранить как». В появившемся окошке не забываем выбрать нужный нам формат файла — JPEG.

Очень интересно, только не понятно назначение мастер-класса. Если надо подписать фотографию. тогда зачем создавать текст на белом фоне. А если текст потом использовать для подписи своих работ, то тогда зачем сохранять в JPEG, лучше в PSD.

Ирина, МК делался по просьбе мастеров под конкретную тему на форуме, которая была в апреле 2022 года.

А что делать если шрифт не хочет менятся , вот я набираю из типа шрифта ParkAvenuen ВТ , а шрифт идет как обычный — Что делать .

Я думаю, что надо добавить этот шрифт в коллекцию.

Как установить новый шрифт в Photoshop

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

Когда вы откроете папку «Шрифты», то увидите списки уже существующих шрифтов. Перенесите свой новый шрифт в эту же папку.

Можете воспользоваться меню Файл — Установить шрифт.

Таким образом, новый шрифт появится как в Word, так и в программе Adobe Photoshop.

Создание визитки: Онлайн редактор визиток (конструктор визиток). Создать макет визитки онлайн.

Готовые к печати файлы

Мы предоставляем продукцию в высококачественных векторных (PDF, SVG) и растровом (PNG) форматах. Поэтому вы можете без проблем распечатать свою визитку.

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

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

Единый дизайн для всех сотрудников

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

Быстро и просто

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

Полноценный фирменный стиль

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

В данном мастер-классе я покажу, как можно сделать визитку. Этот мастер-класс для начинающих. Думаю, что справится любой, кто знаком с основами работы в фотошопе! А кто не знаком — отличный повод начать.

Буду искренне рада, если вы не только пролистаете мастер-класс, но и попробуете повторить.

Постаралась предупредить вопросы, которые могут возникнуть по ходу.

ЛКМ — левая кнопка мыши, ПКМ — правая кнопка мыши.

Направляющие — вертикальные и горизонтальные линии, несущие в себе функции разметки.

Чтобы перетащить слой из одного файла в другой, кликайте не по названию слоя в списке, а непосредственно по изображению и, удерживая, перемещайте курсор на название соседнего окна. Но если вам не удобен такой способ, вы можете просто кликнуть Файл>Поместить и выбрать нужный файл (рамку, виньетку), это удобно когда в файле PSD мало слоев.

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

Мастер-класс выполнен в Photoshop CS5.1, но все использованные инструменты просты и доступны во всех версиях программы.

1. Файл>Создать документ размером 95*55 мм, разрешение 300 dpi, цветовой режим CMYK (данные параметры важны для качества печати).

2. Нажимаем Ctrl+R, появляются линейки, если нажать на линейку и удерживая ЛКМ потянуть вниз, то вы увидите направляющую. Они-то нам и нужны! Устанавливаем направляющие, как на скриншоте, по 5 мм с каждой стороны — это область, на которой не нужно размещать информацию и элементы дизайна.

Отступление. При создание визитки сначала мы продумываем дизайн в голове, складывается некая картина того, что вы хотите увидеть в итоге. Далее следует этап подбора материалов/либо создание заготовок. В сети полно информации, посвященной графическому дизайну, вы найдете большее количество интересных материалов. Некоторые полезные термины: pattern (шаблон), background (фон), fonts (шрифт), frame (кадр, рамка).

3. Открываем наши заготовленные материалы, удерживаем Ctrl и кликаем ЛКМ по нужным файлам.

4. Файл фон (листочки) хватаем ЛКМ и просто перетаскиваем в наш документ (можно перетаскивать слои между несколькими открытыми файлами).

5. Кликаем на инструмент «Фигура», Прямоугольник. Выбираем нужный цвет: кликаем на квадратик активного цвета внизу, слева, далее клик по любому месту фона. Я выбрала светло-желтый.

6. К данному этапу у нас есть визитка с фоновыми листочками и с фигурой «Прямоугольник». Выравниваем его относительно визитки, советую воспользоваться направляющими (середина 4,75 мм). Для удобства работы мы можем растрировать фигуру, клик ПКМ по слою с фигурой и Растрировать слой.

7. Осталось совсем немного, давайте разместим текст и элементы дизайна. Из открытого файла Виньетка1 перетаскиваем слой на нашу визитку.

7. Работаем с инструментом Текст (буква Т на панели инструментов слева). Подбираем цвет, шрифт. Получается так.

8. Давайте добавим немного объема: кликаем на слой с нашим светло-желтым квадратом и добавляем стиль слоя Тень. Поиграйте с параметрами, результат сразу отображается на визитке.

9. На этом этапе наша визитка готова! Вы можете сохранить ее в формате PSD и смело идти в полиграфию. Сохранив в jpeg, можно будет разместить в сети. Но я предлагаю создать второй вариант этой визитки!

Удалите «глазки» у наших слоев, клик ЛКМ.

10. Перетаскиваем слой из файла Рамка. Мы видим, что она больше, чем нужно. Применяем простой инструмент трансформации Ctrl+T. Пользуйтесь горячими клавишами, это удобно! Теперь мы видим, что вокруг нашей рамки появился квадрат. На клавиатуре зажимаем Shift и кликаем (удерживаем) ЛКМ на уголок этого квадрата, меняем размер на нужный. При трансформации очень важно сохранение пропорции объекта.

11. Перетаскиваем из документа Виньетка 2 слой с горизонтальной виньеткой. Так же применяем трансформацию.

12. Теперь давайте вернем «глазки» нашим слоям. Мы видим, что рамка перекрывает слой с текстом, давайте текстовые слои перетащим в самый верх (принцип почти тот же, что и в многослойном наряде на женщине — кружевная комбинация под платье и её не видно). Кликаем ЛКМ на слой с текстом и тянем в списке вверх, надеюсь, глазик вернули слою? ��

13. Перетащили текстовые слои, изменили их размер и выровняли относительно рамки. Готово. Второй вариант визитки готов. Сохраняем в PSD и идем в полиграфию. Либо в JPEG и размещаем в сети.

Для меня это был новый и интересный опыт.

Надеюсь, вам было так же приятно прочитать мой мастер-класс, как и мне составлять его для вас!

Материалы, которые были использованы, на фото ниже (могу скинуть в личку PSD, если хотите попрактиковаться).

Онлайн конструктор визиток

Выбираем шаблоны, создаем собственные макеты

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

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

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

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

Еще один момент – выбор цвета и вставка изображения. Наш онлайн-конструктор позволяет выбрать именно те оттенки, которые будут максимально точно воспроизведены при печати, что очень важно, например, для компаний, которые выполняют визитки в том же стиле, что и корпоративный сайт. Наконец, создавая визитные карточки с «ЛемонПринт», вы сможете сохранить свой макет, чтобы воспользоваться им позже.

Визитная карточка — компактный бумажный, картонный или пластиковый носитель основной информации о каком-либо предприятии или человеке. Среди размещённых на визитной карточке сведений, как правило, можно найти имя владельца, контактные данные (телефонные номера, адреса, названия аккаунтов в социальных сетях и т.д.) и логотип.

Разработать логотип для бизнеса за 5 минут

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

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

Какие бывают визитные карточки

Сегодня все визитные карточки разделены на три глобальные категории: личные и корпоративные и деловые.

Личные визитки

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

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

Корпоративные визитки

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

Деловые визитки

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

Рекомендации по выбору дизайна визитки

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

  • Используйте подходящий шрифт. Если это личная визитка, то ограничений по выбору шрифтового стиля нет. Однако не стоит использовать шрифты с большими засечками и узорами. В противном случае надписи будут не читабельны. Для корпоративной визитной карточки лучше выбирать строгие шрифтовые стили. Таким образом можно отразить серьезность и стабильность организации.
  • Выбирайте подходящую расцветку. Если визитка принадлежит компании, то она должна быть окрашена в фирменные цвета. Не желательно использовать много ярких акцентов: лучше остановиться на 1-2 основных оттенках. Такая визитная карточка будет выглядеть гармонично и стильно.
  • Продумывайте расположение компонентов на плоскости. В основной части должны располагаться главные сведения: ФИО, если визитка личная или деловая, и название компании — если корпоративная.
  • Учитывайте сферу применения. Именно от этого следует отталкиваться при выборе дизайна визитки.
  • Придерживайтесь правила «лучше меньше, но лучше». Перегруженная элементами карточка будет выглядеть несуразно, из-за чего у ее получателей может сформироваться недоверчивое или даже негативное отношение к компании или физическому лицу.

Как сделать визитку

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

С помощью Microsoft Word

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

С помощью Photoshop

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

С помощью онлайн-сервиса

Визитные карточки можно создавать на специальных сервисах (например, WIX, Coral print). Также для этой цели подойдут площадки Artikul и Canva.

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

Заключение

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

Создать бесплатно визитку в конструкторе онлайн

Основные задачи

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

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

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

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

Разновидности визиток

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

  1. При цифровом типе печати применяют обыкновенный лазерный принтер, цветовая гамма при этом любая. Данные визитки можно распечатывать на бумаге или же картоне.
  2. При офсетной печати применяется офсетная машина, цветовая гамма ее тоже не ограничена, но такая печать немного слабее по качеству и четкости. Но ценовая категория офсеток радует, что предоставляет возможность человеку напечатать большее количество визиток.
  3. Шелкотрафаретная печать имеет отменное качество и высокую цену. Каждый оттенок наносят на основу по отдельности. Эти визитки очень интенсивны по цвету и имеют отличную четкость. Достоинством является то, что такой вид печати наносится на абсолютно любую основу, в том числе пластик, винил и даже замшу. Визитки такого рода смотрятся невероятно презентабельно, поэтому вместе с творческим текстом создают отменное впечатление о человеке.

Есть и иной вид изготовления визиток — тиснение (фольгирование). В этой ситуации на визитку наносят фольгу, а затем осуществляют тиснение при помощи клише и термопресса. Такие изделия выглядят очень привлекательно.

Создать визитную карточку онлайн

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

Статьи по теме:

— Создание визиток
— Шаблоны визитных карточек
— Как сделать визитку в фотошопе

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

vizitki-besplatno.ru. Понравилось то, что возможно создать двустороннюю визитку. Интуитивно понятно интерфейс поможет вам не только быстро создать визитку, но и сохранить ее в pdf-формате.

vizitka.offnote.net – простой конструктор визиток. Большое количество фонов для визитных карточек. Возможность печати со страницы сервиса и скачивания в формате документа word.

www.offnote.net/vizitka2 — классические шаблоны для визиток различных тематик, размеры 9 x 5 см и 8,5 x 5,5 см. Добавление текста, клипарта, фонового изображение, фигуры, картинки. Скачать в форматах PNG, Word (в премиум) и PDF (Премиум), причем в последних двух форматах — сразу много визиток на одном листе, что удобно для печати.

www.vizit-ka.ru – еще один простой конструктор визиток онлайн. Имеется каталог стандартных изображений, также вы можете загрузить фоновое изображение в генератор. Скачать готовый макет можно в pdf.

Интересным сервисом для создания электронных визитных карточек, является Визитка 2.0. Здесь вы можете создать электронную визитку (нужна регистрация), вам на почту придет ссылка на вашу визитку, которую вы можете разослать друзьям и знакомым. Эта визитка является двусторонней — при нажатии на стрелку в нижнем правом углу визитной карточки, она переворачивается.

Лучший сервис по созданию визитных карточек в видео обзоре:

Программы для дизайна визиток

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

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

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

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

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

Оригинальные идеи для дизайна визиток

  1. Смена положения. Визитка не обязательно должна иметь только горизонтальную направленность. Часто именно вертикально расположенный текст поможет выделить одну визитку из сотни других изделий конкурентов. Можно также смешивать разные варианты компоновки общего дизайна визитки. Наиболее легкий способ сделать хорошую вертикальную визитку — просто перевернуть горизонтальную визитку и разместить в ней все элементы по иерархии их значимости.
  2. Применение оригинальной формы. Для визитки будет очень интересно сделать необычные края — закругленные, немного скошенные или срезанные по диагонали. Такой смелый ход сразу отличит визитку от изделий соперников — этот объект захочется повертеть в руках и рассмотреть. Креативность состоит именно в применении необыкновенных форм для визиток. Наиболее часто применяется закругление 1-4 углов. В целом изделие остается довольно сдержанным и классическим. Можно при помощи формы сделать акцент на роде деятельности предприятия. Например, для пиццерии отлично подойдет визитка в виде кусочка пиццы.
  3. Пусть визитка будет полезной. Один из самых верных способов заставить потенциального клиента снова и снова брать визитку в свои руки — прибавить ей интересую и (самое главное!) полезную функцию. Пусть помимо основной информации у клиента появится дополнительная — та, в которой он будет нуждаться. Данная информация не обязательно должна быть напрямую связана с этим человеком или предприятием, но косвенно касаться именно их. К примеру, если это визитка для вкусной кондитерской, то почему бы на обратной стороне визитки не расположить рецепт вкуснейшего десерта?
  4. Нарушение правил. Человеку, создающему для себя интересную и стильную визитку, можно и нужно смело экспериментировать с цветами, формами, идеями и шаблонами. Мастер — не тот, кто слепо следует правилам, а тот, кто умеет их гибко нарушать, создавая оригинальные шедевры.

Пусть Ваши визитки привлекают больше клиентов и приносят им лишь радость красивым и интригующим внешним видом!

Графика компьютерная Мастер-класс Вырезание СОЗДАНИЕ ШАБЛОНА В PHOTOSHOP Бумага

ДОБРОГО ВРЕМЕНИ СУТОК.
Попробую показать и объяснить как делаю шаблон в графическом редакторе Photoshop.
У меня стоит версия Photoshop CS3.
—————————————————
Должна сказать, что используя Photoshop хорошо получаются фотографии в качестве портрета, где светлый фон и нет множества лишних деталей.
Есть два варианта создания шаблона: ПЕРВЫЙ — используя коррекцию изображения ИЗОГЕЛИЯ и ДИФФУЗИЮ.
ВТОРОЙ — используя фильтр ПОЧТОВАЯ БУМАГА

Итак. начнем с варианта №1. Коррекцию изображения ИЗОГЕЛИЯ.
Открываем фотографию в программе.

Всегда когда делаем что-либо в Photoshop, для изображения создаем дубликат слоя. Для этого нажимаем Ctrl и букву J.
Либо на панеле инструментом заходим в СЛОЙ—СОЗДАТЬ ДУБЛИКАТ СЛОЯ.

Работаем с новым слоем. Заходим ИЗОБРАЖЕНИЕ — КОРРЕКЦИЯ — ИЗОГЕЛИЯ

Автоматически фотография становится черно-белой. Справа у нас появляется окошко в котором ползунком редактируем порог яркости. У меня стоит на позиции 111 (на этом фото плохо видно).

Далее необходимо немного смягчить края. Заходим ФИЛЬТР — СТИЛИЗАЦИЯ — ДИФФУЗИЯ.

Режим выбираем АНИЗОТРОПНЫЙ. В дополнительном окошке видны изменения.

Далее заходим в ИЗОБРАЖЕНИЕ — КОРРЕКЦИЯ — УРОВНИ.

И только верхним ползунком редактируем. Крайние ползунки смещаем к центру. У меня слева 138, по центру 0,81, справа 182.

В принципе можно сказать что готово. Но вырезать все еще неудобно. Некоторые моменты образа не видно. Поэтому на слое с которым мы работали делаем непрозрачность где-то 57%. Получается что наш основной слой, который цветной стал немного виднее.
Кто любит рисовать в Photoshop кисточкой запросто могут дорисовать недостающие эллементы, в данном случае это ворот рубашки, плечи, контур правого уха. Я делаю иначе.

Перед тем как сохранить наши слои необходимо объединить. Выделяем слои (верхний у нас уже выделен, прижимаем Ctrl и левой кнопкой мыши на второй слой). Теперь правой кнопкой мыши — ОБЪЕДИНИТЬ СЛОИ.

Слева на вертикальной панели выбираем инструмент ПРЯМОУГОЛЬНАЯ ОБЛАСТЬ. Выделяем наш рисунок. Правой кнопкой мыши нажимаем, выбираем СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ

Еще раз правой кнопкой мыши — ОТРАЗИТЬ ПО ГОРИЗОНТАЛИ.

Теперь справа на вертикальной панели нажимаем ПЕРЕМЕЩЕНИЕ (черная стрелочка на самом верху). ПРИМЕНИТЬ трансформирование.

Сохраняем. ФАЙЛ — СОХРАНИТЬ КАК. Выбираем папку в которой будем сохранять. Тип файла выбираем JPEG

Качество выбираем наилучшее «12». Формат БАЗОВЫЙ

Наш рисунок сохранен. Закрываем программу, при запросе сохранить изменения выбираем НЕТ, т.к. это запрос на сохранение исходной фотографии.

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

ВТОРОЙ вариант — ПОЧТОВАЯ БУМАГА. Это более простой вариант, но не совсем точный.
Выбираем ФИЛЬТР — ЭСКИЗ — ПОЧТОВАЯ БУМАГА

Справа редактируем ползунком. ЗЕРНИСТОСТЬ и РЕЛЬЕФ сводим к позиции «0» влево. ТОНОВЫЙ БАЛАНС подбираем на ваше усмотрение. У меня на позиции «19»

Далее КОРРЕКЦИЯ — ЯРКОСТЬ И КОНТРАСТНОСТЬ

Яркость полностью отводим влево на позицию «-150», контрастность «+100». Этот шаг делаем дважды.

Отобразили. Получается так. Можно сделать непрозрачность как в первом варианте.

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

ИТАК. Слева вверху — оригинал. Сверху справа — Photoshop вариант первый используя коррекцию ИЗОГЕЛИЯ.
Снизу слева — Photoshop вариант второй — почтовая бумага. Снизу справа — FotoSketcher.
Повторюсь еще раз, что такие портреты лучше получаются все-таки в Photoshop.

После того как я выбрала фотографию, я дооооооооолго ее мучаю в разных ракурсах

Лучше семь раз отмерить и один раз отрезать, точнее ВЫРЕЗАТЬ

Может очень сложно объяснила — пишите, задавайте вопросу, буду рада общению.

Мастер-класс: Создаем два варианта визитки в программе Photoshop

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

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

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

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

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

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

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

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

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

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

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

Далее выберем инструмент «карандаш» и настроим его установив размер на 1пикс. Цвет я оставляю черный.

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

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

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

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

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

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

Как рисовать повторяющиеся узоры в Фотошоп / Creativo.one

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

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

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

Шаг 1. Создаем новый документ

Давайте начнем с создания отдельного мотива для узора. Для этого нам нужен новый пустой документ, поэтому я перейду в раздел «Файл» (File) в строке меню в верхней части экрана и выберу пункт «Новый» (New):

Выбираем «Файл» > «Новый»

В результате, откроется диалоговое окно «Новый» (New). Для параметров Ширина (Width) и Высота (Height) введите значение 100 пикселей. Размер документа будет определять размер мотива, который в свою очередь будет влиять на частоту повтора узора в документе (так как для мотива меньшего размера потребуется большее количество повторов, чем для мотива большего размера, чтобы занять одинаковое пространство). В нашем случае мы будем создавать элемент размером 100 х 100 пикселей. Когда позже вы будете создавать свои собственные узоры, вы сможете поэкспериментировать с размерами мотива. Параметр «Разрешение» (Resolution) я оставлю без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) изменю на «Прозрачный» (Transparent), таким образом, новый документ будет иметь прозрачный фон:

Введите значения ширины и высоты для своего документа и убедитесь, что для параметра «Содержимое заднего фона» выбран вариант «Прозрачный»

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

Новый пустой документ с масштабом изображения, равным 500%

Шаг 2. Добавляем направляющие через центр документа

Нам нужно точно определить центр документа, и мы сможем это сделать с помощью направляющих. Перейдите в меню «Просмотр» (View) в верхней части экрана и выберите пункт «Новая направляющая» (New Guide):

Выбираем «Просмотр» > «Новая направляющая»

Выбираем «Горизонтальная» и вводим 50% для параметра «Положение»

Вернитесь в меню «Просмотр» (View) и снова выберите пункт «Новая направляющая» (New Guide). На этот раз в диалоговом окне в разделе «Ориентация» (Orientation) выберите «Вертикальная» (Vertical), а для параметра «Положение» (Position) введите 50%.

Выбираем «Вертикальная» и вводим 50% для параметра «Положение»

Нажмите ОК для закрытия диалогового окна, и теперь у вас появятся две направляющие (вертикальная и горизонтальная), проходящие через центр документа.

Вертикальная и горизонтальная направляющие, проходящие через центр документа

Изменяем цвет направляющей (Дополнительный шаг)

Если Вам трудно увидеть направляющие из-за их светлого цвета, вы можете изменить цвет в разделе «Установки». На компьютере РС перейдите в раздел меню «Редактирование» (Edit) , далее выберите «Установки» (Preferences), «Направляющие, сетка и фрагменты» (Guides, Grid & Slices). На компьютере Mac перейдите в меню «Фотошоп» (Photoshop), выберите «Установки» (Preferences) и далее «Направляющие, сетка и фрагменты» (Guides, Grid & Slices):

Выбираем «Направляющие, сетка и фрагменты» в разделе «Установки»

В результате откроется диалоговое окно раздела «Установки» с опциями направляющих, сетки и фрагментов. Самая верхняя опция «Цвет» (Color) отвечает за цвет направляющей. Как я уже упоминал, по умолчанию цвет направляющей – голубой. Кликните по слову «Голубой» (Cyan) и выберите из появившегося списка другой цвет. В окне документа вы будете видеть образец цвета. Я изменю цвет на «Светло-красный» (Light Red):

Выбираем светло-красный в качестве нового цвета для направляющих

Нажмите ОК, когда вы закончите, чтобы закрыть диалоговое окно «Установки». Цвет направляющих в окне документа изменится (обратите внимание, что программа будет отображать направляющие с новым цветом до тех пор, пока вы снова не зайдете в раздел «Установки» и не измените цвет обратно на голубой или на какой-либо другой):

Шаг 3. Рисуем фигуру в центре документа

Вы можете создать очень сложные узоры в программе Photoshop, или узоры могут быть достаточно простыми и состоять всего лишь из точек или кругов. Давайте нарисуем в центре документа круг. Сначала на панели инструментов выберите инструмент «Овальная область» (Elliptical Marquee Tool). По умолчанию, он находится под инструментом «Прямоугольная область» (Rectangular Marquee Tool), поэтому кликните по инструменту «Прямоугольная область» и удержите кнопку мышки нажатой несколько секунд до тех пор, пока не появится всплывающее меню, где вы сможете выбрать инструмент «Овальная область»:

Кликните по инструменту Прямоугольная область», удержите нажатой кнопку мышки и затем выберите инструмент «Овальная область»

Выбрав инструмент «Овальная область», переместите курсор мышки в точку пересечения направляющих в центре документа. Нажмите и удержите клавиши Shift+Alt (Win) / Shift+Option (Mac), кликните в центре документа и, удерживая кнопку мыши нажатой, переместите курсор, нарисовав круглое выделение. Нажатие клавиши Shift позволит вам нарисовать выделение идеально круглой формы, в то время как клавиша Alt (Win) / Option (Mac) key отвечает за рисование контура выделения от центра. Когда вы закончите рисовать, ваш контур выделения будет выглядеть примерно так (не переживайте, если не угадали точно с размером, в данном случае это не столь важно):

Удержите нажатыми клавиши Shift+Alt (Win) / Shift+Option (Mac) и нарисуйте от центра выделение круглой формы

Шаг 4. Заполняем выделение черным цветом

Перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Выполнить заливку» (Fill):

Выбираем «Редактирование» > «Выполнить заливку»

В результате откроется диалоговое окно «Заполнить» (Fill), где мы сможем выбрать цвет, которым заполним наше выделение. Установите параметр «Использовать» (Use) в верхней части диалогового окна на «Черный» (Black):

Устанавливаем параметр «Использовать» на «Черный»

Нажмите ОК, чтобы закрыть диалоговое окно. Программа заполнит наше выделение круглой формы черным цветом. Нажмите сочетание клавиш Ctrl+D (Win) /Command+D (Mac), чтобы быстро убрать контур вокруг фигуры (вы также можете перейти в раздел меню «Выделение» (Select) и выбрать пункт «Отменить выделение» (Deselect), но нажатие клавиш – более быстрый вариант). Помните, что масштаб изображения все еще равен 500%, поэтому края круга выглядят угловатыми:

Выделение заполнилось черным цветом

Шаг 5.

Добавив всего лишь один круг в центр нашего мотива, мы уже можем сохранить его как узор. Однако прежде чем мы это сделаем, давайте придадим мотиву более интересный вид. Для начала, сделайте копию слоя, перейдя в раздел меню «Слои» (Layer) в верхней части экрана, выбрав «Новый» (New) и далее «Скопировать на новый слой» (Layer via Copy). Или, если вы предпочитаете работать с клавишными комбинациями, нажмите Ctrl+J (Win) /Command+J (Mac):

В окне документа ничего не изменится, однако на панели слоев выше исходного слоя появится копия слоя под названием «Слой 1 копия» (Layer 1 copy):

На панели слоев выше исходного слоя появится копия слоя 1

Шаг 6.

При рисовании мотивов, которые впоследствии будут использоваться как повторяющиеся узоры, практически всегда желательно применять фильтр «Сдвиг» (Offset). Его можно найти, выбрав раздел «Фильтр» (Filter) в строке меню в верхней части экрана, перейдя в пункт «Другое» (Other) и далее «Сдвиг» (Offset):

В результате откроется диалоговое окно фильтра «Сдвиг». Данный фильтр перемещает или сдвигает содержимое слоя на определенное число пикселей по горизонтали, по вертикали или в обоих направлениях. При создании простых повторяющихся узоров, как в нашем случае, вам нужно ввести значение, равное половине ширины документа в окошко ввода данных «По горизонтали» и значение, равное половине высоты документа в окошко ввода данных «По вертикали». Поскольку наш документ имеет размеры 100 x 100 пикселей, установите значение 50 пикселей для параметра «По горизонтали» (Horizontal) и «По вертикали» (Vertical). В нижней части диалогового окна в разделе «Неопределенные области» (Undefined Area) выберите пункт «Вставить отсеченные фрагменты» (Wrap Around):

Установите для параметров «По горизонтали» и «По вертикали» значения, равные половине размеров документа и убедитесь, что выбран пункт «Вставить отсеченные фрагменты»

Нажмите ОК для закрытия диалогового окна. На экране документа нам станет видно, что фильтр «Сдвиг» взял копию круга, которую мы создали в предыдущем шаге, и разделил ее на четыре равных части, разместив их по углам документа. Круг, который остался в центре, — это исходный круг, нарисованный на Слое 1:

Изображение после применения фильтра «Сдвиг»

Шаг 7.

Нарисовав мотив, давайте сохраним его в качестве узора. Это действие в программе Photoshop называется «Определение узора». Перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Определить узор» (Define Pattern):

Выбираем «Редактирование» > «Определить узор»

В результате этого действия откроется диалоговое окно, где вам будет предложено дать название новому узору. Хорошей идей является включение в название узора размеров мотива, в случае если вы разрабатываете несколько похожих мотивов разного размера. Таким образом, я назову свой узор «Круги 100х100». Нажмите ОК, когда вы дадите своему узору название, чтобы закрыть диалоговое окно. И теперь наш мотив сохранен как узор!

Назовите узор «Круги 100х100»

Шаг 8.

Мы создали наш мотив и сохранили его как узор, теперь мы можем воспользоваться им, чтобы заполнить целый слой! Давайте создадим новый документ, в котором будем работать. Так же как мы делали в Шаге 1, перейдите в раздел «Файл» (File) в строке меню в верхней части экрана и выберите пункт «Новый» (New). Когда откроется диалоговое окно нового документа, введите значение 1000 рх для параметров «Ширина» (Width) и «Высота» (Height). Параметр «Разрешение» (Resolution) оставьте без изменения по умолчанию – 72 пикселя на дюйм (pixels/inch), а параметр «Содержимое заднего фона» (Background Contents) в этот раз измените на «Белый» (Transparent), чтобы задний фон нового документа был заполнен белым цветом. Нажмите ОК, когда вы закончите вводить значения, для закрытия диалогового окна. Новый документ появится на вашем экране:

Создаем новый документ с белым задним фоном размером1000 x 1000 px

Шаг 9. Добавляем новый слой

Теперь мы могли бы просто заполнить слой с задним фоном созданным узором, но тогда возможности работы с узором будут сильно ограничены. Как мы с Вами рассмотрим далее, в следующем уроке, когда будем добавлять к узору цвета и градиентную заливку, лучше всего для работы с повторяющимся узором размещать его на отдельном слое. Кликните по значку «Создать новый слой» (New Layer) в нижней части панели слоев:

Нажимаем на значок «Создать новый слой»

Новый пустой слой под названием «Слой 1» (Layer 1) появится выше слоя с задним фоном:

Появится новый слой

Шаг 10. Заполняем новый слой узором

Добавив новый слой, давайте заполним его нашим узором! Для этого перейдите в раздел меню «Редактирование» (Edit) и выберите «Выполнить заливку» (Fill):

Выбираем «Редактирование» > «Выполнить заливку»

Обычно команда «Выполнить заливку» используется для заливки слоя или выделения чистым цветом, как мы делали в Шаге 4, когда заполняли выделение черным цветом. Но также мы можем воспользоваться командой «Выполнить заливку», чтобы заполнить какую-либо область узором. Для этого сначала измените значение параметра «Использовать» (Use) на «Узор» (Pattern):

Изменяем параметр «Использовать» на «Узор»

После выбора параметра «Узор» (Pattern), еще один параметр «Заказной узор» (Custom Pattern) появится прямо под ним. Здесь мы сможем выбрать узор, который будем использовать. Кликните по миниатюре предварительного просмотра узора:

Кликните по миниатюре заказного узора

В результате откроется Палитра узоров (Pattern Picker), где будут отображены маленькие миниатюры всех доступных узоров. Узор в виде кругов, который мы только что создали, будет в самом конце перечня. Если опция «Показывать подсказки» (Tool Tips) в разделе «Установки» (Preferences) у вас включена (по умолчанию, она включена), то по мере наведения курсора на миниатюру будет появляться название узора. Дважды кликните по миниатюре узора, чтобы его выбрать и закрыть Палитру узоров.

В Палитре узоров выбираем узор «Круги 100х100»

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

Слой 1 теперь заполнен повторяющимся узором в виде кругов

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

Автор: Steve Patterson

Создаем цветочный узор в Фотошоп / Creativo.

Вам когда-нибудь хотелось заснуть на простыне с вашим дизайном рисунка, который был бы создан по вашему эскизу? Или сшить платье из материи с абсолютно уникальным рисунком? Тогда, возьмите ручку и давайте создадим красивый волшебный цветочный узор в программе Photoshop.

Итоговый результат

1. Придаём форму цветам

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

Шаг 1

Поиграйте с несколькими вариантами дизайна узора цветов. Примерно набросайте узор с одной цветущей ветвью или с двумя ветвями цветов. Для

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

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

Шаг 2

Отсканируйте свой набросок при разрешении 300 (точек на дюйм / dpi), а затем откройте отсканированное изображение в программе Adobe Photoshop. Установите размеры вашего документа минимум 5000 x 5000 px, чтобы быть уверенным, что у вас есть изображение высокого качества, с которым вы будете работать.

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

Когда вас устроят нарисованные линии, создайте активное выделение вокруг них: удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя с контурными линиями в палитре слоёв. Теперь создайте новый слой поверх всех слоёв, а затем прокрасьте отдельные участки выделения с помощью круглой жёсткой кисти. Я решил окрасить линии лепестков другим цветом, чтобы сделать цветущую часть растений более выразительной.

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

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

2. Подберите свой цветовой оттенок

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

Шаг 1

Создайте новый слой ниже слоёв с контурными линиями. Начните прокрашивать основу, добавляя цвет на внешнюю сторону лепестка. Я рекомендую вам выставлять цвет через стиль слоя Наложение цвета (Color Overlay), (щёлкните по значку ‘Fx’ в нижней части панели слоёв, выберите стиль слоя Наложения цвета (Color Overlay), а затем выберите свой цветовой оттенок). Это поможет вам всегда знать, на каком слое вы находитесь в данный момент, потому что цвет, который вы выберите, будет закреплён за этим слоем. Больше не будет случайной раскраски на неверном слое!

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

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

Шаг 5

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

Если вы нарисовали горошек на краях поверх других лепестков, то вначале создайте выделение слоя с базовой заливкой лепестка, удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя в палитре слоёв, а затем нажмите клавиши (Ctrl+I) для инверсии выделенной области, и далее удалите лишние участки горошка.

Шаг 6

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

Удерживая клавишу (Ctrl)+щёлкните по миниатюре слоя с тенью на внешней части лепестков, чтобы создать активное выделение. Далее, не снимая активного выделения, продублируйте слой с узором горошка, нажав клавиши (Ctrl+J).

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

Шаг 7

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

Я советую вам всегда рисовать тени вместо применения стиля слоя Тень (Drop Shadow) программы Photoshop. На это уйдёт немного больше времени, но при этом, тени будут выглядеть более естественными.

3. Создаём вертикальный повтор

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

Шаг 1

Вначале давайте объединим все слои нашего узора за исключением слоя с задним фоном, используя функцию Объединить слои (Merge Layers). Далее, мы применим инструмент Свободная трансформация (Free Transform Tool), чтобы повернуть наш цветущий букет под произвольным углом наклона. Нажмите клавиши (Ctrl+J), чтобы продублировать букет с цветами, а затее, находясь на слое с дубликатом слоя, идём Редактирование – Трансформация – Свободная трансформация – Отразить по Горизонтали (Edit > Transform > Flip Horizontal), чтобы создать версию с отражением узора.

Примечание переводчика: после наклона букета цветов, не забудьте выйти из режима Свободная трансформация (Free Transform)

Шаг 2

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

Шаг 3

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

Шаг 4

Итак, мы создали композицию из двух ветвей цветов, которые выглядят гармонично и мы готовы приступить к работе над нашим вертикальным узором. Ещё раз объедините все слои, а затем нажмите клавиши (Ctrl+J), чтобы создать новый дубликат слоя.

Примечание переводчика: объединим все слои нашего узора за исключением слоя с задним фоном.

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

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

Шаг 5

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

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

Шаг 6

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

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

Теперь мы готовы создать вертикальное повторение. Для этого, потяните Направляющую линию (Guide) с горизонтальной линейки, расположив её произвольно где-то в верхней третей части вашего узора. Далее, с помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool), выделите верхнюю часть узора, которая расположена над Направляющей линией (Guide).

Когда вы увидели, что выделение чётко соприкасается с направляющей линией, удерживая клавишу (Shift)+потяните выделенную область вниз до тех пор, пока верхняя кромка не выровняется идеально с нижней кромкой узора. Ваш вертикальный повтор готов!

Примечание переводчика: 1. Расположите направляющую таким образом, чтобы при добавлении повтора узора, создавался сплошной изгиб ветви, при этом цветки и бутоны гармонировали друг с другом. 2. Вы можете сместить сам узор вверх или расположить его как вам будет удобно, чтобы создать свой дизайн рисунка 3. на скриншоте ниже показано две направляющие горизонтальные линии, вы то же можете добавить вторую линию, таким образом, вам будет легче определить, рисунок узора, который будет использован в качестве основы для вашего дизайна. 3. Также, не забудьте установить степень Растушёвки (Feather) 1рх в настройках инструмента Прямоугольное выделение (Rectangular Marquee Tool). 4. создав прямоугольное выделение, не забудьте переключиться на инструмент Перемещение (Move).

4. Создаём полный рисунок узора

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

Шаг 1

Если вы создали какие-либо новые слои, то ещё раз объедините их все в один слой за исключением слоя с задним фоном. Теперь создайте дубликат вашей иллюстрации (Ctrl+J) и, удерживая клавишу (Shift), чтобы создать ровное перемещение, переместите дубликат узора вправо до тех пор, пока левая кромка узора не соединится с правой кромкой оригинального узора.

Примечание переводчика: автор создаёт дубликат слоя в качестве ориентира, который он потом удалит.

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

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

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

Шаг 2

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

Примечание переводчика: автор повторяет действие Шаг 6 из предыдущего раздела.

Теперь ещё раз объедините все оставшиеся слои, при этом, не объёдиняя слой с задним фоном. Потяните Вертикальную направляющую линию (Vertical Guide) с вертикальной линейки, расположив произвольно в правой части вашего дизайна узора. Далее, с помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool), выделите часть узора, расположенного справа от вертикальной направляющей линии.

Когда вы увидели, что выделение чётко соприкасается с вертикальной направляющей линией, удерживая клавишу (Shift)+потяните выделенную область влево до тех пор, пока правая кромка не выровняется идеально с левой кромкой узора. Вы удачно соединили фрагменты своего узора в цельный рисунок!

Шаг 3

С помощью инструмента Масштаб (Zoom Tool), увеличьте масштаб, чтобы внимательно проинспектировать узор, а также убедиться в том, чтобы детали рисунка не перекрывались там, где они не должны перекрываться. Проверьте узор на предмет мелких дефектов, которые вы могли упустить ранее, прежде чем выделить узор с помощью инструмента Прямоугольное выделение (Rectangular Marquee Tool). Далее, идём Редактирование – Определить узор (Edit > Define Pattern), дайте название новому узору и сохраните его.

И цветочный узор готов!

Разве он не прекрасен?

Вы создали волшебный цветочный узор. Вы можете нарисовать его, используя инструмент Заливка (Paint Bucket Tool). В настройках данного инструмента поменяйте опцию Основной цвет (Foreground) на Узор (Pattern) и в палитре узоров выберите свой дизайн узора.

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

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

Итоговый результат

Автор: Lidija Paradinovic Nagulov

Как создать узор в фотошопе?

В этом руководстве я расскажу, как создать узор в фотошопе с помощью фильтра «Смещения».

В примере, который я создам, используется несколько иллюстраций.

Чтобы сразу открыть их все в Photoshop, использовать сценарий «Загрузить файлы в стек». Он автоматически поместит каждое изображение на отдельный слой в одном документе.

Выберите изображения для узора через меню «Обзор». Убедитесь, что автовыравнивание отключено.

Исходные изображения довольно большие. Уменьшите их через меню Изображение> Размер изображений.

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

Выберите цвет фона. Затем добавьте новый слой и залейте его. Переместите этот слой в конец списка на панели слоев.

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

Для инструмента «Перемещение» активируйте параметр «Автовыбор». Это позволит вам легко выделять каждый слой.

С помощью комбинации клавиш CTRL + T измените размеры иллюстраций. Расставьте элементы так, чтобы можно было сформировать основу узора.

Удерживая нажатой клавишу ALT, выберите команду Слой> Объединить видимые. Это действие создаст новый слой с объединенным содержимым всех слоев.

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

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

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

Перейдите в меню Правка> Определить узор, чтобы создать файл узора в формате Photoshop.

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

Дважды кликните по тестовому слою, и примените «Наложение узора». Выберите из списка созданный узор из библиотеки. При значении 100% узор будет иметь тот же размер, что и документ. Поэтому уменьшите масштаб, чтобы увидеть, как повторяется узор.

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

Данная публикация является переводом статьи «How to Create Repeating Patterns in 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).

Самый простой способ наложения паттерна заключается в заполнении им выделенной области. Например, активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) и выделите участок любого размера на холсте. Затем, перейдите в меню Редактирование-Выполнить заливку (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)) , только рисуем мы не цветом, а узором по холсту.

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

Далее, активируйте инструмент «Узорный штамп» (Stamp Tool (S)) в панели инструментов.

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

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

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

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

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

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

Adobe – Photoshop Exchange Patterns
deviantART
Brusheezy
The Ultimate Collection Of Free Photoshop Patterns

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

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

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

Как создать стиль, узор, градиент в Фотошопе

Часто приходится искать и скачивать из интернета что-нибудь интересное и необычное из исходников – узоры, стили… А их так много.

Иногда нужно что-то определенное, искать нужное долго и не факт, что вообще найдешь.

Но зная способ создания узоров, стилей и градиентов все становится намного проще. А делается это на самом деле очень просто.

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

Допустим, есть фоновый рисунок цветного стекла и хочется сделать из него стиль, чтобы всегда был под рукой (в примерах используется Photoshop CS2, русская версия).

Открываем в Фотошоп наш фоновый рисунок, берем инструмент Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M») с заданными пропорциями 1:1 выделяем квадрат (или при нажатии клавиши Shift – автоматически выделяется квадрат). Переходим через меню Edit — Define Pattern (Редактирование — Определить узор).

В появившемся окне вводим имя узора – допустим «Цветное стекло» – и теперь он сохранен в галерее узоров.

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

Теперь, зайдя в «Preset Manager» (Управлении библиотеками / Управление наборами) (Меню — Редактирование — Управление библиотеками / Photoshop CS2) и выбрав вкладку «Petterns» (Узоры) мы увидим свой узор. Мы можем его так же сохранить в любую папку, нажав на кнопку «Save» (Сохранить). Как правило, в Фотошоп все сохраненные узоры (паттерны) хранятся в папке «путь к программе../Photoshop CS2/PresetsPatterns».

По той же технике создается стиль.

Применим данный узор к тексту

Создадим новый документ с белой заливкой 300 х 300 px. Выберем инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T») и напишем букву «S» – шрифт можете выбрать любой, так же и как размер, но в данном случае использован «Jill Sans Ultra Bold» и размер 200 (достаточно объемный шрифт для наглядности заливки стилем).

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

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

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

Допустим, у нас может получиться такое (сильно не мудрила, лишь для примера):

Теперь сохраняем стиль — находясь в настройках стиля слоя, жмем на «New Style» (Новый стиль):

Задаем название стиля и теперь в «Preset Manager» (Управлении библиотеками / Управление наборами), в закладке «Styles» (Стили) будет и наш стиль, который мы можем применять в любой, необходимой для нас ситуации. Например, залить фигуру нашим стилем (выбираем инструмент Custom Shape Tool (Инструмент «Произвольная фигура» / Клавиша «U»), из библиотеки фигур выбираем нужную фигуру и из библиотеки стилей – наш стиль) и получится:

И воспользуемся еще одной возможностью – созданием своих кистей — букву S мы можем сохранить как кисть: заходим через меню Edit — Define Brush Preset (Редактирование — Определить кисть), задаем имя и вот уже в библиотеке кистей есть наша буква.

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

Можно только менять настройки кисти.

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

Берем инструмент Gradient Tool (Инструмент «Градиент» / Клавиша «G»), выбираем тот, который бы хотели отредактировать (в принципе, редактирование может полностью изменить первоначальный вариант, все зависит от желания), щелкаем два раза «ЛК мышки» на окошке с миниатюрой градиента для вызова редактора и после делаем с ним, что хотим.

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

⇐ • Как сделать свою кисть (предыдущая страница учебника)

• Как установить новый узор (следующая страница учебника)

в Photoshop, в Gimp и вручную – DIY и мастер-классы

Создавать сложные паттерны, оказывается, очень просто. Показываем, как это делать.

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

Бесшовные паттерны — это узоры, состоящие из повторяющихся элементов, граница между которыми не очевидна. Конечно, это весьма условное определение: даже на принтах, которые называют бесшовными, найти границу может быть проще или сложнее. Посмотрите на примеры ниже. В первом мы легко находим «элементарную частицу» и понимаем, что это просто нарисованные на квадратном холсте четыре арбузные дольки. А вот как сделать паттерн наподобие второго, не настолько очевидно. Что ж, этим мы сегодня и займемся!

Вручную

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

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

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

3.Заполните изображением образовавшуюся пустоту.

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

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

5. Все готово к тому, чтобы использовать ваш рисунок для создания паттерна. Переходите к пункту № 5 в инструкциях ниже!

Photoshop

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

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

Файл → Создать

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

3. В эксперименте с бумагой нам пришлось вручную разрезать лист и склеивать его снова. В Photoshop это делается одним нажатием кнопки, с помощью инструмента Сдвиг/Offset.

Фильтры → Другое → Сдвиг

Go to Filter → Other → Offset

Значение сдвига сделайте равным половине ширины/высоты вашего изображения. Отметьте пункт «Вставить отсеченные фрагменты».

4. Заполните пустоту, продолжая следить, чтобы рисунок не выходил за края изображения.

5. Сохраните изображение как паттерн.

Редактирование → Определить узор.

Edit → Define Pattern

6. Теперь паттерном можно заполнять любую выбранную область, просто используйте инструмент Заливка (G) и в его настройках вместо «Основной цвет» выберите «Узор».

Заливка, Узор

Paint Bucket Tool, Pattern

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

1. Создайте новое изображение. Мы уже знаем, что длина и ширина его должны быть пропорциональны двум.

2. Создайте в центре листа рисунок.

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

Слои → Преобразования → Сместить

Layer → Transform → Offset

В отличие от Photoshop, здесь не обязательно в уме делить размеры изображения на два, достаточно нажать на кнопку под полями ввода значений. Не забудьте отметить пункт «Залить изображением»/Wrap around.

4. Дорисуйте недостающие фрагменты паттерна.

5. Сохраните изображение как паттерн.

Правка → Вставить как → Новая текстура

Edit → Paste asNew pattern

6. Заполните паттерном лист любого размера, используя инструмент Плоская заливка/Busket fill (Shift + B) и выбрав в меню Цвет заливки/Fill type опцию Текстурой/Pattern fill.

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

DIY, программы, мастер-класс, принты

Как создать узор в Photoshop для использования в качестве заливки узором

Что нужно знать

  • Откройте изображение. Перейдите в Edit >Select All , чтобы получить все, или используйте Rectangle Marquee . Перейдите в Edit >Define Pattern > назовите его>Ok .
  • Открыть другое изображение. Выберите слой или область для заливки и перейдите в Edit >Fill >Custom Pattern . Выберите узор и режим наложения и нажмите Ok .

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

Как использовать основной узор в Photoshop

Откройте изображение, которое хотите использовать в качестве заливки.

Если вы хотите использовать все изображение в качестве заливки, перейдите к Select > Select All .В противном случае используйте инструмент «Прямоугольная область», чтобы сделать выделение.

Перейдите в Edit > Define Pattern , чтобы открыть диалоговое окно Define Pattern. Дайте вашему выбору имя и щелкните OK .

Откройте другое изображение или создайте новое.

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

Перейдите в Edit > Fill , чтобы открыть диалоговое окно Fill . Выберите раскрывающееся меню Custom Pattern .

Откройте раскрывающееся меню Custom Pattern , чтобы получить доступ к выбору шаблонов, установленных с Photoshop, и любых шаблонов, которые вы, возможно, создали ранее. Щелкните шаблон, который хотите применить.

Не устанавливайте флажок Script .В Photoshop CS6 и более поздних версиях шаблоны со сценариями представляют собой сценарии JavaScripts, которые случайным образом размещают элемент, определенный как узор, либо в выделении, либо на слое.

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

Щелкните ОК . Вот результат:

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

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

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

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

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

подсказки

Чтобы максимально использовать эту функцию:

  • Только прямоугольные выделения могут быть определены как узор в некоторых очень старых версиях Photoshop.
  • Установите флажок Preserve Transparency в диалоговом окне Fill , если вы хотите заполнить только непрозрачные части слоя.
  • Если вы применяете узор к слою, выберите Layer и примените Pattern Overlay во всплывающем меню Layer styles .
  • Другой способ добавления узора — использовать инструмент Paint Bucket для заливки слоя Layer или выделения. Выберите Pattern из параметров инструмента .
  • Ваша коллекция выкроек находится в библиотеке. Выберите Window >Libraries , чтобы открыть их.
  • Вы также можете создавать контент с помощью приложений Adobe Touch Apps и размещать их в своей библиотеке Creative Cloud.

Спасибо, что сообщили нам!

Другой Недостаточно подробностей Сложно понять

Как создать бесшовный фон в Photoshop

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

Что вам понадобится для выполнения миссии

1. Adobe Photoshop. Если вы наткнулись на это руководство, велика вероятность, что у вас уже есть эта программа. Однако на всякий случай вот ссылка для скачивания бесплатной тестовой версии.
2. Icons8 для рабочего стола. Это бесплатное приложение, содержащее множество иконок и хорошо работающее с Photoshop.
3. Иконки или другие изображения, которые вы хотите добавить в свой узор. Для этого урока мы взяли наши иконки природы. К вашему сведению, они бесплатны в формате PNG любого размера, поэтому вы можете сохранить их в своей учетной записи и использовать для шаблона.

8 шагов для создания узора в Photoshop

1. Сделайте основу для вашего выкройки

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

2. Добавьте значки

Перетащите значки из Icons8 для рабочего стола (или любые другие значки) в файл Photoshop.Мы пошли за крабом, рыбой, рыбой-клоуном и морским коньком.
Если вы используете монохромные значки, они могут понадобиться разного цвета. Вот как перекрасить значки PNG в Photoshop.

3. Поместите каждый значок на отдельный слой

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

В итоге это должно выглядеть так:

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

4. Настройте первый уровень

Выберите один слой на панели слоев и перейдите к Фильтр> Другой> Смещение :

Установите параметры по горизонтали и по вертикали равными половине длины стороны файла. Помните ширину и высоту вашего квадрата? Это две настройки, которые вам нужны.
Размер нашего файла составляет 200×200 пикселей, поэтому мы устанавливаем 100 пикселей для обоих параметров. Убедитесь, что вы отметили опцию Wrap Around в нижней части всплывающего окна.Щелкните ОК. Сделан первый слой:

5. Настройте второй уровень

Выберите другой слой на панели слоев. Теперь снова перейдите в Filter> Other> Offset .

Затем установите Horizontal на 0 пикселей и нажмите OK:

6. Настройте третий уровень

Выберите еще один слой и перейдите в Filter> Other> Offset . Теперь переверните значения по горизонтали и по вертикали . В нашем случае по горизонтали будет 100 пикселей, а по вертикали 0 пикселей.Щелкните ОК.

Теперь у нас есть плитка с узором.

7. Объедините слои

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

8. Создайте свой узор

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

Затем перейдите в Edit> Define Pattern :

Назовите его и нажмите OK.Та-да! Ваша выкройка готова!

Как нанести узор

У вас есть выкройка, хорошо. Теперь давайте посмотрим, как использовать его на фоне.

1. Создайте новый файл

Сделайте его больше, чем ваш узор, чтобы увидеть результат. У нас 800×600 пикселей.

2. Выберите шаблон наложения

Дважды щелкните на Фон на панели слоев. Во всплывающем окне нажмите ОК.

Перейдите в меню «Слой »> «Стиль слоя»> «Наложение узора». :

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

3. Наслаждайтесь выкройкой!

Дополнительная литература

Попробуйте бесплатные инструменты для авторов от команды Icons8

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

Учебное пособие по повторяющимся узорам в Photoshop

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

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

Перейдите в Файл> Создать.

Откроется диалоговое окно «Новый документ». Введите 100 пикселей для Ширина и Высота . Размер документа будет определять размер плитки, что повлияет на то, как часто узор повторяется в документе (поскольку для меньшей плитки потребуется больше повторений, чтобы заполнить такое же пространство, чем для плитки большего размера).В этом случае мы создадим плитку размером 100 х 100 пикселей. Позже вы захотите поэкспериментировать с разными размерами, создавая свои собственные выкройки.

Я оставлю значение Resolution равным 72 пикселя / дюйм . Установите Background Contents на Transparent , чтобы у нашего нового документа был прозрачный фон:

Введите ширину и высоту документа и убедитесь, что для параметра «Фон» установлено значение «Прозрачный».

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно.Новый документ появится на вашем экране. Образец шахматной доски, заполняющий документ, — это способ Photoshop сказать нам, что фон прозрачный. Поскольку документ довольно мал — всего 100 x 100 пикселей, я увеличу его, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и нажимая плюс знак ( + ). ) несколько раз. Здесь документ увеличен до 500%:

Новый пустой документ, увеличенный до 500%.

Шаг 2. Добавьте направляющие по центру документа

Нам нужно знать точный центр нашего документа, и мы можем найти его с помощью руководств Photoshop.Поднимитесь в меню View вверху экрана и выберите New Guide :

Перейдите в «Просмотр»> «Новое руководство».

Откроется диалоговое окно «Новое руководство». Выберите Horizontal для Orientation , затем введите 50% для Position . Нажмите OK, чтобы закрыть диалоговое окно, и вы увидите горизонтальную направляющую, появившуюся в центре документа:

Выберите «По горизонтали» и введите 50% в поле «Положение».

Вернитесь в меню View и еще раз выберите New Guide . На этот раз в диалоговом окне New Guide выберите Vertical для Orientation и снова введите 50% для Position :

Выберите Вертикально и введите 50% для Позиции.

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

Вертикальная и горизонтальная направляющие проходят через центр документа.

Изменение цвета направляющей (дополнительно)

Если вам не удается увидеть направляющие из-за их светлого цвета, вы можете изменить их цвет в настройках Photoshop. На ПК перейдите в меню Edit , выберите Preferences , затем выберите Guides, Grid & Slices .На Mac откройте меню Photoshop , выберите Preferences , затем выберите Guides, Grid & Slices :

Выберите настройки направляющих, сетки и фрагментов.

Откроется диалоговое окно «Настройки» Photoshop с параметрами «Направляющие», «Сетка» и «Срезы». Самый первый вариант вверху списка — это Guide Color . Как я уже упоминал, по умолчанию установлен голубой цвет. Щелкните слово Cyan и выберите другой цвет из списка. Вы увидите предварительный просмотр цвета в окне документа.Поменяю свой на Light Red :

Выбор светло-красного в качестве нового цвета направляющих.

По завершении нажмите «ОК», чтобы закрыть диалоговое окно «Настройки». Направляющие в окне документа теперь отображаются в новом цвете (обратите внимание, что Photoshop будет продолжать отображать направляющие в этом новом цвете, пока вы не вернетесь к настройкам и не измените цвет обратно на голубой или не выберете другой цвет):

Направляющие теперь отображаются в новом цвете, что облегчает их просмотр.

Шаг 3: нарисуйте форму в центре документа

Вы можете создавать очень сложные узоры в Photoshop или они могут быть такими простыми, как, скажем, повторяющаяся точка или круг. Нарисуем круг в центре документа. Сначала выберите инструмент Elliptical Marquee Tool на панели инструментов. По умолчанию он скрывается за инструментом Rectangular Marquee Tool, поэтому нажмите на инструмент Rectangular Marquee Tool и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите из списка инструмент Elliptical Marquee Tool:

Щелкните и удерживайте инструмент Rectangular Marquee Tool, затем выберите инструмент Elliptical Marquee Tool.

Выбрав инструмент «Эллиптическая область», переместите перекрестие прямо над точкой пересечения направляющих в центре документа. Удерживая нажатой Shift + Alt (Win) / Shift + Option (Mac), щелкните в центре документа, затем, не отпуская кнопку мыши, растяните круговое выделение. Удерживая нажатой клавишу Shift при перетаскивании, форма выделения превратится в идеальный круг, в то время как клавиша Alt (Win) / Option (Mac) заставит Photoshop нарисовать контур выделения из центра.Когда вы закончите, ваш контур выделения должен выглядеть примерно так (не беспокойтесь о точном размере, пока он близок):

Удерживая Shift + Alt (Win) / Shift + Option (Mac), растяните круговой контур выделения из центра.

Шаг 4: Залейте выделение черным

Поднимитесь в меню Edit вверху экрана и выберите Fill :

Перейдите в «Правка»> «Заливка».

Откроется диалоговое окно «Заливка», в котором мы можем выбрать цвет для заливки выделения.Установите для параметра Use в верхней части диалогового окна значение Black :

Установите для параметра «Использование» значение «Черный».

Щелкните OK, чтобы закрыть диалоговое окно. Photoshop заполняет круглое выделение черным. Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы быстро удалить контур выделения вокруг фигуры (вы также можете перейти к меню Select вверху экрана и выбрать Deselect , но сочетание клавиш быстрее).Имейте в виду, что мой документ все еще увеличен до 500%, поэтому края круга кажутся блочными:

Выбор закрашен черным.

Shortcodes, Actions and Filters: ошибка в коротком коде [ ads-basics-middle ]

Шаг 5: Дублируйте слой

Только с этим одним кружком, добавленным в центр плитки, мы могли бы сохранить плитку как узор, но давайте сделаем это немного интереснее, прежде чем мы это сделаем. Сначала сделайте копию слоя, перейдя в меню Layer вверху экрана, выбрав New , затем выбрав Layer через Copy .Или, если вы предпочитаете сочетания клавиш, нажмите Ctrl + J (Win) / Command + J (Mac):

Перейдите в Layer> New> Layer via Copy.

В окне документа пока ничего не произойдет, но копия слоя, которую Photoshop называет «Копия слоя 1», появится над оригиналом на панели «Слои»:

Панель «Слои», показывающая копию слоя 1 над оригиналом.

Шаг 6: Применение фильтра смещения

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

Перейдите в Фильтр> Другое> Смещение.

Откроется диалоговое окно «Фильтр смещения». Фильтр «Смещение» перемещает или смещает содержимое слоя на указанное количество пикселей по горизонтали, вертикали или по обоим направлениям. При создании простых повторяющихся шаблонов, подобных тому, который мы здесь разрабатываем, вы захотите ввести половину ширины документа в поле ввода «Горизонтальное» и половину высоты документа в поле ввода «Вертикальное». В нашем случае мы работаем с документом 100 x 100 пикселей, поэтому установите для параметра Horizontal значение 50 пикселей, а для параметра Vertical также значение 50 пикселей.В нижней части диалогового окна в разделе Undefined Areas убедитесь, что выбрано Wrap Around :

Установите для параметров «По горизонтали» и «Вертикаль» половину размеров документа и убедитесь, что установлен флажок «Обтекать».

Щелкните OK, чтобы закрыть диалоговое окно. В окне документа мы видим, что фильтр «Смещение» взял копию круга, который мы создали на предыдущем шаге, и разделил ее на четыре равные части, разместив их по углам документа.Круг, оставшийся в центре, — это исходный круг, который мы нарисовали на слое 1:

Изображение после запуска фильтра «Смещение».

Шаг 7. Определите плитку как узор

Создав плитку, давайте сохраним ее как фактический узор. Этот процесс в Photoshop называется «определение узора». Поднимитесь в меню Edit вверху экрана и выберите Define Pattern :

Перейдите в Edit> Define Pattern.

Photoshop откроет диалоговое окно с просьбой назвать новый узор.Если вы создаете несколько одинаковых плиток разных размеров, рекомендуется указать размеры плитки в названии рисунка. В этом случае назовите плитку «Круги 100×100». Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Плитка теперь сохранена как узор!

Назовите узор «Круги 100×100».

Шаг 8: Создайте новый документ

Мы разработали нашу плитку и определили ее как узор, что означает, что теперь мы можем использовать ее для заполнения всего слоя! Создадим новый документ для работы.Как и на шаге 1, перейдите в меню File и выберите New . Когда появится диалоговое окно «Новый документ», введите 1000 пикселей для Ширина и Высота . Оставьте Разрешение равным 72 пикселя / дюйм , а на этот раз установите Background ContentsWhite , чтобы фон нового документа был полностью белым. Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно.На вашем экране появится новый документ:

Создайте новый документ размером 1000 x 1000 пикселей с белым фоном.

Шаг 9: Добавьте новый слой

Мы, , могли бы просто заполнить фоновый слой документа нашим узором, но это серьезно ограничило бы то, что мы можем с ним делать. Как мы увидим в следующем уроке, когда мы рассмотрим добавление цветов и градиентов к узорам, гораздо лучший способ работы — разместить повторяющийся узор на отдельном слое. Щелкните значок New Layer внизу панели слоев:

Щелкните значок «Новый слой».

Новый пустой слой с именем «Слой 1» появляется над фоновым слоем:

Появляется новый слой.

Шаг 10: Залейте новый слой узором

Добавив наш новый слой, давайте заполним его нашим узором! Поднимитесь в меню Edit и выберите Fill :

Перейдите в «Правка»> «Заливка».

Обычно команда Photoshop «Заливка» используется для заливки слоя или выделения сплошным цветом, точно так же, как мы это делали на шаге 4, когда использовали ее для заливки круглого выделения черным цветом.Но мы также можем использовать команду Fill, чтобы заполнить что-либо узором, и мы делаем это, сначала установив для параметра Use в верхней части диалогового окна значение Pattern :

Измените параметр «Использовать» на «Узор».

При выбранном шаблоне прямо под ним появляется второй вариант, Custom Pattern , где мы выбираем шаблон, который хотим использовать. Щелкните на эскизе предварительного просмотра выкройки :

Щелкните непосредственно на миниатюре Custom Pattern.

Откроется окно выбора паттернов , в котором отображаются маленькие эскизы всех паттернов, из которых мы в настоящее время должны выбирать. Только что созданный нами узор круга будет последней миниатюрой в списке. Если у вас включены подсказки в настройках Photoshop (они включены по умолчанию), имя рисунка будет отображаться при наведении курсора на миниатюру. Дважды щелкните по нему, чтобы выбрать его и выйти из выбора узора:

Выберите узор «Круги 100×100» в палитре узоров.

После того, как вы выбрали узор, все, что осталось сделать, это нажать OK, чтобы закрыть диалоговое окно «Заливка». Photoshop заполняет пустой слой документа круговым узором, повторяя плитку столько раз, сколько необходимо:

Слой 1 теперь заполнен повторяющимся круговым узором.

Куда идти дальше .

И это действительно все! Очевидно, что наш черно-белый узор круга не принесет нам много наград, но важные вещи, которые следует извлечь из этого первого урока, — это шаги, которые мы использовали для его создания, проектирование единой плитки, определение плитки как узор, а затем использование Photoshop Команда «Заливка» для заполнения всего слоя узором.Далее мы начнем двигаться дальше, изучая, как добавлять цвета и градиенты к нашим узорам ! Или посетите наш раздел Основы Photoshop, чтобы узнать больше об основах Photoshop!

Создание повторяющихся узоров из пользовательских фигур в Photoshop

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

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

Перейдите в Файл> Создать.

Откроется диалоговое окно «Новый документ» Photoshop. Размер документа, который мы здесь создаем, станет размером плитки, которая будет повторяться как узор. Поскольку меньшие плитки должны повторяться больше, чем большие, чтобы заполнить то же пространство, размер плитки имеет большое влияние на общий вид рисунка. Позже вы захотите поэкспериментировать с разными размерами плитки для ваших собственных дизайнов, но для этого урока введите 100 пикселей для Ширина и Высота документа и убедитесь, что Содержимое фона установлено на . Прозрачный .Вы можете оставить значение Разрешение по умолчанию 72 пикселя / дюйм :

Диалоговое окно «Новый документ».

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно. Новый пустой документ появится на вашем экране. Документ размером всего 100 x 100 пикселей может быть немного маленьким для работы, поэтому я увеличу его, удерживая нажатой клавишу Ctrl (Win) / Command (Mac) и пробел . , который временно переключает нас на Photoshop Zoom Tool (вы увидите, как курсор мыши изменится на увеличительное стекло) и несколько раз щелкните внутри окна документа.Здесь я увеличил масштаб до 500%:

Шаблон шахматной доски — это способ Photoshop сказать нам, что фон документа прозрачный.

Шаг 2. Добавьте направляющие в центре документа

Затем нам нужно найти точный центр нашего документа, и мы можем сделать это с помощью направляющих Photoshop . Когда мы рассмотрели основы создания повторяющихся узоров, мы узнали, как добавлять направляющие с помощью команды «Создать направляющую». На этот раз мы добавим направляющие, используя линейки Photoshop .Подойдет любой способ добавления направляющих, так что вы можете свободно использовать тот, который вам больше нравится. Однако для этого урока перейдите в меню View вверху экрана и выберите Rulers :

Перейдите в меню «Просмотр»> «Линейки».

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

Щелкните внутри левой линейки и перетащите направляющую в центр документа по вертикали.

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

Щелкните внутри верхней линейки и перетащите направляющую в центр документа по горизонтали.

После добавления обеих направляющих вы можете выключить линейки, вернувшись в меню View и снова выбрав Rulers . Или вы можете использовать удобное сочетание клавиш Ctrl + R (Win) / Command + R (Mac), чтобы быстро включать и выключать линейки при необходимости. Место пересечения обеих направляющих является точным центром документа. На моем скриншоте здесь направляющие отображаются красным цветом. Если вы следовали первому руководству в этой серии, вы знаете, что это потому, что я изменил цвет своих руководств в настройках Photoshop, чтобы их было легче увидеть на снимках экрана.Цвет направляющих по умолчанию — голубой, это цвет, в котором будут отображаться ваши направляющие, если вы не изменили его в настройках:

Не беспокойтесь, если ваши направляющие будут другого цвета, например голубого. Цвет не важен.

Шаг 3. Выберите инструмент Custom Shape Tool

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию он скрывается за инструментом Rectangle Tool , поэтому щелкните инструмент Rectangle Tool и удерживайте кнопку мыши в течение секунды или двух, пока не появится всплывающее меню, затем выберите инструмент Custom Shape Tool из нижней части списка:

Нажмите и удерживайте инструмент «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма».

Шаг 4. Выберите параметр «Заливка пикселей»

Photoshop дает нам три различных способа использования инструментов формы. Мы не будем вдаваться в подробности о них здесь, но в целом мы можем использовать их для рисования векторных фигур , контуров или пиксельных фигур . Photoshop позволит нам сохранить наш дизайн как узор, только если он был сделан с пикселями, поэтому нам сначала нужно сообщить Photoshop, что мы хотим, чтобы фигуры, которые мы собираемся нарисовать, были заполнены пикселями, и мы делаем это в параметрах. Полоса в верхней части экрана.В крайнем левом углу панели параметров находится серия из трех значков. Каждый значок выбирает один из трех типов фигур, которые мы можем рисовать. Щелкните третий значок (тот, что справа), чтобы выбрать параметр Заливка пикселей :

Выберите параметр «Заливка в пикселях», щелкнув соответствующий значок на панели параметров.

Шаг 5: Выберите произвольную форму

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

Щелкните миниатюру предварительного просмотра формы.

Откроется окно выбора формы , в котором отображаются маленькие эскизы всех фигур, из которых мы в настоящее время должны выбирать. Чтобы выбрать фигуру, просто щелкните ее миниатюру. Я выберу форму Heart , щелкнув по ней. После того, как вы выбрали форму, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора формы:

Щелкните миниатюру формы сердца, чтобы выбрать ее.

Шаг 6: нарисуйте форму в центре документа

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

Образцы цвета переднего плана (вверху слева) и фона (внизу справа) на панели инструментов.

Установите черный цвет переднего плана и поместите курсор мыши прямо над центром документа, чтобы целевой символ курсора совпал с вертикальными и горизонтальными направляющими, затем щелкните и, удерживая кнопку мыши, начните перетаскивать фигуру. .После того, как вы начали перетаскивание, удерживайте Shift + Alt (Win) / Shift + Option (Mac) и удерживайте их, продолжая перетаскивать фигуру. Удерживая нажатой клавишу Shift, вы сохраните исходное соотношение сторон формы, поэтому вы не сделаете ее выше и тоньше, короче и шире, чем она должна быть, в то время как клавиша Alt (Win) / Option (Mac) сообщает Photoshop: вытяните фигуру из ее центра. Когда вы закончите, ваш документ должен выглядеть примерно так (мой документ увеличен до 500%, поэтому края фигуры выглядят блочными):

Вытяните фигуру в центре документа.

Шаг 7. Отключите направляющие

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

Выберите «Просмотр»> «Показать»> «Направляющие», чтобы отключить направляющие.

Шаг 8: Дублируйте слой

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

Перейдите в Layer> New> Layer via Copy.

Вы также можете использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac), чтобы быстро скопировать слой. В любом случае Photoshop делает копию слоя 1, который он творчески называет «Копия слоя 1», и помещает ее над оригиналом на панели «Слои»:

Копия слоя появится над оригиналом.

Shortcodes, Actions and Filters: ошибка в коротком коде [ ads-basics-middle ]

Шаг 9: Применение фильтра смещения

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

Перейдите в Фильтр> Другое> Смещение.

Откроется диалоговое окно «Фильтр смещения». Мы хотим ввести половину ширины нашего документа в поле значения Horizontal и половину высоты документа в поле значения Vertical . Поскольку размер нашего документа составляет 100 x 100 пикселей, установите для параметров Horizontal и Vertical значение 50 пикселей. Затем убедитесь, что в нижней части диалогового окна выбрана опция Wrap Around :

Диалоговое окно «Фильтр смещения».

Нажмите OK, когда закончите, чтобы закрыть диалоговое окно.Фильтр «Смещение» по существу разделил копию формы сердца на четыре равные части и поместил их в каждый угол документа. Сейчас это может показаться странным, но не будет, когда мы увидим, как шаблон повторяется чуть позже. Форма сердца в центре документа — это исходная форма, которую мы добавили на шаге 6:

Документ после применения фильтра «Смещение» к копии формы сердца.

Шаг 10: Сохраните дизайн как образец

Когда дизайн нашей плитки завершен, мы готовы сохранить его как узор.Поднимитесь в меню Edit вверху экрана и выберите Define Pattern :

Перейдите в Edit> Define Pattern.

Photoshop откроет диалоговое окно Pattern Name , чтобы мы могли дать нашему новому узору имя. Рекомендуется указывать размер вашей плитки в названии, если вы в конечном итоге создадите несколько похожих плиток, все разных размеров. Я назову свой узор «Сердечки 100×100», так как размеры плитки составляют 100 пикселей на 100 пикселей.Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Выкройка сохранена и готова к использованию:

Включение размеров плитки в название может быть полезным.

Шаг 11: Создайте новый документ

Давайте создадим новый документ, чтобы заполнить его только что созданным узором. Как и на шаге 1, перейдите в меню File и выберите New . На этот раз, когда появится диалоговое окно New Document, введите 1000 пикселей для Width и Height документа и измените Background Contents на White .Оставьте значение Resolution равным 72 пикселя / дюйм . Щелкните OK, чтобы закрыть диалоговое окно. Новый документ, залитый белым, появится на вашем экране:

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

Шаг 12: Добавьте новый пустой слой

Вместо того, чтобы заполнять фоновый слой нашим узором, что ограничит то, что мы можем с ним делать позже, мы добавим узор на отдельный слой. Щелкните значок New Layer внизу панели слоев:

Щелкните значок «Новый слой».

Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем:

Photoshop помещает новый слой над фоновым слоем.

Шаг 13: Выберите инструмент Paint Bucket Tool

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

Щелкните и удерживайте инструмент «Градиент», затем выберите инструмент «Заливка» из списка.

Шаг 14: Измените источник на образец

Выбрав инструмент Paint Bucket Tool, перейдите на панель параметров и установите Source для Paint Bucket на Pattern (по умолчанию он установлен на Foreground):

Измените источник с переднего плана на узор.

Шаг 15: Выберите шаблон

При выбранном узоре щелкните эскиз предварительного просмотра узора на панели параметров:

Щелкните эскиз предварительного просмотра справа от параметра «Источник» на панели параметров.

Это открывает Photoshop Pattern Picker , где мы можем выбрать узор, который хотим использовать. Только что созданный паттерн будет последним в списке. Щелкните на его миниатюре , чтобы выбрать его. После того, как вы выбрали шаблон, нажмите Enter (Win) / Return (Mac), чтобы закрыть окно выбора шаблона:

Выберите узор «Сердечки», щелкнув его миниатюру.

Шаг 16: Щелкните внутри документа, чтобы добавить узор

Убедитесь, что на панели «Слои» выбран слой 1 (выбранные слои выделены синим цветом), затем с шаблоном, выбранным на панели параметров, просто щелкните в любом месте документа с помощью инструмента «Заливка», который мгновенно заполнит документ шаблон. Плитка повторяется столько раз, сколько необходимо, чтобы заполнить все пространство:

Щелчок в любом месте документа заполняет слой 1 узором.

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

Тот же узор после добавления цвета.

На панели «Слои» мы видим, что я добавил цвета, используя не более двух слоев заливки Solid Color , один для фона и один для узора.Опять же, вы найдете все шаги, необходимые в предыдущем учебном пособии :

Цвета были добавлены с помощью заливки сплошным цветом.

Загрузка дополнительных пользовательских форм

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

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

Щелкните значок стрелки.

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

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

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

Нажмите кнопку «Добавить».

Вернувшись в средство выбора форм, прокрутите миниатюры, чтобы найти новые формы, добавленные после исходных. Выберите любую из вновь добавленных фигур, щелкнув по ее миниатюре. Я выберу Dog Print shape:

Выбор формы отпечатка собаки.

А вот пример того, как повторяющийся узор будет выглядеть с формой отпечатка собаки, используя шаги, которые мы рассмотрели в этом уроке. В этом случае я создал немного больший документ размером 150 x 150 пикселей для своей плитки (см. Шаг 1), а в диалоговом окне Offset filter (Step 8) я установил для параметров Horizontal и Vertical значение 75 пикселей каждый (половина ширины и высоту документа). И снова цвет был добавлен к узору с использованием слоя заливки Solid Color для фона и другого слоя для самого узора:

Еще один пример повторяющегося узора, созданного с помощью пользовательских форм Photoshop.

Если ни одна из нестандартных форм Photoshop не соответствует потребностям вашего дизайна, вы можете легко создавать свои собственные формы! Обязательно ознакомьтесь со всеми подробностями в нашем уроке Создание пользовательских фигур в Photoshop !

Как создать узор в Photoshop — Medialoot

Бесшовные узоры в Photoshop

Узоры стали обязательными для дизайнеров, которые хотят оживить свой дизайн, сделать его более привлекательным или привлечь внимание к другим частям своего дизайна.Но поскольку для каждого дизайна требуется определенная графика, в большинстве случаев шаблонов Photoshop по умолчанию недостаточно, что дает вам 2 варианта: искать (и находить) какой-либо шаблон в Интернете со стилем, контентом и правами использования, которые вам нужны, или сделать свой собственное в фотошопе. Сегодня я покажу вам, как легко вы можете создать свой собственный узор в Photoshop и сэкономить часы на поиске в Интернете.

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

Шаг 1

Откройте Photoshop и выберите «Файл»> «Создать», чтобы создать новый файл. Назовите его «Мой узор», установите размер холста 600 x 600 пикселей в режиме RGB с разрешением 72 точки на дюйм (используйте 300 точек на дюйм в режиме CMYK, если вы собираетесь использовать его для печати) и нажмите «ОК».

Шаг 2

Перенесите элементы, которые вы хотите использовать в своем шаблоне, в Photoshop, используя предпочитаемый вами метод.Я просто перетащу все элементы из Illustrator (один за другим) в наш новый созданный документ, но я оставлю 3 элемента для дальнейшего использования.

Шаг 3

Когда у нас есть элементы в Photoshop, просто расположите их по своему вкусу, но держитесь подальше от границ (т.е. не касаясь границы документа).

Шаг 4

Когда мы будем довольны нашим макетом, выберите все слои (кроме фона) и перейдите в Слой> Смарт-объекты> Преобразовать в смарт-объект.

Шаг 5

Поскольку размер нашего документа составляет 600 x 600 пикселей, мы установим смещение 300 пикселей для значений по вертикали и горизонтали, чтобы сделать этот дизайн бесшовным.Перейдите в Filter> Other> Offset. Установите смещение на +300 по горизонтальной оси и +300 по вертикальной оси, убедитесь, что выбрана опция «Обтекание» и нажмите «ОК».

Шаг 6

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

Шаг 7

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

Шаг 8

Если вы довольны результатом, скройте фоновый слой, щелкнув значок глаза рядом с именем слоя.

Шаг 9

Выберите «Выбрать»> «Все».

Шаг 10

Перейдите в Edit> Define Pattern. Дайте новому шаблону имя (я установлю его «Цветочный») и нажмите OK.

Шаг 11

Чтобы проверить наш узор, создайте новый документ в Photoshop больше, чем исходный размер узора. В этом случае я установлю размер 2000 x 1150 пикселей.

Шаг 12

Перейдите в Layer> New Fill Layer> Pattern. Задайте для этого слоя имя «Pattern Test» и нажмите OK.

Шаг 13

В окне «Заливка узором» щелкните миниатюры узоров и выберите наш недавно созданный узор «Цветочный».

Шаг 14

Установите масштаб на 100%, убедитесь, что выбран параметр «Связать со слоем», и нажмите «ОК».

Несколько заключительных слов

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

Создавайте собственные образцы узоров — Уроки

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

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

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

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

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

02. Импортируйте эталонные фотографии с компакт-диска на обложку в Illustrator и создайте простые (или сложные) версии каждого из них. Создание всех объектов в одном файле Illustrator позволит вам сохранить одинаковый стиль и цветовую схему объектов.

03. Подумайте о фоне узора, так как он создаст основу для организации объектов. Мы будем использовать узор Аргайл; Чтобы изображение оставалось чистым, последовательным и векторным, соберите ромбовидный узор в Illustrator.

04. Откройте новый документ в Photoshop. Создаваемый нами узор будет состоять из четырех частей с повторяющимися угловыми частями и чередующимися центрами, поэтому я создам красивый большой документ размером 900 x 900 пикселей. Поскольку вся наша работа будет выполняться с векторами, разрешение документа не имеет значения.

05. Начните с создания единой плитки в центре холста. Это позволит вам легко установить элементы по углам. Создайте выделение с помощью инструмента «Прямоугольная область» в середине нашего документа размером 450 x 450 пикселей и разместите направляющие на каждом краю выделения.

06. Организуйте свое рабочее пространство так, чтобы вы могли одновременно видеть окна Photoshop и Illustrator. Перетащите каждый векторный элемент (по одному) из Illustrator в Photoshop. Это создаст векторный смарт-объект для каждого элемента на отдельном слое.Теперь эти объекты можно изменять неограниченное количество раз без потери качества.

07. Образец Argyle будет отправной точкой этого узора. Переместите его в нижнюю часть стопки слоев, чуть выше фонового слоя. Нажмите Cmd / Ctrl + T, чтобы вызвать инструмент «Свободное преобразование», и измените его размер, чтобы он идеально вписывался в направляющие, при этом пересечение каждого цвета совпадает с каждым направляемым углом.

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

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

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

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

12. Как только первая плитка будет готова, выберите все слои, кроме фонового, включая скрытые, и нажмите Cmd / Ctrl + G, чтобы сгруппировать их вместе. При активной группе выделите управляемый квадрат 450 x 450 пикселей и добавьте маску слоя к группе.

13. Нажмите Cmd / Ctrl + H, чтобы скрыть направляющие, и переместите группу плиток в верхний левый угол холста. Дублируйте группу три раза, перемещая каждый новый дубликат в свой угол. Убедитесь, что все четыре группы идеально совпадают с краями документа и друг с другом.

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

15. Выделите всю палитру слоев группы и выберите «Правка»> «Определить узор» в главном меню; назовите шаблон и нажмите ОК. Откройте менеджер предустановок («Правка»> «Менеджер предустановок»), выберите «Узоры», выберите узор и выберите «Сохранить набор», чтобы создать новый .pat-файл узора.

Подсказка

Вместо использования сочетания клавиш Cmd / Ctrl + J в следующий раз, когда вы захотите дублировать активный слой, просто удерживайте Option / Alt, щелкните и перетащите объект в новое место на сцене.Photoshop автоматически создаст дубликат, помещенный на отдельный слой.

Кто: Серфер, фотограф и графический дизайнер Герой проводит время между волнами в Южной Калифорнии и снегом в Северной Юте. Когда не катается на досках и не фотографирует, он пишет для своего веб-сайта с учебниками по Photoshop http://pshero.com.
Контактное лицо: http://pshero.com
Программное обеспечение: Adobe Illustrator и Photoshop CS3
Время завершения: 6-7 часов
На компакт-диске: Все файлы для этого руководства можно скачать здесь или доступны на обложке компакт-диска.

Учебное пособие по повторению узорной заливки в Adobe Photoshop | Small Business

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

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

Нажмите «Ctrl-Alt-I», чтобы открыть диалоговое окно «Размер изображения», запишите размеры изображения в пикселях и нажмите «Отмена».

Щелкните «Фильтр», наведите указатель мыши на «Другое» и выберите «Смещение».

Введите число, равное половине ширины изображения в текстовом поле «По горизонтали», и оставьте значение в поле «По вертикали» равным «0».«Убедитесь, что опция« Обтекание »выбрана, и нажмите« ОК ». Это по сути разрезает ваше изображение пополам по вертикали и меняет две половины вокруг — то, что было слева и справа, теперь находится в центре и наоборот.

Измените область в середине изображения, чтобы удалить все видимые швы и заполнить большие пустые пространства. Как вы это делаете, зависит от типа изображения, с которым вы работаете — инструменты, которые вы используете, вероятно, будут включать инструмент «Клонировать штамп». и инструмент исправлений (см. Ресурсы).

Щелкните «Фильтр», наведите указатель мыши на «Другое» и выберите «Смещение». Введите «0» в текстовое поле «По горизонтали», а затем введите число, равное половине высоты изображения, в текстовое поле «По вертикали». Щелкните «ОК». Это повторяет процесс нарезки и переупорядочивания, но делает это по горизонтали, а не по вертикали.

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

Нажмите «Фильтр», наведите указатель мыши на «Другое» и выберите «Смещение».«Введите число, равное половине ширины изображения в текстовом поле« По горизонтали », а затем введите« 0 »в текстовое поле« По вертикали ». Нажмите« ОК ».

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

Нажмите «Редактировать», выберите «Определить узор», введите имя для своего рисунка и нажмите «ОК». Теперь узор сохранен как образец узора в Photoshop.

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

Нажмите «Shift-F5», чтобы открыть диалоговое окно «Заливка». Выберите «Узор» в раскрывающемся меню «Использовать», а затем выберите новый узор из раскрывающегося меню «Пользовательский узор». Нажмите «ОК», чтобы заполнить весь документ новым шаблоном.

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

Повторяйте шаги с 10 по 13, чтобы проверить свой шаблон, пока не обнаружите больше проблем.Если вам нужно было исправить шаблон, нажмите «Изменить», наведите указатель мыши на «Presets» и выберите «Preset Manager». В раскрывающемся меню «Предустановки» выберите «Узоры». Щелкните правой кнопкой мыши все версии рисунка, кроме последней, и выберите «Удалить», чтобы удалить их из образцов рисунка в Photoshop.

Вернитесь к готовому рисунку рисунка и сохраните его в желаемом формате.

  • Чтобы залить выделение или слой узором, щелкните инструмент «Заливка» на панели инструментов, выберите «Узор» в первом раскрывающемся меню на панели параметров, выберите нужный узор, используя второе раскрывающееся меню на панели параметров, а затем щелкните внутри документа, как обычно.
  • Информация в этой статье относится к Adobe Photoshop CC. Он может незначительно или значительно отличаться от других версий.

Лорел Сторм пишет с 2001 года и гораздо дольше помогает людям с технологиями. Некоторые из ее статей были опубликованы в итальянском журнале для подростков «Messaggero dei Ragazzi».

Оцените статью
Магия рукоделия: подборка лучших видео-мастерклассов
Добавить комментарий