Как сделать лицевую и обратную сторону в фотошопе
В статье детально описаны ключевые моменты и алгоритм создания контактной карточки, которая запомниться вашим партнером и контрагентам.
Что такое «правильная визитка»?
Визитка – информационная карточка, которая должна отражать основную информацию о конкретном человеке/компании, а также содержать данные, касающиеся сферы деятельности организации, номера контактных телефонов/адрес электронной почты/ссылку на официальный веб-портал, название компании/ФИО человека и т.д.
Существует несколько принципов, которые являются основой успешного создания карточки. Итак, ключевое внимание следует уделить таким моментам:
- Дизайн и оформление (визитка обязательна должна быть запоминающейся и интересной. Это вовсе не значит, что она должна быть пестрой и буквально кричать о красочности. Основное задание сделать ее не такой как у всех, оригинальной);
- Износоустойчивость (следует помнить, что ваша визитка будет лежать в груде иных документов, и пригодится может через неопределенный период времени. Соответственно, необходимо ответственно подойти к выбору типографии, чтобы не волноваться о качестве печати и используемых материалах);
- Удобство (следует обращать внимание на стандартные размеры 9*5 см (аналог банковской карточки), размещение информации на обеих сторонах и материал покрытия).
Конечно же, это не все принципы, но именно на их основе будет раскрыт механизм создания визитки в фотошопе.
Перед тем, как правильно создать макет в cs5, необходимо принять во внимание несколько правил корректного изображения. Итак, необходимо запомнить такие моменты:
- Комбинация более 3 – х шрифтов/цветов на одном изображении – строгое табу;
- Подбирать необходимо читабельный шрифт (не нужно чрезмерно «мудрить» со шрифтом, ведь работает правило: «чем проще, тем лучше»);
- Шрифт не должен быть мелким (в идеале он должен быть таким, чтобы человек, не имеющий явных проблем со зрением, мог прочесть текст на карточке на расстоянии вытянутой руки);
- Необходимо обеспечить контраст между фоном и текстом, а задний план не должен отвлекать внимание от основной информации.
Если у вас есть логотип, то крайне желательно отобразить его на карточке. Наличие логотипа сделает визитку более запоминающейся и поможет быстро идентифицировать вашу карточку среди аналогов.
Механизм создания информационной карточки в Фотошопе
Поскольку основные правила оформления визитки уже были описаны, то самое время перейти к разбору того, как сделать визитку в Фотошопе.
Шаг 1. Запустите программу. Работа с приложением может осуществляться как после установки на ПК/ноутбук/планшет, так и в онлайн – режиме.
Безусловно, пользователю будет надежней установить Фотошоп на компьютер, чтобы в случае технического сбоя или перепада в сети, макет не пропал.
Шаг 2. Необходимо создать документ (нажимаем CTRL + N), указав параметры.
Для стандартных рекомендуем выбирать следующие параметры: ширина 96мм, высота – 56 мм, разрешение графики – 300, цветовая модель СМУК.
Выше упоминалось, что стандартные размеры – 50*90 мм, но при разработке необходимо сделать запас, который уберется при срезе краев в процессе печати. Поэтому делаем 96х56мм
Шаг 3. Необходимо выбрать фоновое оформление, а для этого кликнем CTRL + J и просматриваем стандартные обои. Если из предложенных вариантов ничего не подходит, то на рабочем окно есть функция «Добавить» и есть возможность использовать фоновый план, который сохранен на ПК.
На этом этапе можно добавлять специальные эффекты по типу «Градиент» или «Затемнение». Все дополнительные эффекты можно найти на панели инструментов (в верхней части рабочего поля), а их применение будет зафиксировано лишь после сохранения слоя.
Шаг 4. Располагаем текст и дополнительные изображения. Кликнем CTRL + R и появляется курсивное окно на cs6, где необходимо ввести текст визитки. Помимо текста, следует ввести параметры вспомогательных линий, которые отредактируют размещение текста на фоновом листе.
При размещении текста необходимо делать уклон на такие параметры полей: верхнее – 0,25, нижнее – 2, левое – 0,25, правое – 3,5 дюймов. Если вы хотите добавить какой – либо элемент на рабочую панель, то необходимо кликнуть на «Произвольная фигура», и выбрать понравившийся образ.
Не стоит размещать текст/логотип по краям визитки. Текст, при таком размещении, может быть не только случайно обрезан в процессе печати, но и смотрится невыгодно, плохо запоминается.
Шаг 5. Объединяйте слои. Не стоит объединять все слои одновременно, следует выделить фон и текст, а потом текст и логотипы/дополнительные изображения. Помимо вышеуказанных моментов, можно использовать дополнительные эффекты, затемнения, ластики, штрихи и т.д., иными словами все, на что хватит вашей фантазии.
Если на каком — либо этапе возникла необходимость удалить вставленный элемент, то просто кликните на клавишу «Delete Insert» или «Cancel».
Шаг 6. Сохранение шаблона и загрузка его на компьютер. Если вы разобрались, как нарисовать визитку в Фотошопе и результат вас полностью устраивает, то сохраните готовый макет в формате TIFF, так как не происходит сжатия изображения.
Новые версии программы Photoshop обладают англоязычным интерфейсом, но в настройках можно изменить язык и выбрать русский, что значительно ускорит/упростит пользование программой, если вы не обладаете запасом знаний технического иностранного языка.
Если вы работаете с использованием английского интерфейса, то все параметры будут в соответствующих единицах измерения, незнание которых, может повлечь ряд ошибок при оформлении визитки.
Нюансы двухсторонней визитки
Надеемся, пошаговая инструкция помогла разобраться в несложной программе Фотошопа, и вы смогли создать уникальную визитку. Если вы хотите создать двухстороннюю визитку в Фотошопе, то необходимо следовать вышеуказанному алгоритму, но при этом соблюдать несколько моментов:
- Изначально создайте 2 рабочих листа;
- Если обе стороны планируете выполнять в едином фоне и стилистике, то оформляйте их параллельно, чтобы не возникало путаницы;
- Рабочие слои необходимо сохранять постепенно на каждой странице, в противном случае может проявиться «накладка» информации.
- Объединить двухстороннюю визитку в Фотошопе в единый файл можно лишь на этапе преобразования в формат TIFF.
Если вы разобрались как создать визитку в фотошопе и не сразу определились с тем, что вам нужно двухсторонняя визитка, то не следует удалять весь шаблон. Для того, чтобы добавить еще одну сторону визитки, необходимо:
- Отключить все текстовые слои (комбинация Ctrl + A);
- Скопировать тексты и лицевые изображения (Shift + Ctrl + C) и перетащить информацию на вторую страницу;
- Чтобы отобразить фоновое оформление, необходимо проследовать по такой функциональной цепи «Edit > Transform > Flip Horizontal».
Photoshop CS5 и CS6 – что выбрать?
CS6 – более современная версия, которая обладает широким функциональным наполнением, разрешением и частотой графики. Обе версии предназначены и разработаны под известные операционные системы Windows, iOS, Android. Обе версии идеально подходят для создания визиток, а отличие CS6 от CS5 в следующем:
Программа фотошоп — достаточно простая в использовании и не требует профессиональных умений, а лишь немного времени, чтобы разобраться в ключевых моментах.
С помощью визитной карточки вы можете дать окружающим вас людям ваши контакты или контакты вашей фирмы, чтобы в будущем получить от них какое-либо целевое действие. Рассмотрим в данной статье, как можно создать визитную карточку для личных целей, которую можно будет сразу же отнести в печать или распечатать самостоятельно.
Как создать визитку в Photoshop
Для удобства разделим этот урок на несколько этапов, где разберём все основные момент. Важно, что для того, чтобы получить хороший результат, вы сами должны немного разбираться в работе Photoshop, так как данная статься рассчитана на тех пользователей, которые знакомы с интерфейсом и функционалом программы хотя бы на минимальном уровне. В противном случае у вас могут возникать сложности на определённых этапах работы.
Этап 1: Подготовка документа
Изначально вам требуется создать документ, в котором вы будете работать. Здесь указываются все основные параметры. Некоторые из них можно изменить в процессе работы, другие же нет. Итак, приступим:
-
Запустите программу Photoshop. Здесь требуется создать новый документ. В новых версия программы вы можете сделать это нажав на соответствующую кнопку на экране приветствия. Также создать новый документ можно, нажав по пункту «Файл», что расположен в верхнем меню и там уже выбрать «Создать». Также срабатывает комбинация Ctrl+N.
- Размер – поля «Ширина» и «Высота». Обратите внимание, что лучше всего указывать значения в этих полях в сантиметрах и миллиметрах. Стандартный размер визитки 90 мм на 50 мм. Есть также евро-стандарт – 85 мм на 55 мм. Впишите требуемый размер;
- Теперь укажите разрешение в соответствующем пункте. Так как визитка будет использоваться в печати, то лучше всего указывать значение от 150 dpi (пикселов на дюйм). Рекомендуемое значение 300 dpi;
- «Цветовой режим». Здесь выставьте значение «Цвета CMYK» и «8 бит».
Чтобы окончательно подготовить макет к печати, нужно указать на нём так называемые «линии обреза». Это не такая обязательная процедура, но она позволит избежать возможных неудобств при сдаче макета на печать в типографию. Разграничение происходит по следующей инструкции:
-
В верхнем меню нажмите на вкладку «Изображение». Из контекстного меню выберите вариант «Размер холста». Данный инструмент можно также вызвать с помощью сочетания клавиш Alt+Ctrl+C.
Этап 2: Создаём лицевую сторону
Мы же попытаемся создать дизайн лицевой и тыльной стороны визитки самостоятельно. Стоит заметить, что инструкция здесь будет приведена общая, у вас порядок действий может сильно отличаться, если вы задумали другой дизайн, нежели рассматриваемый в примере. Итак, приступаем к работе:
-
Для начала в слоях создайте группу, куда будут добавлены элементы с лицевой стороны. Для этого воспользуйтесь иконкой папки во вкладке со слоями.
Этап 3: Создаём тыльную сторону
Не у всех визитных карточек есть тыльные стороны – где-то это просто белое пространство. Однако часто встречаются варианты, когда на тыльной стороне размещена какая-либо дополнительная информация или просто какой-нибудь дизайнерский элемент. В нашем случае мы просто продублируем на задней части логотип и наименование сайта:
- Группа с лицевой стороной нам больше не нужна, поэтому её можно сделать невидимой. Не стоит её удалять, так как вам может потребоваться в ходе работы ещё возвращаться к элементам в ней. Чтобы сделать группу и её содержимое невидимым, просто нажмите на иконку глаза, что расположена левее названия группы. На рабочей области снова появится белый холст.
- Создайте, по аналогии с предыдущей инструкцией папку для тыльной стороны.
Как видите, ничего сложного в создании визитной карточки в Photoshop нет. Правда, нужно иметь определённые навыки работы с программой и примерно представлять, что хотите получить на выходе. В противно случае, результат вряд ли вас устроит. Если у вас есть какие-либо вопросы по теме статьи, то напишите их ниже в комментариях к ней.
В данном уроке я подробно расскажу о том, как сделать визитку в фотошопе. В результате его выполнения мы получим готовую к печати визитку со всеми метками реза и припусками под обрез.
Обычно визитки делаются в векторных редакторах, таких как 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, чтобы сохранять пропорции при изменении размеров.
На мой взгляд, текстура выглядит слишком грязной и на ней много шума. Исправим это — уберем две большие линии, проходящие вдоль слева направо.
Шаг 5 — Работа с цветом
Теперь я хочу немного затемнить текстуру.
Пришло время поговорить о цветовых режимах.
Немного о 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 — Клонируем полосы
Как изменить режим смешивания слоя в фотошопе смотрите ниже:
У вас получится ярко-желтый цвет, как на изображении ниже. Обратите внимание, что если вы переключитесь обратно в 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 (Прямоугольная область), отрезаем линии так, чтобы у нас остались только небольшие одиночные линии в каждом из четырех углов слева — то есть четыре пары меток реза.
Шаг 17 — Печать
Итак, мы создали простенький дизайн визитки. Она выглядит вполне аккуратно и уже готова для печати. Осталось только распечатать!
С первого взгляда кажется, что бесшовные узоры сложно создать, так как часть узора с одной стороны должна продолжаться на другой. Таким узором можно заполнить область любого размера, просто дублируя его. К счастью, в Фотошоп есть удобный инструмент, который позволяет упростить процесс создания бесшовных узоров. В этом уроке я покажу вам, как создать повторяющийся узор в стиле рустик с помощью фильтра Offset (Сдвиг).
Примечание: Автор использовал платные материалы. В архиве вы найдёте ссылки на альтернативный вариант изображений для выполнения урока.
Выбранные картинки мы соединим в образец узора, который будет бесшовно соединяться, не образуя при этом просветы.
Так как в работе мы будем использовать много отдельных картинок, будет проще открыть их в программе с помощью скрипта File – Scripts – Load Files Into Stack (Файл – Сценарии – Загрузить файлы в стек), который автоматически разместит каждый рисунок на отдельном слое в рамках одного документа.
Выбираем все картинки, которые будем использовать в узоре. Проверьте, чтобы параметр Attempt to Automatically Align Source Images (Попытаться автоматически выровнять исходные изображения) был выключен.
Оригинальные иллюстрации довольно большие. Поэтому уменьшаем их с помощью меню Image – Image Size (Изображение – Размер изображения).
Затем переходим Image – Canvas Size (Изображение – Размер изображения) и значительно увеличиваем размер рабочего полотна. Размер зависит от того, насколько большой вам нужен узор. При необходимости, вы всегда сможете его уменьшить. Однако, увеличить растровое изображение нельзя, так как ухудшиться качество картинки.
Выбираем фоновый цвет для узора, затем в самом низу панели слоев создаем новый слой и комбинацией клавиш Alt+Backspace заливаем его цветом.
Распределяем картинки по полотну, но так, чтобы они не выходили за границы полотна. Активируем Move Tool (V) (Перемещение) и на верхней панели ставим галочку напротив Auto-Select (Автовыбор), чтобы было удобнее перемещать каждый объект.
С помощью комбинации клавиш Ctrl+T активируем режим свободной трансформации и корректируем масштаб и поворот каждой картинки. Распределяем их по полотну, чтобы сформировать основу будущего узора.
Комбинацией клавиш Ctrl+Shift+Alt+E объединяем все видимые слои на отдельном новом. Или с зажатой клавишей Alt переходим в меню Layer – Merge Visible (Слой – Объединить видимые).
На данный момент все картинки расположены равномерно по центру полотна. Переходим Filter – Other – Offset (Фильтр – Другое – Сдвиг), настраиваем горизонтальное и вертикальное смещение, чтобы изменить положение элементов узора. Любая картинка, которая выйдет за границы полотна, автоматически продолжится на противоположной стороне. Именно так и работают бесшовные узоры.
Теперь в центре появились видимые зазоры между картинками. Выбираем слой, который находится ниже объединенной копии видимых слоев, и перемещаем ее в самый верх панели слоев. Корректируем его положение, чтобы заполнить пустое пространство. С помощью свободной трансформации (Ctrl+T) настраиваем размер, затем кликаем правой кнопкой внутри рамки трансформации и выбираем Flip Horizontal (Отразить по горизонтали), чтобы эта картинка не выглядела идентично той, которая уже есть на объединенном слое.
Продолжаем заполнять пустые пространства другими картинками, пока они не будут равномерно заполнены графикой.
После этого переходим Edit – Define Pattern (Редактирование – Определить узор) и сохраняем узор в библиотеку Фотошоп.
В самом верху панели слоев добавляем новый слой и заливаем его белым цветом. Теперь мы протестируем наш новый узор с помощью стиля слоя.
Дважды кликаем по слою с белой заливкой и выбираем Pattern Overlay (Наложение узора). Находим в списке узоров новый, который мы сохранили выше. При масштабе 100% он будет выглядеть точно так же, как оригинальный документ с узором, то есть в данном случае мы не увидим бесшовность в действии. Поэтому уменьшаем масштаб, чтобы проверить, как узор склеивается в одно сплошное полотно.
Теперь у нас готов бесшовный узор, который можно найти в наборах Фотошоп и применить с помощью инструмента заливки или стиля слоя Pattern Overlay (Наложение узора). Фильтр Offset (Сдвиг) позволяет с легкостью создавать бесшовные узоры, автоматически дублируя картинки по мере их смещения за пределы рабочего полотна. Вам останется только заполнить пустые области и узор готов.
Попробуйте создать свой бесшовный узор, используя коллекцию графики «Abstract Shapes Print Graphics» из подборки с бесплатными материалами .
В этом уроке вы узнаете 4 различных метода, как зеркально отразить изображение в Photoshop.
Сложность урока: Легкий
Мы постоянно говорим, что есть много разных методов для достижения одного и того же результата в Photoshop. Некоторые из них простые и быстрые, дают удовлетворительные результаты, в то время как некоторые неприятно сложные, но создают идеальный эффект. Все они работают, если вы идете к одной и той же цели, просто нужно найти метод, который подходит вашему стилю.
Сегодня я хотел бы показать вам 4 различных метода для отражения изображения в Photoshop, вы заметите, что некоторые из них более практичны, другие менее, но все они дают одинаковый результат.
1. Используем команду «Отразить по горизонтали»
Шаг 1
Открываем изображение в Photoshop.
Шаг 2
Нажимаем Ctrl+J, чтобы дублировать фоновый слой, и называем этот слой Mirror (Зеркало).
Шаг 3
Идем в меню Edit – Transform – Flip Horizontal (Редактирование – Трансформирование сегментов – Отразить по горизонтали).
Шаг 4
Идем в меню Image – Canvas Size (Изображение – Размер холста) и применяем следующие настройки.
Шаг 5
С активным слоем Mirror (Зеркало) выбираем инструмент Move Tool (Перемещение) (V) и перетаскиваем слой, пока он не соприкоснется с левой стороной холста.
2. Отражаем с помощью панели параметров
Шаг 1
Открываем изображение в Photoshop.
Шаг 2
Нажимаем Ctrl+J, чтобы дублировать фоновый слой, и называем этот слой Mirror (Зеркало).
Шаг 3
Идем в меню Edit – Transform – Scale (Редактирование – Трансформирование сегментов – Масштабирование). На верхней панели параметров инструментов устанавливаем Width (Ширина) на – 100% и кликаем по иконке Commit Transform (Подтвердить преобразование).
Шаг 4
Идем в меню Image – Canvas Size (Изображение – Размер холста) и применяем следующие настройки.
Шаг 5
С активным слоем Mirror (Зеркало) выбираем инструмент Move Tool (Перемещение) (V) и перетаскиваем слой, пока он не соприкоснется с левой стороной холста.
3. Отражаем с помощью опорных точек
Шаг 1
Открываем изображение в Photoshop.
Шаг 2
Нажимаем Ctrl+J, чтобы дублировать фоновый слой, и называем этот слой Mirror (Зеркало).
Шаг 3
Идем в меню Image – Canvas Size (Изображение – Размер холста) и применяем следующие настройки.
Шаг 4
Нажимаем на клавиатуре Ctrl+T.
Шаг 5
Перетаскиваем среднюю правую опорную точку влево, пока она не соприкоснётся с левой стороной холста, затем нажимаем клавишу Enter на клавиатуре, чтобы завершить преобразование.
4. Отражаем с помощью горячих клавиш
Шаг 1
Идем в меню Edit – Keyboard Shortcuts (Редактирование – Клавиатурные сокращения).
Шаг 2
Выбираем Application Menus (Меню программы).
Шаг 3
Раскрываем Edit (Редактирование) и проматываем вниз до опции Flip Horizontal (Отразить по горизонтали).
Шаг 4
Щелкаем по опции Flip Horizontal (Отразить по горизонтали) и вводим любую комбинацию клавиш. В этом случае я установил свою «Ctrl + .». Нажимаем Accept (Принять), а затем нажимаем ОК.
Шаг 5
Открываем изображение в Photoshop.
Шаг 6
Нажимаем Ctrl+J, чтобы дублировать фоновый слой, и называем этот слой Mirror (Зеркало).
Шаг 7
Нажимаем «Ctrl + .», чтобы отразить слой по горизонтали.
Шаг 8
Идем в меню Image – Canvas Size (Изображение – Размер холста) и применяем следующие настройки.
Шаг 9
С активным слоем Mirror (Зеркало) выбираем инструмент Move Tool (Перемещение) (V) и перетаскиваем слой, пока он не соприкоснется с левой стороной холста.
Читайте также: