Круговой текст в фотошопе: Текст по кругу в Фотошоп

Содержание

Обтекание текста в 3D с помощью Photoshop

В этом учебном пособии по текстовым эффектам в Photoshop мы узнаем, как легко обернуть текст вокруг 3D-объекта в Photoshop без использования какого-либо 3D-программного обеспечения. Мы собираемся обернуть наш текст вокруг планеты, но вы можете использовать ту же самую базовую технику, чтобы обернуть текст вокруг чего угодно. Вам понадобится Photoshop CS или выше для этого урока, так как мы будем использовать в Photoshop функцию «текст на контуре», а затем мы будем использовать Free Transform, чтобы преобразовать наш текст в трехмерную перспективу. Наконец, мы будем использовать маску слоя, чтобы скрыть текст, проходящий позади объекта, что дает нам наш последний трехмерный эффект.

Вот изображение планеты (старая добрая планета Земля), я оберну текст вокруг:

Исходное изображение.

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

Окончательный результат «обтекание текстом в 3D».

Давайте начнем!

Шаг 1: выберите инструмент Elliptical Marquee

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

Выберите Elliptical Marquee Tool из палитры Инструменты.

Шаг 2: перетащите выделение вокруг объекта, немного больше, чем сам объект

С моим выбранным Elliptical Marquee Tool я собираюсь расположить мышь как можно ближе к центру планеты, чтобы начать с него. Затем я буду удерживать мою клавишу Shift, чтобы ограничить свой выбор идеальным кругом, и я буду удерживать мою клавишу Alt (Победа) / Option (Mac), чтобы сказать Photoshop использовать точку, которую я собираюсь нажмите в качестве центра моего выбора, так что выбор распространяется во всех направлениях от этой точки. Затем я просто собираюсь щелкнуть в центре планеты и перетаскивать выделение, пока мое выделение не станет немного больше, чем планета, и у меня останется место для текста.

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

Продолжайте перетаскивать и перемещать выделение, пока оно не будет правильно выровнено с объектом и не станет немного больше самого объекта:

Круговое выделение теперь добавлено вокруг объекта.

Шаг 3: преобразовать выделение в путь

Теперь у нас есть выделение вокруг объекта, и мы собираемся использовать его, чтобы добавить наш текст к изображению, используя функцию «текст по пути» в Photoshop. Проблема в том, что наш выбор — это выбор, а не путь. К счастью, Photoshop позволяет легко преобразовать любой фрагмент в путь. Для этого переключитесь на палитру Paths, которая по умолчанию будет сгруппирована с палитрами Layers и Channels. Палитра «Пути» будет отображаться пустой, поскольку в настоящее время у нас нет путей в нашем документе. Чтобы преобразовать выделение в путь, щелкните значок « Создать рабочий путь из выделения» в нижней части палитры «Пути» (это третий значок справа):

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

Как только вы щелкнете по значку, Photoshop преобразует выделение в путь, и в палитре «Пути» появится новый «Рабочий путь»:

Палитра «Пути» теперь показывает вновь созданный путь.

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

Выбор вокруг планеты был преобразован в путь.

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

Шаг 4: Выберите инструмент Type

Вернитесь к палитре слоев в этой точке. Пришло время добавить наш текст. Для этого нам нужно использовать Photoshop Type Tool, поэтому либо выберите if из палитры Tools, либо нажмите букву T на клавиатуре:

Выберите инструмент «Текст».

Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите свой шрифт и размер шрифта. Этот 3D-эффект работает лучше всего, если вы используете шрифт с толстыми буквами, поэтому я выберу Helvetica Black в качестве моего шрифта. Вы можете выбрать любой понравившийся вам шрифт из тех, которые вы установили в своей системе, но, опять же, попробуйте выбрать один с хорошими толстыми буквами, а также тот, который легко читается. Вам нужно будет поэкспериментировать с размером шрифта, так как он будет сильно зависеть от размера объекта, вокруг которого вы оборачиваете текст, и в еще большей степени от размера и разрешения изображения, которое вы используете. Я использую размер шрифта 14pt для этого урока, но вам снова придется поэкспериментировать с изображением:

Выберите ваш шрифт и размер шрифта на панели параметров.

Шаг 5: Выберите цвет для вашего текста

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

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

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

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

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

Шаг 6: набери свой текст по круговому пути

Выбрав наш шрифт, размер шрифта и цвет текста, мы можем добавить наш текст, и мы хотим добавить его так, чтобы он шел по круговому пути, который мы создали. Для этого наведите курсор мыши на ту часть пути, с которой вы хотите начать печатать. Я собираюсь начать свой текст где-то на вершине пути. Перемещая курсор мыши по пути, вы заметите, что курсор из точечного квадрата вокруг него изменится на волнистую линию, проходящую через него. Эта волнистая линия говорит вам, что вы собираетесь печатать прямо на пути и что ваш текст будет следовать по форме пути, а это именно то, что мы хотим. Чтобы добавить свой тип, просто нажмите на путь и начните печатать. Эффект будет работать лучше всего, если вы будете использовать все заглавные буквы. Я собираюсь напечатать «ДОБРО ПОЖАЛОВАТЬ В ЗЕМЛЮ ПЛАНЕТЫ»:

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

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

Добавьте достаточно текста, чтобы полностью обернуть вокруг объекта.

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

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

Мой текст будет выделен белым цветом на моем изображении. Затем, выделив текст, я буду удерживать нажатой клавишу Alt (Win) / Option и пару раз нажать клавишу со стрелкой влево на клавиатуре, чтобы закрыть пространство между буквами, пока не будет достаточно места для размещения. весь мой текст и слово «ЗЕМЛЯ» появляется:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), используйте клавиши со стрелками влево или вправо, чтобы добавить или удалить пробел между буквами.

Чтобы расположить оба предложения на равном расстоянии друг от друга и закрыть этот большой промежуток вверху, я собираюсь щелкнуть мышью между двумя предложениями внизу (между словами «ЗЕМЛЯ» и «ДОБРО ПОЖАЛОВАТЬ») и снова удерживая клавишу Alt. (Win) / Option (Mac), я собираюсь нажать клавишу левой скобки несколько раз, чтобы добавить немного дополнительного пространства между двумя словами, пока текст не будет выглядеть одинаково сбалансированным по всему пути.

Когда я доволен интервалом в моем тексте, я собираюсь нажать Ctrl + H (Победа) / Command + H (Mac), чтобы скрыть путь из поля зрения, оставив мне только мою планету и мой текст, обведенный кружком и красиво разнесены вокруг него:

Текст теперь вращается вокруг внешней стороны планеты.

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

Шаг 7: Используйте бесплатное преобразование, чтобы исказить текст в трехмерной перспективе

Теперь самое интересное. Мы собираемся преобразовать наш текст в 3D! Или, по крайней мере, мы все равно создадим иллюзию, что это 3D. Photoshop — не настоящая 3D-программа, но мы все еще можем ее подделать. Для этого мы будем использовать команду Photoshop Free Transform . Когда слой типа выбран в палитре «Слои», используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать маркеры Free Transform вокруг текста:

Нажмите «Ctrl + T» (Победа) / «Command + T» (Mac), чтобы получить доступ к ручкам Free Transform.

Чтобы согнуть мой текст в трехмерную перспективу, я буду удерживать клавиши Ctrl + Alt (Победа) / Command + Option (Mac) и перетаскивать ручку «Свободное преобразование» в верхнем правом углу по направлению к центру планеты. Чем дальше я перетаскиваю, тем больше трехмерной перспективы я создаю с моим текстом:

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

Когда вы будете довольны тем, как выглядит ваш текст, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование:

Нажмите «Enter» (Win) / «Return» (Mac), чтобы принять преобразование.

Шаг 8: добавь маску слоя к текстовому слою

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

Добавьте маску слоя к текстовому слою, щелкнув значок «Маска слоя».

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

Миниатюра маски слоя с белой рамкой выделения вокруг нее говорит о том, что выбрана маска слоя, а не сам слой.

Шаг 9: сделай выбор вокруг своего объекта

Я хочу спрятать текст, который должен находиться за планетой, поэтому я собираюсь снова взять мой инструмент Elliptical Marquee Tool и, как и в начале этого урока, я буду использовать его для перетаскивания выбор вокруг планеты. Однако на этот раз я хочу, чтобы мой выбор распространялся только на край планеты, а не на область вокруг нее, как мы делали раньше. Итак, еще раз, я собираюсь щелкнуть примерно в центре планеты, и, удерживая Shift + Alt (Победа) / Shift + Option (Mac), я собираюсь вытянуть круговой выбор вокруг планеты. Если мне нужно изменить положение выделенной области при перетаскивании, я снова удерживаю свой пробел и перемещаю выделение на экране по мере необходимости, затем освобождаю пробел и продолжаю перетаскивать.

Вот мое изображение с моей выбранной планетой:

Планета сейчас выбрана.

Шаг 10: нарисуй черным внутри выделения, чтобы скрыть текст

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

Выберите инструмент Brush Tool.

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

Закрасьте текст, который вы хотите скрыть, с помощью Brush Tool. Будет затронут только текст внутри выделения.

Продолжайте рисовать текст, пока не спрячете все, что нужно скрыть. Когда вы закончите, нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы снять выделение. Если ваш путь под текстом снова стал видимым, нажмите Ctrl + H (Победа) / Command + H (Mac), чтобы скрыть его от просмотра.

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

Окончательный результат «обтекание текстом в 3D».

Шаг 11: добавь стиль наложения градиента

Чтобы закончить, давайте добавим немного освещения к нашему тексту, используя один из стилей слоев Photoshop. Нажмите на иконку Layer Styles в нижней части палитры Layers:

Нажмите на значок «Стили слоя».

Затем выберите Gradient Overlay из списка:

Выберите «Gradient Overlay».

При этом откроется диалоговое окно «Стиль слоя» с параметрами наложения градиента в средней колонке. По умолчанию Photoshop дает нам градиент от черного к белому, что мы и хотим. Вместо того, чтобы использовать градиент, чтобы раскрасить наш текст и сделать его черно-белым, мы собираемся использовать его для добавления простого светового эффекта. Сначала измените параметр « Режим наложения» вверху с «Обычный» на « Яркий свет », щелкнув стрелку вниз справа от слова «Обычный» и выбрав «Яркий свет» из списка. Затем уменьшите значение непрозрачности до 60% . Наконец, измените параметр Угол внизу на 0 ° :

Параметры наложения градиента в диалоговом окне «Стиль слоя».

Нажмите OK, когда закончите, чтобы выйти из диалогового окна и применить стиль Gradient Overlay к тексту, и все готово! Вот заключительный эффект с моим простым световым эффектом, добавленным к тексту:

Финальный 3D-эффект.

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!

Как изогнуть текст в Photoshop вокруг любой формы

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

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

Скриншоты этого руководства взяты из Photoshop CC 2018.

Как печатать текст в кружке в фотошопе

  1. Выберите инструмент Эллипс . Измените тип на Путь .
  2. Перетащите и нарисуйте, чтобы сделать круг на вашем документе. Нажмите клавишу Shift при перетаскивании, чтобы сделать идеальный круг.
  3. Выберите инструмент « Горизонтальный тип» . На панели параметров выберите атрибуты шрифта, такие как стиль, размер и цвет текста.
  4. Инструмент типа представлен курсором в форме луча «I» внутри пунктирного квадрата. Наведите курсор на край фигуры. Луч «I» превращается в луч «I» с волнистой линией, которая напоминает кривую синуса.
  5. Нажмите на границу формы в том месте, где вы хотите начать добавление текста. По мере ввода текст изгибается вокруг фигуры. Нажмите на галочку на панели параметров, чтобы завершить текст.
  6. Чтобы изменить положение кругового текста, выберите инструмент « Выбор контура» на панели «Инструменты». Перетащите курсор за пределы круга и над текстом, чтобы повернуть его на новую позицию. Перетащите курсор внутри круга, чтобы перевернуть текст и повернуть текст внутри фигуры.

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

Вы использовали эту функцию раньше? Как вы предпочитаете создавать изогнутый тип вдоль пути?

Создаем 3D – текст с эффектом в виде цветов

В этом уроке нам понадобятся кисти Suddenly Spring, разработанные GValkyrie.

Скачайте набор Suddenly Spring

Создайте документ размером 750 на 550 пикселей.

Цвет переднего плана установите #004B64 и фона — #000000.

Используя инструмент «Радиальный градиент» (Radial Gradient) создайте круговой градиент от центра к низу документа:

Создадим 3D-текст в Adobe Illustrator.

Установите цвет заливки (Fill) #FFFFFF и наберите первую букву вашего текста жирным шрифтом.

Я использовал Helvetica 75 Bold.

Создайте слой с черным фоном, чтобы ваша буква стала видимой:

Выделите набранный символ и зайдите в меню Эффекты > Объёмные > Вытягивание и скосы (Effect > 3D > Extrude& Bevel):

Задайте параметры, как показано на рисунке:

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

Заполните остальные настройки, как показано на рисунке ниже. Нажмите OK, когда закончите:

Повторите шаги 2a — 2c для остальных символов. Для шага 2b настройте значения так, чтобы буквы были расположены в разных направлениях.

Выделите первую букву и нажмите Ctrl+C, чтобы скопировать ее:

Вернитесь в Photoshop и нажмите Ctrl+V, чтобы вставить символы. В появившемся диалоговом окне вставки выберите «Смарт объект» (Smart Object).

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

Выберите инструмент «Волшебная палочка» (Magic Wand) и введите настройки как на рисунке.

Нажмите на поверхность первого символа:

Кликните на «Уточнить края» (Refine Edge).

Введите настройки как на картинке:

Создайте новый слой под первым символом и назовите его Surface. Заполните его цветом #000000. Выберите этот слой и зайдите в «Настройки смешивания» (Blending Option).

Поставьте галочку напротив пункта «Перекрытие градиента» (Gradient Overlay), установите цвета #003146 и #B8EBFE.

Режим смешивания (Blend Mode) установите «Обычный» (Normal), Непрозрачность (Opacity) в 100%, Стиль (Style) выберите «Линейный» (Linear), Угол (Angle) равным 90 градусов и Масштаб (Scale) 100%:

Повторите шаги 3a — 3c для остальных символов.

Старайтесь использовать различные цвета, подходящие к основной теме, такие как зеленый и синий:

Загрузите набор кистей Suddenly Spring. Создайте новый слой и назовите его Floral.

Цвет переднего плана задайте #FFFFFF. Выберите одну из кистей набора Suddenly Spring и нарисуйте ею поверх градиента.

Режим смешивания (Blend Mode) слоя Floral установите «Наложение» (Overlay), а Непрозрачность (opacity) 50%. Выберите слой Floral и, удерживая нажатой клавишу Ctrl, нажмите левой кнопкой мыши на слое Surface для загрузки его выделения.

Щелкните по кнопке «Маска слоя» (Layer Mask):

Повторите шаг 4a для остальных символов.

Создайте новые слои между каждой буквой и нарисуйте черные (#000000) тени с помощью мягкой кисти.

Маскируйте эти тени таким же образом, как и слой Floral:

Создайте новый слой под слоями с символами.

Установите оттенок переднего плана #BEF7A8 и нарисуйте несколько цветов между буквами. Правой кнопкой мыши щелкните на слое и выберите «Настройки смешивания» (Blending Options).

Включите «Внешнее свечение» (Outer Glow) и задайте его цвет #FFFFFF.

Остальные настройки оставьте по умолчанию:

Повторите шаг 4c и добавьте больше цветов между символами:

Создайте новый слой. Установите цвет переднего плана #FFFFFF и нарисуйте большой цветок. В меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) установите радиус равный 6 пикселям.

Режим смешивания (Blend Mode) этого слоя установите «Наложение» (Overlay):

Создайте новый слой позади всех слоев и назовите его Stars.

С помощью мягкой кисти размером 1 пиксель и цветом #FFFFFF, нарисуйте большой крест как показано на рисунке. Немного сотрите 4 угла большим мягким ластиком. Выберите мягкую кисть, установите ее непрозрачность 20% и размер 30 пикселей.

Нарисуйте затухающую точку в центре креста:

Щелчком правой кнопки мыши по слою Stars выберите «Настройки смешивания» (Blending Options).

Включите «Внешнее свечение» (Outer Glower) и установите цвет #FFFFFF.

Остальные настройки оставьте по умолчанию:

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

РедакцияПеревод статьи «Create a 3D Flowery Text Effect»

Создание буклета в фотошопе. Деловой буклет

Инструкция

Далее на новом слое выберите инструмент Elleptical Marquee и выделите с его помощью текстовую область. Выберите меню Edit, затем Stroke, укажите параметр 5px и установите по черный цвет. Повторите то же самое действие, создав меньшего размера внутри вашей печати.

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

Остались последние штрихи, добавьте печати реалистичности. Создайте новый слой с фильтром Render Clouds и добавьте эффект шума (Add Noise). Параметр шума устанавливайте по собственному желанию – 30-40%. Установите в параметрах этого слоя режим Screen вместо Normal, и вы увидите, как приобретает достоверный внешний вид.

Источники:

  • фотошоп создание печати в 2019

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

текстов .

Вам понадобится

  • Графический редактор Adobe Photoshop.

Инструкция

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

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

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

текстов ом редакторе. Выбрав этот инструмент, щелкните документ в любом месте и начинайте вводить текст. Фотошоп при этом создаст отдельный текстов ый слой.«Вертикальный текст» аналогичен предыдущему, но после каждой буквы редактор за вас делает переход на следующую строку, т.е. буквы помещаются одна под другой.«Горизонтальный текст-маска» иначе. Этот инструмент тоже позволяет набирать горизонтальные тексты, но текстов ый слой при этом , а выделяются фигурные области по контуру букв, слов и строк которые вы набираете. Когда надпись будет готова, вы можете щелкнуть любой имеющийся слой с изображением и вырезать на нем ваш текст, просто нажав клавишу Delete. А можете наоборот, инвертировать выделение и вырезать все, оставив только набранную вами надпись. Есть масса других способов использования этого инструмента.

Щелкните документ и наберите текст. После этого кликните первую пиктограмму на панели инструментов (инструмент «Перемещение»), чтобы выключить режим ввода текста.

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

Щелкнув прямоугольник с надписью «Цвет» можно открыть диалог выбора оттенка для сделанной надписи в целом или только выделенных букв.

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

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

Конечный результат

Подробности

  • Программа: Adobe Photoshop CS4
  • Сложность: Средняя/Сложная
  • Время: 2 часа

Шаг 1 — Концепция

Каждый проект должен начинаться с концепции. Сначала мы должны продумать детали, чтобы не потерпеть неудачу в середине процесса дизайна. Сейчас нам нужно определить размеры документа. Лучше всего делать вычисления на бумаге карандашом, где вы можете бысто и просто нарисовать контуры и значения. Мой буклет после складывания получился размером A4. Если вы хотите использовать размер Letter вместо европейских стандартов, проверьте размеры.

Я использую в работе миллиметры. Если вы хотите использовать дюймы, пересчитайте мои значения (Photoshop не делает этого автоматически). На самом деле мой набросок — это большая мазня, так что я решил сделать ясное графическое представление концепции. Не заботьтесь об этом слишком, просто запишите значения, чтобы не запутаться. Большие цифры обозначают расположение отдельных страниц. Заметьте, что первая полоса находится в конце документа, в то время как последняя — в середине. Здесь также есть размер бумаги в реальном размере и размер с припусками под обрез. Это называется тип складывания C.

Шаг 2 — Разрешение

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

Печатные устройства выбрасывают на бумагу цветные точки. Так они обычно работают. И DPI (dots per inch / количество точек на дюйм) — это значение, определяющее количество этих точек на 1 дюйм длины.

Вы можете использовать значение DPCM (dots per cm / количество точек на сантиметр), но я никогда не встречал ни одного человека, ни печатную компанию, которые бы измеряли разрешение в dpcm. Кроме того, его легко конвертировать в Photoshop. Когда вы создаёте новый документ, наберите значение 72 pixels/inch (На самом деле это PPI, а не DPI, но обычно называется DPI), и когда вы измените его на pixels/cm…

Значение автоматически пересчитается и изменится на 28,346. То же произойдёт, когда вы измените единицу измерения (если вы измените пиксели на сантиметры или дюймы, значение dpi тоже изменится, попробуйте). Для создания экранных изображений, например, для интернета, обычно используется значение 72 dpi. На самом деле dpi здесь нет, для экранных изображений используются только пиксели, а dpi — это только привязанность к печатному размеру. Универсальное значение для печати — это 300 dpi. Оно годится, чтобы получить достаточно чёткое, хорошо запечатанное изображение для малых печатных форм (как визитки, буклеты, флаеры, билеты и т.

п.). Но его нельзя использовать во всех случаях. Для нашего буклета A4 формата, который будут рассматривать с расстояния вытянутой руки, это превосходно. Некоторые печатные учреждения советуют даже 600 dpi и больше, но это всё же излишне. В прошлом я делал баннер, который висел на стене, и его разрешение было 28 dpi (Если бы я использовал разрешение 300 dpi, мой компьютер бы повис из-за размера документа). Конечно, 28 dpi — это очень мало, и если бы у нас в руках был кусок этого баннера, мы бы увидели все несовершенства печати, однако из-за большого расстояния (шириной в улицу, например) он выглядел достаточно чётко.

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

Материалы для урока:

Шаг 1 . Есть некоторые вещи, которые мы должны рассмотреть прежде, чем начать проектировать брошюру: размер, форма, и складной тип. Вообще, мы должны начать с карандаша и бумаги — нарисуем эскиз нашей брошюры. У брошюры будет две стороны, значит, будет два документа в Фотошоп — один для внутренней стороны брошюры, другой для обложки.
Ниже проект тройной брошюры. Назовём каждую область печати «Лицо», таким образом у нас будет «Лицо1», «Лицо2», …., «Лицо6»

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

Сторона 1
Шаг 3 . Создаём новый документ. Для проекта печати, параметры настройки документа очень важны. Затем нажмите Ctrl+R , чтобы появилась линейка. Теперь нам нужны направляющие. Наведите на линейку курсор (инструмент «Перемещение » \Move Tool) и, зажав левую кнопку мыши, вытащите оттуда одну направляющую. По вертикали, например; сделайте так же по горизонтали.
*для того, чтобы убрать Направляющие, нажмите Ctrl+H . Та же комбинация, для того, чтобы они появились вновь*.
Единицы измерения — дюймы (кликаем ПКМ по линейке и из открывшегося списка выбираем «дюймы» (Inches))

Шаг 4 . Границы рабочей области. Определим границы нашего документа для печати. Расположим направляющие по каждой стороне документа.

Шаг 5 . Теперь увеличим документ в меню Изображение\Размер холста (Image\Canvas Size) — добавьте дюйм к ширине и высоте документа, кроме того убедитесь, что якорная точка находится посередине. Как видите, документ увеличился на 0,5 дюймов по каждой стороне.

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

Шаг 7 . Границы безопасности. Даже если наш процесс обрезки прекрасен, всё же есть ещё небольшая область, которую мы должны оставить пустой. Мы добавим границу безопасности между краем рабочего документа и нашим проектом, т. е. сделаем отступ. Для этого вытащите направляющие и расположите на 0,25 дюйма внутри нашей «Главной области».

Шаг 8 . Теперь мы должны сделать три колонки с направляющими. Есть несколько способов, чтобы поделить на три части, один из них — взять калькулятор и разделить 11/3=3.66. Выберите инструмент «Прямоугольник» (Rectangle Tool)(U) в режиме фигур и нарисуем прямоугольник, как показано ниже. Точность сейчас не важна. Теперь выберите инструмент «Перемещение» (Move Tool) (V), включите на панели параметров опцию «Показать управляющие элементы» (Show Transform Controls) и дублируйте прямоугольник (для этого зажмите клавишу Alt и переместите прямоугольник). Дублируйте второй прямоугольник. Теперь у нас три прямоугольника. Измените цвет копий (в графических целях). Теперь выделим три прямоугольника (на палитре слоёв, зажав Shift , кликните по слоям) и при активном инструменте «Перемещение» потяните за правый узелок вправо, пока не достигнете правой границы «Главной области», нажмите Enter . Этот процесс расширит наши прямоугольники в равных пропорциях. Теперь выберите средний прямоугольник и установите новые «колонные» направляющие, удалите наши прямоугольники. Наш документ поделён на три равные части.

Шаг 9 . Края безопасности при сворачивании. Это очень важно, так как при сворачивании используется 2-3 мм при печати, у вас не должно быть никаких графических объектов в этой области. Добавьте направляющие на ¼ дюйма к «колонным» направляющим с каждой стороны. Теперь у вас есть отличный документ — шаблон для дальнейших проектов, обязательно сохраните.

Шаг 10 . Фон. Как вы помните, мы используем цветовую модель CMYK . Щёлкните по цвету переднего плана на палитре цветов и выберите цвет фона. Инструментом «Прямоугольник» (Rectangle Tool)(U) нарисуйте прямоугольник, как показано ниже.

Шаг 11 . Направляющие обрезки. Установите цвет переднего плана как показано ниже, выберите инструмент «Линия» (Line Tool) и нарисуйте линии, как показано ниже.

Шаг 12 . Поместите все слои с линиями в группу и назовите её «Trim Guides «. CTRL+G — создать группу слоев (предварительно слои нужно выделить)

Дизайн
Шаг 13 . Автор использовал текстуру, чтобы придать фону эффект грязной старой бумаги. Текстуру можно зять в архиве. Перенесите текстуру на наш документ на новый слой (при помощи инструмента «Перемещение»), расположите текстуру так, как показано ниже, назовите слой «BG Texture ». При помощи инструмента «Штамп » (Clone Stamp Tool) уберите следы от чернил и поменяйте режим наложения (Blending Mode) для слоя на Умножение (Multiply), непрозрачность (Opacity) для слоя 40%.

Шаг 14 . Выберите инструмент «Прямоугольник» (Rectangle Tool)(U) в режиме фигур и нарисуйте полоску, как показано ниже, цвет любой, назовите слой «Stripe ».

Примените следующие стили слоя:
Наложение градиента\Gradient Overlay :

Обводка \Stroke:

Тень \Drop Shadow:

Шаг 15 . Нажимаем сочетание клавиш Ctrl+ A (выделим всё), на палитре слоёв выбираем слой «BG Texture » и копируем выделение (Ctrl+ C ). Сделайте активным слой «Stripe », создайте новый слой, назовите «Stripe Texture » и вставьте выделение (Ctrl+ V ). Ctrl+ T и трансформируйте слой «Stripe Texture», как показано ниже. Оставаясь на слое «Stripe Texture », нажимаем Ctrl+клик по миниатюре маски слоя «Stripe ». Инвертируем выделение Выделение\Инверсия (Select\Inverse) и нажимаем Delete . Снимите выделение Ctrl+ D . Поменяем режим наложения (Blending Mode) для слоя «Stripe Texture » на Линейный затемнитель (Linear Burn). Создайте новую группу, назовите « Stripe » и поместите туда слои «Stripe» и «Stripe Texture»

Шаг 16 . Автор решил не использовать вертикальное расположение полос, а повернуть их под углом 15° и 5°. Выберите инструмент «Перемещение» (Move Tool) и выберите группу «Stripe», Ctrl+ T , измените угол наклона -15° , нажмите Enter

Вытащите ещё одну направляющую.

Шаг 17 . Добавим вторую полосу. Выберите группу «Stripe» и при активном инструменте «Перемещение» (Move Tool), зажмите клавишу Alt и передвиньте полосу (этим вы скопируете её). Расположите дублированный слой под оригиналом. Ctrl+ T и поверните скопированную полосу горизонтально. Поменяйте настройки в стиле слоя Stripe (копия): Наложение градиента\Gradient Overlay:

Шаг 18. Повернём вторую полосу. Ctrl+ T , измените угол наклона -5° ,нажмите Enter и спустите эту полосу вниз на несколько миллиметров.

Выравнивание. Поскольку автор хочет добавить эффект обертки с полосами на задней стороне, очень важно поместить их в центре. Выделяем всё (Ctrl + A ), выбираем инструмент «Перемещение» (Move Tool), делаем активной группу «Stripe» и на панели параметров кликаем по значку «Выравнивание центров по горизонтали » (Align Horizontal Center), снимите выделение Ctrl+ D . Повторите эту операцию с группой «Stripe copy»

Шаг 19 . Теперь мы добавим жёлтую ленту. Создайте новую группу между группами «Stripe» и «Stripe copy» и назовите «Ribbon». Создайте новый слой, назовите «Ribbon», вытащите направляющую и инструментом «Прямоугольник » (Rectangle Tool)(U) в режиме фигур нарисуйте прямоугольник, как показано ниже, (чуть шире красных), цвет любой. Выберите инструмент «Добавить опорную точку » (Add Anchor Point Tool) и добавьте точку на середине нижней ширины. Выберите инструмент «Угол » (Convert Point Tool) и кликните по точке. Теперь инструментом «Стрелка » (Direct Selection Tool) переместите точку вверх, получились уголки.

Шаг 20 . Добавим стиль слоя к нашей ленте
Наложение градиента\Gradient Overlay:
Обводка\Stroke:

Шаг 21 . Добавим тень ленте. Дублируйте слой «Ribbon» (Ctrl+ J ), назовите новый слой «Ribbon Shadow» и растрируйте его (щелчок ПКМ по слою и выберите из списка «Растрировать слой») (поместите слой с копией ниже оригинала), сместите слой «Ribbon Shadow» немного вниз и вправо. Примените стиль слоя: Наложение цвета\ Color Overlay . Примените 10 рх. Меняем режим наложения Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 75 %.

Шаг 22 . Деформируем ленту. Сделаем активным слой «Ribbon», Ctrl+Т , кликаем ПКМ и выбираем «Деформация » (Warp), потянем за узелки, чтобы исказить, как на скриншоте. Добавьте текстуру на ленту, используя технику Шага 15 . Меняем режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 50 %.

Шаг 23 . Добавим название брошюры. Выбираем инструмент «Текст » (Type Tool (T)) и введите слово. Теперь в меню Окно\Символ (Window\Character) и в диалоговом окне выставите следующие настройки. Потом поверните текстовый слой на -15° . Добавим стиль слоя:
Наложение цвета \Color Overlay
Внешнее свечение \Outer Glow
Внутренняя тень \Inner Shadow

Шаг 24 . Повторите предыдущий шаг, напишите слово, но с меньшим шрифтом и поместите его на нижней полосе, примените те же самые стили. Поверните текстовый слой на -5° , измените настройки для стиля Наложение цвета\ Color Overlay

Шаг 25 . Создайте новый слой под названием » Shadow » ниже группы «Stripe». Нарисуйте овальное выделение инструментом «Эллипс » (Ellipse Tool), цвет чёрный и примените Фильтр\Размытие\Размытие по Гауссу (Filter\Blur\Gaussian Blur), радиус 20 рх, поверните эллипс на -15° , поменяйте режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 50 %.

Шаг 26 . Наполняем брошюру контентом. Создаём Paragraph Text слой для колонны «Лицо2», шрифт Arial Black , цвет чёрный, также автор добавил название текста, настройки ниже. Как только вы создали текстовые слои (их должно быть три), поверните их на -15° . Не забудьте о границах — направляющих безопасноти.

Шаг 27 . Продолжаем добавлять текст. Заметьте, что угол поворота у текстового слоя «Contact Us» -5° . Создайте для каждой области печати группы и поместите текстовые слои в них «Лицо1», «Лицо2», «Лицо3».

У нас готова первая сторона нашего проекта. Сохраните документ и назовите «brochure — front».

Сторона 2.
Шаг 28 . Скройте или удалите слои «Лицо1», «Лицо2», «Лицо3», оставим только полосы и ленту. Создайте три группы «Лицо4», «Лицо5», «Лицо6».

Шаг 29 . Выберите «Stripe Copy». В меню Редактирование\Трансформирование\Отразить по горизонтали (Edit\Transform\Flip Horizontal) отразите полосу. Сделайте то же самое с группой «Stripe». Переместите ленту как показано ниже.

Шаг 30 . Продолжаем добавлять текст. Только угол вращения в этом случае должен быть положительным, поворачиваем на +15°.

Шаг 31 . Добавим изображение,Рамки Полароид, переносим на наш документ, назовём слой «Polaroid» и поместим слой в группу «Лицо5». Теперь вставьте любое изображение в тёмный прямоугольник «Polaroid» (добавьте маску слоя). Слой расположите над слоем «Polaroid» и назовите «Picture», поменяйте режим наложения (Blending Mode) для слоя на «Перекрытие » (Overlay).

Шаг 32 . Слейте слои «Picture» и «Polaroid» в один и идём в меню Изображение\Коррекция\Цветовой тон/Насыщенность (Hue/Saturation) (Ctrl + U ), настройки ниже

Шаг 33 . Добавим тень к изображению. Создайте чёрный прямоугольник на новом слое, расположите слой под слоем «Polaroid» и назовите «Shadow». Нажимаем Ctrl+ F , чтобы применить фильтр «Размытие по Гауссу» с последними настройками. Поменяйте режим наложения (Blending Mode) для слоя на «Умножение » (Multiplay) и непрозрачность (Opacity) для слоя 60 % и поверните слой с тенью на несколько градусов вправо.

Шаг 34 . Последние штрихи. Поверните «Лицо5» немного вправо, выберите инструмент «Затемнитель » (Burn Tool) и немного затемним некоторые участки на нашем фото

Шаг 35 . Вторая сторона готова.

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

Превью результата

Создаем готовую к печати складываемую брошюру формата А4

Подробности

ПО: Adobe Photoshop CS4
Уровень сложности: Средний/тяжелый
Необходимое время: 2 часа

Этап 1 – Концепт

В любом проекте требуется концепт (идея). Сначала нужно распланировать всё, чтобы не застопориться в середине процесса. Сейчас нам нужно определить размеры нашего документа. Лучше всего делать это с помощью ручки/карандаша и листа бумаги – так вы сможете быстро обрисовать форму и необходимые элементы. Мы разрабатываем брошюру, которая в сложенном состоянии будет иметь формат листа А4. Если вы хотите использовать другие форматы, то просто не забывайте про размеры и пропорцию. Лучше всего работать в миллиметрах. Если же вы захотите использовать дюймы, то вам нужно будет конвертировать все наши значения (Photoshop делает это автоматически). На самом деле, наш набросок представляет собой одну большую несуразицу, поэтому мы решили четко графическим способом выделить концепт. Не нужно придавать этому особое значение, просто вписывайте нужные значения, и не морочьте себе голову. Большие цифры определяют расположение отдельных страниц. Имейте в виду, что главная страница находится в самом конце документа, а последняя находится в середине. Сначала это может запутать, но здесь работает лишь логика. Вам важно представить эту брошюру в голове. К тому же, важно учитывать реальные размеры бумаги, и размеры документа, подготовленного к печати. Также хотим вам рассказать, что подобный тип складывания называется C (си).


Этап 2 – Разрешение

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


Принтеры печатают маленькие цветные точечки на листе бумаги. Таким образом обычно работают принтеры. И DPI (dots per inch или точек на дюйм) – это значение, которое определяет чисто этих точек в одном дюйме. Вы также можете использовать DPCM (точек на см), но лично мы никогда не сталкивались ни с дизайнерами, ни с печатными компаниями, которые пользовались бы этой единицей изменения. Хотя их можно свободно переключать в Photoshop. При создании нового документа просто впишите значение 72 pixels/inch (Это PPI, а не DPI, но это значение часто называют DPI). Если вы поменяете единицу измерения на pixels/cm…


…значение автоматически переключится на 28,346. То же самое произойдет, если вы измените единицы измерения (если вы измените пиксели на cm/inches, то значение dpi здесь будет играть свою роль). При создании изображений для экранов компьютеров зачастую используется значение 72dpi. На самом деле dpi здесь вообще не имеет значения, так как соотношение пикселей и dpi влияет только на печатную продукцию. Можете считать, что это нечто вроде легенды. Универсальное значение для печатной продукции 300dpi. Этот минимальное значение для того, чтобы получилось довольно резкое красивое изображение на маленьких поверхностях (визитные карточки, брошюры, билеты и прочее). Но это значение используется не всегда. Так как мы разрабатываем брошюру формата А4, которую можно хорошо видеть и прочитать, держа в руках. Некоторые печатные фирмы советуют использовать 600dpi и выше. В прошлом мы занимались разработкой баннера, который висел на стене, и разрешение там было 28dpi (если бы мы тогда использовали 300dpi, то наша вычислительная техника просто-напросто сгорела бы если не при разработке такого документа, то при сохранении). Понятное дело, что 28dpi – это очень мало, и если держать в руках часть того самого баннера, будет видно, что печать там очень плохая. Тем не менее, с дальнего расстояния (на улице, к примеру) баннер смотрелся очень четко и резко.

Опять же, кратко о DPI. DPI определяет число точек, которые представляют собой «детальность» изображения. Точки выстраиваются в ряды и строчки. Горизонтальное и вертикальное число точек может отличаться, но сейчас мы не будем забивать вам голову этим. Просто запомните – используйте 300dpi, если нет конкретных требований к печатной продукции.


Этап 3 – По поводу краев и полей

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


Давайте проясним, края – это те части дизайна, которые будут обрезаны после печати. Они выпадут из дизайна. Зачастую они отнимают где-то 1мм документа. Если мы используем такие размеры нашей визитной карточки, как показано в неудачном примере, то у нас появятся эти неприятные белые линии. Но, если мы расширим наш дизайн на несколько миллиметров, то это все можно скрыть. Именно для этого нужны края. Нашей брошюре мы выставляем 2-хмиллиметровые края, но обычно оставляют по 3мм. Мы оставили 2 только потому, что нам так рекомендовала печатная компания. Некоторые позволяют оставлять даже 1мм. Если вы не знаете, насколько большими должны быть ваши края, выставляйте 3мм (0.125 дюйма) с каждой стороны. Иногда бывает так, что печатается документ, где по краям везде белый фон и сам рисунок не заходит за край – в таких случаях выставлять края не требуется. Но вы должны об этом знать в любом случае. Теперь давайте попробуйем сделать визитную карточку с краями. Размер 3,5х2 – это 89х51мм, что является стандартом в США (но так же используется в других странах). Стандартный размер в Польше составляет 90 на 50 мм. Разница невелика, то мы воспользуемся вторым вариантом, чтобы более четко продемонстрировать вычисления.


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

Реальный размер: 90х50мм
Размер краев: 3мм
Добавляем края: 90+(3*2)х50+(3*2)
Размер документа: 96х56мм

Обратите внимание, что при добавлении краев к документу, мы умножаем их на два. Это потому, что края ведь с обеих сторон. Не забывайте об этом. Границы документа определяются метками обрезки (они показывают места, где страница должна быть обрезана, вы можете видеть это на «плохом примере», приведенном сверху). Тем не менее, мы не можем их сделать автоматически в Photoshop (насколько нам известно). Мы можем нарисовать их вручную, но этого обычно никто не делает. Проще всего импортировать документ в illustrator, и там края добавятся автоматически. Если у вас нет ни Adobe Illustrator, ни InDesign, просто сообщите сотруднику печатной компании, что вам нужны края в 3мм. Это все делается секунду, не больше (позже мы покажем вам, как это делается).

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


Этап 4 – Как легко добавить края и поля

Давайте еще раз обратимся к тому шаблону визитной карточки. Прежде всего – концепт. Наша визитная карточка имеет размер 90х50мм. Нам нужно добавить направляющие, которыми мы обозначим поля и края. Это наиболее быстрый способ, который нам известен. Также неплохо было бы для себя создать файл, где уже заранее выставлены все нужные направляющие. Это хорошо экономит время – вы просто открываете заготовку вместо того, чтобы создавать новый проект и выставлять направляющие заново. Давайте предположим, что у нас будет 5-имиллиметровые поля и 3-хмиллиметровые края. Края увеличивают общий размер документа, а поля находятся на самом документе. Дальнейшие действия могут немного запутать вас, но постарайтесь сосредоточиться на работе. Поля у нас есть с обеих сторон, поэтому в целом они занимают 10мм документа по горизонтали и вертикали (а края добавляют по 3мм с каждой сторон, поэтому они в общем составят 6мм). Теперь возьмите реальные размеры (90х50) и отнимите с каждой стороны ширину поля (10х10). Таким образом у нас получится документ в размере 80х40мм. Создайте новый документ Photoshop с этим размером. Теперь вам не придется ничего дальше вычислять.


Теперь пройдите в меню View > New Guide (дважды) и добавьте горизонтальные и вертикальные направляющие с 0px в поле ввода.


Повторите это действие, но вместо того, чтобы вводить 0px, введите 100% (вы можете выставлять направляющие не только в сантиметрах, но и в процентном соотношении, в дюймах и т.д.). У вас должно получиться следующее:


Затем пройдите в меню Image > Canvas size и введите значение 10 миллиметров в каждое поле (это будет размер полей). Убедитесь, что поле Relative выделено.


И опять же, таким же образом добавьте направляющие. Подсказка: вы можете сохранить процесс создания направляющих в Photoshop в виде action (чтобы вам не пришлось вводить конкретные значения, сохраните просто начало и конец), таким образом ускорив работу.


И еще раз пройдите в меню Image > Canvas size, и введите 6мм в поля – на этот раз это размер краев. Как видно, значения относительные и всегда одинаковые, из этого у нас есть возможность создать один большой action в Photoshop, который значительно ускорит процесс.


Мы уже позаботились об этом, подготовили. Во время воспроизведения этого action диалоговое окно будет открываться 4 раза. Просто введите 100% в поле, и каждый раз нажимайте Enter. На этом всё. Легкий процесс становится еще более легким. Конечно же, иногда вам нужно использовать иной размер краев, поэтому важно не забывать, как все это делается руками.

Этап 5 – Довольно разговоров, – приступаем к разработке дизайна!

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


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


Заметили что-нибудь? Когда вы выставите края, у вас получатся следующие размеры страниц: 208 / 211 / 211. Почему здесь есть отличие? Это необходимо для нормального складывания. Самая маленькая страница должна быть скрыта в двух других. Если ее размер будет 211мм (как у остальных), то она просто не уместится с складку. Исключив эту пару миллиметров, вы можете избежать серьезной проблемы.


Итак, мы можем прямо отсюда начать работать. Прежде всего, создайте новый документ с реальным размером, уменьшенным на 10мм по обеим осям (поля). Просто повторите 4 этап. Мы используем края толщиной в 2мм, вместо стандартных 3мм. Мы просто запускаем собственный action, а затем просто открываем меню Image > Canvas size, и вписываем -2мм (-1мм?) в каждое поле ввода (не забывайте про галочку напротив Relative).


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


Прежде всего, давайте мы расскажем вам, как удалять уже выставленные направляющие в Photoshop. Это понадобится вам, если вы случайно выставите их не в том месте. Здесь у нас начинается магия – нажмите V или выберите инструмент перемещения (Move Tool), кликните по направляющей, которую вы хотите удалить, и перетащите её за пределы документа – она исчезнет. Если вы хотите повернуть направляющую на 90 градусов, то можете просто нажать Alt и кликнуть в той точке, где она должна повернуться. Если вы хотите переместить направляющую на 10 пикселей и размножить её, то нужно делать это, удерживая клавишу Shift. Теперь давайте выставим направляющие для складывания. Пройдите в меню View > New Guide и введите 213mm в поле ввода. Повторите этот шаг, но уже со значением 424mm (213+211). Сохраните документ как inside.psd. Теперь удалите обе направляющие и добавьте две новые, но теперь уже вводите значения 210mm и 421mm (210+211). Затем сохраните документ под именем outside.psd. Теперь мы приступим к работе с документом outside.psd, а документ inside.psd останется нетронутым в виде пустого бланка с направляющими.

Этап 6 – Лицевая сторона

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


Создайте выделение с помощью инструмента создания прямоугольного выделения (rectangle marquee tool). Здесь вам как раз помогут направляющие. Выделение должно охватывать 1/3 документа, — это и будет лицевая сторона.


Затем залейте выделение цветом #c96003. На самом деле, нам следовало бы приводить вам цвета в формате CMYK, так как именно в этом режиме цвета мы работаем, но есть некоторые причины к тому, почему мы этого не делаем: прежде всего, вам не столь важно использовать прямо-таки те же самые цвета; во-вторых, палитра в CMYK не может быть точно отображена на экране компьютера (так как система отображает цвета RGB). Так что, если вы хотите использовать какой-то определенный цвет, то вам следует воспользоваться палитрой цветов из печатной фирмы, либо вы можете просто отпечатать несколько версий с разным цветом фона. В конце концов, вы можете просто выбрать цвет и вставить его в hex-значение в пипетке, и тогда сможете получить CMYK-значения. Теперь мы поиграем немного с инструментом заливки градацией (Gradient Tool), чтобы наш фон был немного живее. Наши градации должны быть применены в качестве обтравочных масок (clipping mask). Для того чтобы создать обтравочную маску, переместите курсор между слоями в окне слоев. Зажмите Alt, и когда курсор изменится, кликните левой кнопкой мыши. Теперь обтравочный слой не будет выходить за пределы основного слоя. Используйте цвет схожий с #e6b338 для того чтобы сделать несколько радиальных и линейных градаций. Уровень плотности отображения (opacity) для нашего инструмента создания градаций выставлен на 30%. Примечание: если вы используете градации для печатной продукции, то постарайтесь сделать так, чтобы отличались как минимум на 5% в CMYK-значении, иначе их просто не будет заметно.


Теперь проделайте то же самое, только с цветом #8d261c.


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


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


Небольшой трюк: воспользуйтесь инструментом создания округлого выделения (Elliptical marquee tool), и создайте большой эллипс по всей странице.


Затем, с помощью инструмента создании градаций (с уровнем плотности отображения на 30%) создайте 2 или 3 градации белого цвета. В самом конце измените уровень плотности отображения слоя с градацией на Мягкое освещение (Soft light) или Наложение (Overlay).


Повторите эту процедуру пару раз. Вы так же можете попробовать черный цвет.


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

Этап 7 – Страница 6

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


Это поможет вам при работе с направляющими, и поспособствует тому, что дизайн будет более четкий. Залейте слой темно-серым цветом. Затем добавьте немного текста – готово! Нам бы не хотелось захламлять страницу. Воспользуйтесь преимуществом панели Символов (Character panel) и поиграйте со шрифтами – это очень важная часть дизайна печатной продукции.


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


Этап 8 – Страница 5

Мы почти добрались до последней страницы. Сейчас займемся первой страницей, которую вы будете видеть при открытии брошюры. Здесь неплохой идеей будет поместить некоторую информацию о компании, либо связать наполнение этой страницы с контентом страницы 2. В окне слоев расположите эту страницу под 6 и 1 страницами. Что бы вы ни нарисовали или не написали на ней, если это будет выходить за пределы страницы, то будет покрыто ранее созданными фонами.


Мы решили здесь расположить страницу с информацией. В большинстве случаев эта информация находится на странице 2, а контент 5 страницы привязывается к содержимому страниц 3 и 4. Нам кажется, что это немного неудобно, и с точки зрения удобства использования мы соединили 2, 3 и 4 страницы вместе, а 5 оставили отдельно. Мы также немного изменили внешний вид страницы 6, но без серьезных изменений. Так как контент должен быть раздельным, мы просто соединили фоны. Мы планируем сделать оранжевый фон по всей брошюре. Залейте фон тем же цветом, который вы использовали на странице 6. Затем создайте выделение. Нечто вроде этого:


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


Сделайте заголовок. Здесь суть заключается в том, чтобы смешать два цвета.


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


Теперь возьмите инструмент создания текста (Type Tool) и переместите курсор мыши над этой формой. Обратите внимание на то, что курсор изменился. Если вы передвинете его к границе формы, то появится дополнительная линия. После произведения клика, у вас появится возможность писать текст вокруг формы. Внутри формы у курсора будет дополнительный круг. После произведения клика границы вашего текста будут ограничены размерами формы. Итак, кликайте внутри формы – это и будет область для информации «о нас». Она может быть более объемной или, наоборот, сокращенной. Мы же воспользуемся простым наполнителем.


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


Под текстом вы можете поместить изображения, графики и т. д. Здесь всё зависит от вашей фантазии или требований клиента.


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

Этап 9 – Страницы: 2, 3 и 4

Откройте ранее подготовленный файл inside.psd. Здесь мы поместим контент на одном дыхании. Нам не хотелось бы уделять много внимания дизайну и контенту, так как здесь все очень строго зависит от предпочтений клиента или назначения брошюры. Поэтому мы не будем описывать каждый незначительный шаг, осветим лишь основное. Итак, залейте всю область документов оранжевым цветом и стилизуйте их градациями, как мы делали это на страницах 1 и 5. Также неплохо было бы добавить немного «шума» в градации. Благодаря этому вы сможете избежать резких переходов в цвете.


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


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


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


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


На странице 3 мы поместим 2 макета книг. Здесь вряд ли нужно что-то объяснять, поэтому мы просто выполняем задачу.


И другие простенькие макеты журналов.


И целый разворот:


Этап 10 – Подготовьте макеты

Настанет время, когда вам нужно будет показывать работу клиенту. Не совсем разумно посылать ему просто два предварительных файла (внутреннюю сторону и внешнюю). Его это немного смутит. Ваш клиент вряд ли будет знать хоть что-нибудь о печати, но он точно хотел предварительно увидеть результат вашей работы. Так что, давайте попробуем сделать макет. Наш макет будет очень маленьким ввиду ширины веб-сайта. Постарайтесь, чтобы ваш макет был большим в размере, чуть меньше оригинального размера (на 20-30% меньше исходных размеров). Конечно же, вы можете воспользоваться и нашими макетами. Просто поместите свой дизайн поверх нашего, пройдите в меню Edit > Transform > Distort, и подстройтесь под размеры. Вы даже можете увеличить наш макет, если для вас не так важно качество.
mockup.zip | 3 мб

Этап 11 – Сохраняем для последующей печати

Лучше всего, конечно, поддерживать контакт с печатной фирмой. Нам не приходится создавать какие-то специальные сохранения, так как наша печатная компания принимает в работу и PSD-файлы. Тем не менее, не у каждого есть возможность отсылать (и принимать) файлы размером до 2 гб. Да и в целом ситуация усложняется, если вы не можете лично присутствовать в офисе печатной фирмы. Существуют архиваторы, которые позволяют нам сокращать размеры файлов без потери качества. Вы можете сохранить документ в формат TIFF с включенным сжатием LZW. Некоторые фирмы просят не прикреплять ICC-профиль к документам:


Нам кажется, что большинство печатных компаний примут файл в таком виде. Если PSD-файл весит 250 мб, то TIFF практически без потери качества будет весить всего 26 мб. Таким образом становится гораздо проще отослать нужный файл. Учитывайте то, что вас могут попросить внести какие-то изменения в документ. Также есть возможность сохранять файл в формате PDF. Выбирайте самое лучшее качество, и не забудьте запретить другим людям редактировать документ.


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


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

Результат


Скачать PSD

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

Инструкция

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

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

Макет буклет а размещается на двух страницах – внешней и внутренней, которые в фотошопе делаются в двух разных файлах. Работа над каждой из них начинается с создания документа формата А4, альбомной ориентации. Со всех четырех сторон страниц направляющими отсекаются по 5 мм — это края, которые не попадают в область печати на принтере и в дальнейшем могут быть отрезаны. Также направляющими рабочая площадь страниц делится на три одинаковых колонки.

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

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

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

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

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

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


Как Пользоваться Панелью Навигатора В Photoshop

узнайте, как использовать панель навигатора Photoshop для масштабирования и панорамирования изображений, и почему она идеально подходит для навигации по изображению при увеличении! Часть 3 Нашей главы навигации изображения. Для Photoshop CC и CS6.

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

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

Это урок № 3 из 7 в Глава 4-навигация по изображениям в Photoshop. Давайте приступим к работе!

вы можете следить за наряду с открываем любое изображение!—6—> в Photoshop. Вот фотография, которую я буду использовать (Маяк фото от Adobe Stock):

Изображение, открытое в Photoshop CC. Фото кредит: Adobe Stock.
Открытие Панели Навигатора

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

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

Открытие панели Навигатор из меню Окно.

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

Панель навигатора отображается в столбце узкая панель слева от главного столбца.
Изменение Размера Панели Навигатора

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

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

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

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

Как мы можем просмотр текущего уровня масштабирования изображения в левом нижнем углу окне документа, мы также можем просмотреть его в левом нижнем углу панели навигатора. Здесь поле показывает, что я вижу свое изображение на экране в размере 33.33%. Мы вернемся к этой коробке уровня масштабирования немного позже:

Панель отображает текущий масштаб в нижнем левом углу.
Изменение Уровня Масштабирования С Помощью Ползунка

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

Ползунок уровня масштабирования на панели навигатора.

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

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

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

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

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

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

после перемещения окна просмотра корабль теперь виден в документе окно, пока маяк был отодвинут в сторону:

Новая область в окне просмотра теперь отображается в окне документа.
Кнопки Увеличения И Уменьшения Масштаба

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

Кнопки увеличить (вправо) и уменьшить (влево) по обе стороны от ползун.
Изменение Масштаба От Поле Текущий Масштаб

ранее, мы узнали, что мы можем увидеть текущий уровень увеличения в окне в левом нижнем углу панели навигатора. Мы также можем изменить масштаб из той же коробки. Щелкните внутри поля, чтобы выделить текущее значение. Введите новое значение и нажмите клавишу введите (Win)/Return (Mac) на твоей клавиатуре, чтобы принять его. Если нажать и удерживать Shift клавиша при нажатии введите (Win)/Return (Mac), вы будете держать значение выделенным после того, как вы приняли его. Это позволяет быстро ввести другое значение масштабирования без необходимости сначала щелкнуть внутри поля, чтобы выделить его снова. Photoshop автоматически добавит символ%, поэтому нет необходимости вводить его самостоятельно:

Изменение уровня масштабирования с помощью окна в левом нижнем углу.
Изменение Уровня Масштабирования С Помощью Грязный Слайдер

для более точного управления масштабом на панели навигатора используйте Ползунок. Наведите курсор мыши на текущий уровень масштабирования в левом нижнем углу. Затем нажмите и удерживайте клавишу Ctrl (Win)/команда (Mac) клавиша на клавиатуре. Курсор поменяется на руку со стрелки, указывающие влево и вправо. Это-иконка «грязный слайдер Photoshop». Нажмите и удерживайте кнопку мыши, и затем перетащите влево или вправо для изменения уровня масштабирования с шагом 1%. Перетащите вправо, чтобы увеличить масштаб, или влево, чтобы уменьшить его. Если нажать и удерживать клавишу Shift ключ при перетаскивании (все еще удерживая клавишу Ctrl (Win) / Command (Mac)), вы будете изменять уровень масштабирования с шагом 10%:

Изменение уровня масштабирования с помощью ползунка.
Ручной Выбор Области Для Увеличения

самый быстрый и простой способ увеличить масштаб части изображения с помощью панели навигатора-это просто перетащить выделение вокруг нужной области. Наведите курсор мыши на область предварительного просмотра, а затем нажмите и удерживайте Ctrl (Win)/команда (Mac) клавиша на клавиатуре. Курсор изменится на лупу, похожий на курсор инструмента Зума. Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните и перетащите поле просмотра вокруг области, в которой требуется увеличить масштаб. Вот, я тащу вокруг маяка:

Перетаскивание окна вида вокруг области для увеличения.

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

Photoshop приближает выбранную область.
Изменение Цвета Окна Просмотра

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

Щелкните значок меню Панели навигатора.

выберите Параметры Панель в меню:

Открыв «параметры» панели «Навигатор».

в диалоговом окне Параметры панели нажмите на кнопку по умолчанию Светло-Красный и выберите другой цвет для просмотра из списка. Или нажмите Custom в верхней части, чтобы открыть Photoshop в Палитра где вы можете выбрать любой цвет вам нравится. Нажмите кнопку ОК, когда вы закончите, чтобы принять его и закрыть диалоговое окно:

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

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

или проверить любой из других уроков в этой главе:

для более глав и для наших последних учебных пособий, посетите наш Основы Photoshop!

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


Похожие записи

Как использовать панель навигатора в Photoshop

Вы можете следить, открыв любое изображение в Photoshop. Вот фото, которое я буду использовать (фото маяка из Adobe Stock):

Изображение, открытое в Photoshop CC. Фото: Adobe Stock.

Открытие панели навигатора

Как мы узнали в предыдущей главе, Photoshop использует рабочие пространства, чтобы определить, какие из множества панелей будут отображаться на вашем экране. Рабочее пространство по умолчанию называется Essentials .Если вы когда-либо использовали только рабочее пространство Essentials, возможно, вы никогда не слышали о панели Navigator. Это связано с тем, что панель «Навигатор» не включена в рабочую область Essentials, а это означает, что, по крайней мере, по умолчанию, ее нигде нет на вашем экране. Это нормально, потому что Photoshop позволяет нам открывать любую панель, которая нам нужна, в любое время, когда она нам нужна.

Все панели Photoshop можно открыть из меню «Окно» в строке меню в верхней части экрана. Чтобы открыть панель навигатора, перейдите в меню Window и выберите Navigator из списка.Если вы видите галочку рядом с названием панели, это означает, что панель уже открыта. В моем случае галочки рядом с панелью навигатора нет, поэтому я выберу ее, чтобы открыть:

Открытие панели «Навигатор» из меню «Окно».

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

Панель «Навигатор» отображается в узком столбце панели слева от основного столбца.

Изменение размера панели навигатора

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

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

Область предварительного просмотра и окно просмотра

Наиболее очевидной особенностью панели навигатора является область предварительного просмотра изображения . Область предварительного просмотра показывает нам все изображение, даже когда мы увеличены.Мы скоро увидим, почему это важно. Обратите внимание, что область предварительного просмотра окружена тонкой красной рамкой. Он известен как View Box . Окно просмотра представляет собой часть изображения, которую мы сейчас видим в окне документа. Когда мы впервые открываем изображение, Photoshop помещает все изображение на экран. Итак, поскольку мы можем видеть все изображение, все изображение на панели Navigator окружено окном просмотра:

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

Просмотр текущего уровня масштабирования

Так же, как мы можем просмотреть текущий уровень масштабирования изображения в нижнем левом углу окна документа, мы также можем просмотреть его в нижнем левом углу панели «Навигатор». Здесь поле показывает, что я вижу свое изображение на экране с размером увеличения 33,33%. Мы вернемся к этому окну уровня масштабирования чуть позже:

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

Изменение уровня масштабирования с помощью ползунка

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

Ползунок уровня масштабирования на панели «Навигатор».

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

Перетаскивание ползунка на панели «Навигатор» изменяет масштаб изображения в окне документа.

Окно просмотра внимательнее

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

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

Панорамирование изображения с помощью окна просмотра

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

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

После перемещения окна обзора корабль теперь виден в окне документа, а маяк перемещен в сторону:

Новая область в окне просмотра теперь отображается в окне документа.

Кнопки увеличения и уменьшения

Мы видели, что можно увеличивать и уменьшать изображение с помощью ползунка в нижней части панели «Навигатор». Другой способ увеличения и уменьшения масштаба — использование кнопок Zoom In и Zoom Out по обе стороны от ползунка.Нажмите кнопку «Увеличить» (большой горный хребет) справа, чтобы увеличить, или кнопку «Уменьшить» (небольшой горный хребет) слева, чтобы уменьшить масштаб. Повторное нажатие одной и той же кнопки будет увеличивать или уменьшать масштаб, постепенно увеличивая масштаб. Опять же, окно просмотра изменяет размер, чтобы показать область, теперь видимую в окне документа. Вы можете щелкнуть и перетащить окно просмотра, чтобы просмотреть различные области изображения на новом уровне масштабирования:

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

Изменение уровня масштабирования из окна текущего уровня масштабирования

Ранее мы узнали, что можем просмотреть текущий уровень масштабирования в поле в нижнем левом углу панели навигатора. Мы также можем изменить уровень масштабирования из того же окна. Щелкните внутри поля, чтобы выделить текущее значение. Введите новое значение и нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять его. Если вы нажмете и удерживаете клавишу Shift , одновременно нажимая Enter (Win) / Return (Mac), вы сохраните значение выделенным после того, как приняли его.Это позволяет быстро ввести другое значение масштабирования без необходимости сначала щелкать внутри поля, чтобы снова выделить его. Photoshop автоматически добавит символ%, так что нет необходимости вводить его самостоятельно:

Изменение уровня масштабирования с помощью поля в нижнем левом углу.

Изменение уровня масштабирования с помощью ползунка Scrubby

Для более точной настройки уровня масштабирования на панели «Навигатор» используйте ползунок Scrubby Slider . Наведите курсор мыши на текущий уровень масштабирования в нижнем левом углу. Затем нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре. Курсор превратится в руку со стрелками, указывающими влево и вправо. Это значок Scrubby Slider в Photoshop. Нажмите и удерживайте кнопку мыши, а затем перетащите влево или вправо, чтобы изменить уровень масштабирования с шагом 1%. Перетащите вправо, чтобы увеличить уровень масштабирования, или влево, чтобы уменьшить его. Если вы нажмете и удерживаете клавишу Shift во время перетаскивания (при этом все еще удерживая клавишу Ctrl (Win) / Command (Mac)), вы измените уровень масштабирования с шагом 10%:

Изменение уровня масштабирования с помощью ползунка Scrubby.

Выбор области для увеличения вручную

Самый быстрый и простой способ увеличить часть изображения с помощью панели «Навигатор» — просто перетащить выделенную область вокруг нужной области. Наведите курсор мыши на область предварительного просмотра, а затем нажмите и удерживайте клавишу Ctrl (Win) / Command (Mac) на клавиатуре. Ваш курсор превратится в увеличительное стекло, подобное курсору инструмента масштабирования. Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните и растяните поле просмотра вокруг области, которую вы хотите увеличить.Вот я таскаю маяк:

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

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

Photoshop увеличивает выбранную область.

Изменение цвета окна просмотра

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

Щелкнув значок меню на панели «Навигатор».

Затем выберите в меню Параметры панели :

Открытие параметров панели навигатора.

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

.

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

Чтобы увидеть другие главы и наши последние уроки, посетите наш раздел «Основы Photoshop»!

.

Панель навигатора в Adobe Photoshop

Давайте посмотрим на панель навигатора в Photoshop. Для начала нам нужно перейти в меню Window-Navigator.

Вы увидите следующее окно:

А теперь рассмотрим подробнее все позиции…

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

Нижняя строка меню выглядит следующим образом:

В левом углу вы можете указать определенный процент от размера документа.

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

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

И, наконец, открыв в правом верхнем углу элемент Options Panel, вы можете выбрать цвет прямоугольника, который влияет на движение по экрану.По умолчанию красный… 🙂

Остальные 2 пункта меню, как и остальные панели программы:

Закрыть — закрывает панель навигатора. Закрыть группу вкладок — закрывает группу панелей.


.

Панель навигатора в Photoshop

Панель навигатора в Photoshop — TipSquirrel

Вы видели …

  • 21 октября 2019 г. в Учебное пособие // Сброс текстовых атрибутов на значения по умолчанию в Photoshop
  • 9 августа 2019 г. в Quick Tips // Photoshop’s Share Button
  • 14 декабря 2018 г. в Учебное пособие // Добавление снега с помощью After Effects и Photoshop
  • 27 ноября 2018 г. в Зеленой комнате // Зеленая комната — 1: воткни это в свой ананас
  • 29 октября 2018 г. в After Effects // Техники анимированного рукописного ввода
  • 16 октября 2018 г. в Учебное пособие // Adobe Essential Graphics
  • 26 сентября 2018 г., Учебное пособие // Доступ к предварительным версиям технологий в Lightroom CC Mobile
  • 23 сентября 2018 г. в Photoshop 30 секунд // Панель деталей в Photoshop Shake Reduction
  • 20 сентября 2018 г. в Учебное пособие // Динамические повторяющиеся сетки в Adobe Xd
  • 14 сентября 2018 г. в видеоруководстве // Создание простых повторяющихся сеток в Adobe Xd — и создание сетки для фотографий для Instagram
  • 12 сентября 2018 г. в Freebie // Бесплатные шаблоны социальных сетей
  • 26 марта 2018 г. в видеоруководстве // 5 вещей, которые Adobe Sensei может сделать для вас прямо сейчас
  • 28 февраля 2018 г. в Рекомендуемое // TipSquirrel рекомендует: Введение в графический дизайн
  • 28 января 2018 г. в Учебник // Создание анимированного GIF в Photoshop
  • 16 ноября 2017 г. в Учебник // Как создать дождь в Photoshop
  • 3 ноября 2017 г. в Учебное пособие // Добавление надписи на объект в Adobe Dimension
  • 4 сентября 2017 г. в Учебное пособие // Простой макет обложки журнала в Photoshop
  • 16 июля 2017 г. в Учебник // Несколько стилей слоя в Photoshop
  • 18 июня 2017 г. в Учебное пособие // Обновления Adobe Stock
  • 16 мая 2017 г. в Учебник // Вы забыли о Photoshop Express
  • 15 мая 2017 г. в Учебное пособие // Как создать 3D кубики в стиле Lego в Photoshop и Adobe Project Felix
  • 10 апреля 2017 г. в Учебное пособие // 3D-текст в Photoshop и Project Felix
  • 23 марта 2017 г. в Учебник // Разброс 3D-текста по буквам в Photoshop
  • 18 марта 2017 г. в Учебное пособие // Руководство для начинающих по работе с инструментом «Перо» в Photoshop
  • 17 марта 2017 г. в Учебное пособие // Создание 3D-текста из стекла в Photoshop
  • 5 марта 2017 г. в Учебное пособие // Создание трехмерной наземной плоскости для соответствия изображению в Photoshop
  • 28 февраля 2017 г. в Учебник // 3 способа преобразования в черно-белое в Photoshop
  • 21 февраля 2017 г. в Учебное пособие // Создание реалистичного светового меча в Photoshop
  • 9 февраля 2017 г. в Учебное пособие // Условные действия Photoshop
  • 6 февраля 2017 г. в Учебник // Как создать винтажный образ в Photoshop
  • 1 февраля 2017 г. в Урок // Как создать частицы пыли в Photoshop
  • 27 января 2017 г. в Учебнике // Создание реалистичных световых бликов в Photoshop
  • 24 января 2017 г. в Учебное пособие // Как создать кинематографический вид в Photoshop
  • 17 января 2017 г. в Учебник // Как создать снег в Photoshop
  • 10 января 2017 г. в Учебник // Добавление снега к зимним фотографиям в Photoshop
  • 29 декабря 2016 г. в Учебник // Perfect Eyes Плагин Photoshop и Lightroom
  • 19 декабря 2016 г. в Учебное пособие // «Попался» по созданию нового документа в Photoshop 2017
  • 25 ноября 2016 г. в Учебник // Создание покадровой съемки с помощью Photoshop
  • 19 ноября 2016 г. в Учебное пособие // Объединение форм для создания индивидуального текста в Photoshop
  • 15 ноября 2016 г. в Учебное пособие // Как создать многостраничный PDF-файл в Photoshop
  • 12 ноября 2016 г. в Учебное пособие // Как создать шаблон документа Photoshop
  • 8 ноября 2016 г. в Учебное пособие // Улучшение осенних цветов с помощью Photoshop
  • 31 октября 2016 г. в Учебное пособие // Создание плаката в Photoshop по мотивам «Ходячих мертвецов»
  • 29 октября 2016 г. в Учебное пособие // Создание контрольного листа в Photoshop
  • 25 октября 2016 г. в Учебное пособие // Улучшение ночных городских пейзажей
  • 18 октября 2016 г. в Учебное пособие // Добавление жизни к плоскому изображению — серия 2
  • 15 октября 2016 г. в Урок // Создание оптической иллюзии в Photoshop
  • 11 октября 2016 г. в Учебное пособие // Как исправить перспективу в Photoshop
  • 6 октября 2016 г. в Photoshop 30 секунд // Photoshop 30 секунд — Auto Collapse Layer FX
  • 4 октября 2016 г. в Учебное пособие // Как исправить передержанное небо
  • 30 сентября 2016 г. в Учебное пособие // Введение в 3D в Photoshop
  • 27 сентября 2016 г. в Учебное пособие // Добавление жизни к плоскому изображению — эпизод 1
  • 26 сентября 2016 г. в Учебное пособие // Ретуширование с помощью Photoshop Fix и Photoshop CC
  • 20 сентября 2016 г. в Учебник // 3 способа увернуться и сжечь
  • 13 сентября 2016 г. в Учебник // Как создать эффектный городской закат
  • 9 сентября 2016 г. в Учебное пособие // Использование текстур и режимов наложения для добавления драмы в Photoshop
  • 8 сентября 2016 г. в Photoshop 30 секунд // Добавление тона сепии в Photoshop
  • 6 сентября 2016 г., Учебник // 5 быстрых советов по Photoshop
  • 5 сентября 2016 г., Mobile Monday // Взятие изображения из Photoshop Mix в Photoshop Fix
  • 4 сентября 2016 г. в обзоре // Рецензия на книгу: Как создать эффекты Bada $$ в Photoshop
  • 2 сентября 2016 г., 30 секунд Photoshop // Масштаб с учетом содержимого Photoshop — Защита оттенков кожи
  • 29 августа 2016 г. в Учебное пособие // Локальные настройки в Lightroom Mobile
  • 25 августа 2016 г., 30 секунд Photoshop // Перемещение и закрытие панели инструментов Photoshop
  • 23 августа 2016 г. в Учебное пособие // Двойная рентгеновская экспозиция в Photoshop
  • 18 августа 2016 г. в Photoshop 30 секунд // Photoshop 30 секунд — режимы наложения с прокруткой
  • 16 августа 2016 г. в Учебное пособие // Как создать матовый эффект
  • 15 августа 2016 г., Учебное пособие // Использование Adobe Spark Post
  • 12 августа 2016 г. в Учебник // Ретуширование снега в Photoshop
  • 11 августа 2016 г. в Учебное пособие // Использование библиотек для текстур в Photoshop
  • 10 августа 2016 г. в Учебное пособие // Деформация границ в Photoshop и Lightroom
  • Обзор от 8 августа 2016 г. // Первый взгляд на Huawei P9
  • 6 августа 2016 г. в Учебное пособие // Подделка Золотого часа в Adobe Lightroom
  • 4 августа 2016 г. в Photoshop 30 секунд // Photoshop 30 секунд — всплывающее меню гистограммы
  • 1 августа 2016 г. в Mobile Monday // Импорт изображений RAW в Lightroom Mobile
  • 31 июля 2016 г. в Учебник // Создание сюрреалистического портрета в Photoshop
  • 21 июля 2016 г. в Учебное пособие // Предупреждения о цветном обрезании в Adobe Camera Raw и Lightroom
  • 11 июля 2016 г. в Дневнике // Бесплатный веб-семинар по Photoshop и Adobe Apps
  • 2 июля 2016 г. в Учебное пособие // Создание эффекта Ортона в Photoshop
  • 21 июня 2016 г. в статье // Обновления Photoshop за июнь 2016 г.
  • 12 июня 2016 г. в Учебное пособие // HDR в Lightroom
  • 9 июня 2016 г. в Учебное пособие // Эффект коллодия мокрой пластины в Photoshop
  • 1 июня 2016 г. в Учебное пособие // Использование светофильтра объектива в Photoshop
  • 28 мая 2016 г. в Учебное пособие // Преобразование фотографии в иллюстрацию с помощью Photoshop
  • 18 мая 2016 г. в Быстрые советы // Добавление света в рамке с помощью Photoshop
  • 16 мая 2016 г. в Для развлечения // Страшное селфи для развлечения в Adobe Photoshop Mix
  • 24 апреля 2016 г. в Учебник // Как создать синемаграф в Photoshop
  • 16 апреля 2016 г. в фотографиях // Искусство кадрирования и советы по работе с Photoshop
  • 12 апреля 2016 г. в Краткие советы // Совет: размеры предварительного просмотра шрифта в Photoshop
  • 10 апреля 2016 г. в Учебное пособие // Как уменьшить тени и блики в Photoshop
  • 3 апреля 2016 г. в статье // Создание танцующей тени в Photoshop
  • 30 марта 2016 г., 30 секунд Photoshop // Переключение видов в Photoshop CC
  • 12 марта 2016 г. в статье // Adobe Theater на выставке фотографии 2016
  • 7 марта 2016 г. в Быстрые советы // Восстановление неба, потерянного из-за переэкспонирования в Lightroom и Photoshop
  • 27 февраля 2016 г. в Учебное пособие // Панорамы задач Photoshop
  • 21 февраля 2016 г. в Учебное пособие // Photoshop и двойная художественная экспозиция
  • 12 февраля 2016 г. в Учебное пособие // Анимированное вступление в Photoshop
  • 8 февраля 2016 г. в Учебное пособие // Простые фильтры с помощью раздельного тонирования в Lightroom и Camera Raw
  • 1 февраля 2016 г. в Учебное пособие // Сохранение таблицы поиска Photoshop
  • 27 января 2016 г. в Учебное пособие // Распространенное использование в Photoshop Content Aware
  • 14 января 2016 г. в Учебник // Как создать абстрактное изображение силуэта с помощью Adobe Photoshop MIx
  • 10 января 2016 г. в Учебник // Создание кисти Луны в Photoshop
  • 6 января 2016 г. в Учебник // Как создать волнистый флаг с помощью фильтра смещения в Adobe Photoshop
  • 4 января 2016 г. в Учебное пособие // Размытие в Photoshop — Сохранение маски на каналах
  • 28 декабря 2015 г. в видеоруководстве // Эффект пробивания текста в Photoshop
  • 21 декабря 2015 г. в Учебник // Невоспетый герой последнего обновления Photoshop.Спасибо Джон Нак
  • 15 декабря 2015 г. в Freebie // Facebook Cover Template (конец 2015 г.) в Photoshop CC
  • 11 декабря 2015 г. в Учебное пособие // Добавление лучей света в Photoshop
  • 9 декабря 2015 г. в Учебное пособие // Как вырезать объект из его фона в Adobe Photoshop Mix
  • 4 декабря 2015 г. в Учебное пособие // Создание праздничных открыток с помощью Adobe Capture и Illustrator или Photoshop
  • 3 декабря 2015 г. в Учебное пособие // Расширенное создание с помощью расширения PixelSquid 3D Photoshop
  • 27 ноября 2015 г. в Учебное пособие // Уловка Lightroom J
  • 25 ноября 2015 г. в Учебное пособие // Создание эффекта мягкого свечения в Photoshop
  • 20 ноября 2015 г. в Учебное пособие // Основы Photoshop — перемещение слоев между изображениями
  • 16 ноября 2015 г. в Учебное пособие // Вырезание стекла из белого фона в Photoshop
  • 13 ноября 2015 г. в видеоруководстве // Обработка таймлапсов в Photoshop
  • 11 ноября 2015 г. в Учебное пособие // Как создать сюрреалистическое изображение с помощью Adobe Photoshop Mix
  • 9 ноября 2015 г. в истории фотографии // Тонирование с помощью настройки карты градиента Photoshop
  • 6 ноября 2015 г. в Учебное пособие // Добавление изображений Adobe Stock в ваши библиотеки
  • 4 ноября 2015 г. в Учебное пособие // Как создать композит в Photoshop с помощью расширения PixelSquid 3D
  • 2 ноября 2015 г. в Учебное пособие // Световые эффекты с радиальным фильтром Lightroom
  • 19 октября 2015 г. в Учебное пособие // Получите надутость с помощью Photoshop Fix
  • 12 октября 2015 г. в Учебник // Замена лета на осень в Photoshop или Lightroom
  • 2 октября 2015 г. в Для развлечения // Наложение Photoshop HAB в марсианском стиле
  • 18 сентября 2015 г. в Учебное пособие // Галерея размытия в Photoshop — Размытие поля
  • 13 сентября 2015 г. в Учебное пособие // Галерея размытия в Photoshop — Размытие радужной оболочки
  • 29 августа 2015 г. в статье // Красота в разложении — Ремонт фото с помощью Photoshop
  • 26 августа 2015 г. в Quick Tips // Soft Glow — Gaussian Blur Photoshop Quick Tip
  • 20 августа 2015 г. в Учебное пособие // Photoshop Эффект логотипа видео в виде капли чернил
  • , 11 августа 2015 г., Учебное пособие // Создание портретного эффекта «осколок» или «разбитый» в Photoshop
  • 8 августа 2015 г. в Учебное пособие // Использование выделений Photoshop для добавления эффекта всплеска краски
  • 26 июля 2015 г. в TipTorial // Галерея размытия в Photoshop — Размытие контура
  • 21 июля 2015 г. в Top Tip вторник // Галерея размытия Photoshop и выделение
  • 17 июля 2015 г. в Краткие советы // Запуск уровней, кривых и других настроек Photoshop в качестве смарт-фильтра
  • 9 июля 2015 г. в Учебное пособие // Карты смещения Photoshop
  • 24 июня 2015 г. в Учебное пособие // Использование вертикального положения в Lightroom и Adobe Camera Raw
  • 17 июня 2015 г. в Quick Tips // Чувак, где же мое сохранение для Интернета?
  • 16 июня 2015 г. в Быстрые советы // Photoshop CC 2015 Установка
  • 8 июня 2015 г. в Быстрые советы // Что такое сверхскролл в Photoshop? И зачем это вам может понадобиться
  • 12 мая 2015 г. в Учебное пособие // Синхронизация настроек цвета в Photoshop и приложениях Creative Cloud
  • 4 мая 2015 г. в Учебное пособие // Портретное ретуширование с использованием частотного разделения
  • 22 апреля 2015 г. в Учебное пособие // HDR в Adobe Camera Raw 9
  • 21 апреля 2015 г. в Учебное пособие // Эффект винтажного портрета в Photoshop
  • 17 апреля 2015 г. в Photoshop 30 секунд // Photoshop 30 секунд — Color Match Layers
  • 12 апреля 2015 г. в Учебное пособие // Ретуширование с использованием частотного разделения в Photoshop
  • Обзор от 9 апреля 2015 г. // Macphun Noiseless — первый взгляд
  • 7 апреля 2015 г. в Учебное пособие // Добавление текста и логотипов к изображениям в Photoshop
  • 4 апреля 2015 г. в Учебное пособие // Создание композиции из видеокадров в Photoshop
  • 1 апреля 2015 г. в Учебное пособие // Как добавить эффект разделения тона в Photoshop CC
  • 30 марта 2015 г. в Учебное пособие // Сопоставление изображений с журналом записей в Lightroom
  • 27 марта 2015 г. в Учебное пособие // Добавление звездочек типа отзыва к постеру фильма в Photoshop
  • 25 марта 2015 г. в Учебник // Звезда классического кино и агент Marvel Картер вдохновил портрет в Photoshop
  • 20 марта 2015 г. в Быстрые советы // Простой просмотр фильма в Photoshop с помощью LUT
  • 15 марта 2015 г. в статье // Выставка фотографии 2015 — До встречи!
  • 9 марта 2015 г., Учебник // Руководство по маскам Photoshop для начинающих
  • 7 марта 2015 г. в Учебное пособие // Photoshop 30 секунд — наложение кадрирования
  • 4 марта 2015 г. в Учебник // Photoshop Elements — снег в один клик
  • 1 марта 2015 г. в Учебное пособие // Tilt-Shift в Photoshop и Photoshop Elements
  • 19 февраля 2015 г. в статье // Фотошоп в 25 лет — Что я любил, когда и почему
  • 6 февраля 2015 г. в Учебное пособие // Использование сеток Photoshop
  • 28 января 2015 г. в Новости // Приобретение Adobe Fotolia
  • 27 января 2015 г. в Учебное пособие // Уловки поиска и фильтрации в Lightroom 5
  • 26 января 2015 г. в Учебное пособие // Форма Photoshop на контуре
  • 16 января 2015 г. в Учебное пособие // Автоматические параметры для уровней и кривых в Photoshop и Photoshop Elements
  • 14 января 2015 г. в Учебное пособие // 5 замечательных кнопок со значками, о которых вы могли не знать в Photoshop
  • 9 января 2015 г. в Photoshop 30 секунд // # 30SecondPS — Изменение цвета текста в Photoshop
  • 3 января 2015 г. в Учебник // Иллюстрация или комикс Эффект в Photoshop
  • 24 декабря 2014 г. в Учебное пособие // Создание границ вокруг формы в Photoshop
  • 22 декабря 2014 г. в Быстрые советы // Photoshop Quicktip — сброс Photoshop
  • 19 декабря 2014 г. в Image Answers // A New Video Series — Image Answers
  • 15 декабря 2014 г. в Учебное пособие // Рабочий процесс с тональностью, усилением и Snapheal
  • 12 декабря 2014 г. в Новости // Fotolia присоединяется к семейству Adobe
  • 5 декабря 2014 г. в Учебное пособие // Что делают ползунки тени и выделения в Photoshop Smart Sharpen?
  • 27 ноября 2014 г. в статье // Фотошоп для фотографов — Рецензия на книгу
  • 15 ноября 2014 г. в Учебное пособие // Photomerge (HDR) с Photoshop Elements
  • 5 ноября 2014 г. в Учебник // Новый макет руководства в Photoshop CC 2014
  • 31 октября 2014 г. в Учебное пособие // Инструмент «Маска текста в Photoshop»
  • 25 октября 2014 г. в Photoshop 30 секунд // Photoshop 30 секунд — путь к форме
  • 23 октября 2014 г. в Учебник // Photoshop Flame Filter и Text of Fire
  • 17 октября 2014 г. в Новости // Aperture, Lightroom и KelbyOne
  • 10 октября 2014 г. в видеоруководстве // Библиотеки Adobe Shape и Photoshop
  • 9 октября 2014 г. в Учебное пособие // Лечение акне с помощью Photoshop
  • 7 октября 2014 г. в Новости // Adobe Update Photoshop CC и др. На Adobe Max
  • 5 октября 2014 г. в Учебное пособие // Синхронизация Lightroom и Lightroom Mobile
  • 30 сентября 2014 г. в Top Tip вторник // Изменить время съемки с помощью Lightroom
  • 26 сентября 2014 г. в обзоре // Photoshop CC 2014 Отсутствует руководство — Обзор
  • 19 сентября 2014 г. в видеоруководстве // Заливка с учетом содержимого в Photoshop Mix
  • 16 сентября 2014 г. в Top Tip вторник // Редактирование нескольких фотографий в Lightroom
  • 12 сентября 2014 г., Учебное пособие // Lightroom и Adobe Camera Raw: Tone Curve
  • 4 сентября 2014 г. в Freebie // Дебетовая карта Скачать файл Photoshop
  • 2 сентября 2014 г. в Top Tip вторник // Интеграция с Photoshop CC 2014 Typekit
  • 29 августа 2014 г. в Учебное пособие // Photoshop Mix Shake Reduction
  • 27 августа 2014 г. в Учебное пособие // Создание шаблона для отображения изображения в виде смонтированного холста в Photoshop, часть 2
  • 20 августа 2014 г. в конкурсе // Выиграй Photoshop Touch!
  • 19 августа 2014 г. в Top Tip вторник // Lightroom и Photoshop — Создание панорам
  • 18 августа 2014 г. в обзоре // Тональность от Macphun — Обзор
  • 14 августа 2014 г. в Учебное пособие // Добавление глубины к фигурам Photoshop
  • 7 августа 2014 г. в Учебное пособие // Восстановление изображений с помощью Photoshop Content Aware Move
  • 5 августа 2014 г. в Top Tip Tuesday // Lightroom и Photoshop — Коррекция линз
  • 1 августа 2014 г. в Быстрые советы // Быстрый совет по параметрам рабочего процесса ACR
  • 31 июля 2014 г. в конкурсе // Победитель конкурса Fotolia
  • 25 июля 2014 г. в Учебное пособие // Нанесение и удаление градуированного фильтра в ACR
  • 23 июля 2014 г. в Учебник // 5 способов: цветокоррекция в Photoshop
  • 17 июля 2014 г. в Учебное пособие // Создание шаблона для отображения изображения в виде смонтированного холста в Photoshop
  • 15 июля 2014 г. в Top Tip вторник // Дополнительные внешние редакторы Lightroom
  • 11 июля 2014 г. в Учебник // Photoshop силуэт городского пейзажа с обратным текстом
  • 8 июля 2014 г. в Top Tip вторник // Lightroom и Photoshop — Умное редактирование
  • 4 июля 2014 г. в конкурсе // Конкурс в июле — выиграйте месяц на Fotolia
  • 1 июля 2014 г. в Учебник // Lightroom и Photoshop — редактирование туда и обратно
  • 27 июня 2014 г. в Учебное пособие // 10 самых популярных сочетаний клавиш в Photoshop
  • 26 июня 2014 г. в Учебное пособие // Установка Photoshop Kuler Panel и зачем она вам
  • 18 июня 2014 г. в обзоре // Photoshop 2014 — Новые функции и избранное
  • 13 июня 2014 г. в видеоруководстве // Открытие векторных файлов в Photoshop
  • 10 июня 2014 г. в Учебное пособие // Lightroom и Photoshop — открыть как слои
  • 6 июня 2014 г. в видеоуроке // Маскирование стилей слоя Photoshop
  • 4 июня 2014 г. в Учебное пособие // Сделать Lightroom по умолчанию Настройки разработки в соответствии с ISO
  • 31 мая 2014 г. в Учебное пособие // Простая векторная форма сложенного баннера в Photoshop
  • 30 мая 2014 г. в Photoshop 30 секунд // Photoshop 30 секунд — узоры в клетку и клетку
  • 29 мая 2014 г., Учебник // Базовая панель Adobe Camera Raw и модуль разработки Lightroom
  • 27 мая 2014 г. в Учебное пособие // Обертывание 2D-изображения на 3D-цилиндр в Photoshop
  • 24 мая 2014 г. в обзоре // Рецензия на книгу: Цифровое возрождение
  • 22 мая 2014 г. в Видеоуроке // Предварительные настройки и снимки Adobe Camera Raw
  • 21 мая 2014 г. в Photoshop 30 секунд // Photoshop 30 секунд — управление переносами в тексте Photoshop
  • 20 мая 2014 г. в Учебное пособие // Предустановки корректирующей кисти Lightroom
  • 17 мая 2014 г. в статье // Получите скидку 25% на вход в Photoshop Live 2014
  • 15 мая 2014 г. в видеоруководстве // Быстрые изменения тона с помощью градиентных карт Photoshop
  • 14 мая 2014 г. в Photoshop 30 секунд // Изоляция одного слоя Photoshop и отмена выбора диапазона
  • 13 мая 2014 г. в Top Tip вторник // Советы по ретушированию в Photoshop — неразрушающее лечение
  • 8 мая 2014 г. в Учебное пособие // Инструмент кадрирования Photoshop — не только для кадрирования
  • 7 мая 2014 г. в Photoshop 30 секунд // Photoshop 30 секунд — изменение размера больших слоев
  • 1 мая 2014 г. в Учебное пособие // Максимально используйте текст с помощью панели символов Photoshop
  • 30 апреля 2014 г. в Учебник // Photoshop 30 секунд — Быстрый эффект боке
  • 29 апреля 2014 г. в Учебное пособие // Как публиковать сообщения в Facebook с помощью Lightroom
  • 24 апреля 2014 г. в Учебное пособие // Управление слоями в Photoshop и Photoshop Elements
  • 23 апреля 2014 г. в Photoshop 30 секунд // Photoshop 30 секунд — автоматический выбор слоя
  • 22 апреля 2014 г. в Учебное пособие // Рабочий процесс Lightroom: от хорошего к отличному
  • 21 апреля 2014 г. в Ради забавы // Моё любимое пасхальное яйцо в Photoshop
  • 15 апреля 2014 г. в Краткие советы // Lightroom 5 — Сочетания клавиш
  • 11 апреля 2014 г. в статье // Сдача экзамена на сертифицированного эксперта по Photoshop
  • 8 апреля 2014 г., Учебное пособие // Краткое руководство по установке Lightroom Mobile
  • 6 апреля 2014 г. в Учебное пособие // Прямоугольники со скругленными углами и изгиб в Photoshop из Футурамы
  • 3 апреля 2014 г. в Учебное пособие // Техника абстрактного Photoshop
  • 28 марта 2014 г., Учебник // Палитра персонажей Photoshop — Руководство для начинающих Fotolia
  • 25 марта 2014 г. в Учебное пособие // Портативный каталог Lightroom
  • 21 марта 2014 г. в Учебное пособие // Анимация стилей слоя Photoshop для создания ошибки канала
  • 18 марта 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop – Собираем все вместе
  • 14 марта 2014 г. в Учебное пособие // Основные кадры в Photoshop: анимация масок
  • 12 марта 2014 г. в Учебное пособие // Использование Lightroom на двух компьютерах
  • 7 марта 2014 г. в видеоуроке // Эффект высокой контрастности Quick Soft Glow High Key в Photoshop
  • 6 марта 2014 г. в Events // Workshop — Lighting and Editing for Portrait
  • 4 марта 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop — преобразование точек
  • 1 марта 2014 г. в Учебное пособие // Улучшение волос — пример рабочего процесса Photoshop
  • 25 февраля 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop — точки заострения
  • 21 февраля 2014 г. в обзоре // Программа для записи экрана с потоком экрана
  • 18 февраля 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop — Smooth Curves
  • 14 февраля 2014 г. в Учебное пособие // Смарт-объекты Photoshop из Adobe Illustrator
  • 11 февраля 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop — добавление контуров и опорных точек
  • 7 февраля 2014 г. в Учебник // 30-секундная серия Photoshop
  • 5 февраля 2014 г. в видеоруководстве // Рамка изображения в Photoshop CC
  • 3 февраля 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop – прямые контуры
  • 31 января 2014 г. в обзоре // Рецензия на книгу — Освоение слоев Photoshop
  • 28 января 2014 г. в Top Tip вторник // Инструмент «Перо» в Photoshop — Основы контура
  • 27 января 2014 г. в Учебное пособие // Связанные смарт-объекты
  • 24 января 2014 г. в видеоруководстве // Расширенная глубина резкости с помощью стеков Photoshop
  • 23 января 2014 г. в Учебное пособие // Коррекция тона кожи с помощью кривых RGB в Lightroom 5
  • 21 января 2014 г. в Top Tip вторник // Новое искажение перспективы в Photoshop CC
  • 17 января 2014 г. в Учебное пособие // Новые возможности рабочего процесса Photoshop CC Январь 2014 г.
  • 16 января 2014 г. в News // Обновление Photoshop — январь 2014 г.
  • 14 января 2014 г. в Top Tip вторник // Инструмент кадрирования перспективы Photoshop
  • 10 января 2014 г. в Учебное пособие // Простое совмещение трех изображений с помощью автоматического смешения в Photoshop
  • 9 января 2014 г. в Учебное пособие // Photoshop Slice Tool
  • 7 января 2014 г. в Top Tip вторник // 3D-поле частиц в Photoshop CC
  • 3 января 2014 г. в Учебное пособие // Создание зигзагообразного узора в Photoshop
  • 31 декабря 2013 г. в Top Tip вторник // Подавление шума в Lightroom 5
  • 29 декабря 2013 г. в Freebie // Facebook Cover Template Photoshop Document
  • 26 декабря 2013 г. в Учебное пособие // Кадрирование для обложки Facebook в Photoshop
  • 24 декабря 2013 г. в Учебное пособие // Спасибо и счастливых праздников
  • 20 декабря 2013 г. , Учебник // Photoshop Content Aware Scale
  • 17 декабря 2013 г. в Top Tip вторник // Моделирование зернистости пленки в Lightroom 5
  • 13 декабря 2013 г., викторина // Викторина по Photoshop — декабрь 2013 г.
  • 12 декабря 2013 г. в статье // OnOne Perfect Photo Suite 8 — Вердикт
  • 10 декабря 2013 г. в Top Tip вторник // Эффекты освещения в Photoshop CC
  • 5 декабря 2013 г. в Учебник // Humbug! Создайте праздничный узор в Photoshop
  • 2 декабря 2013 г. в Учебное пособие // Текст по круговой траектории в Photoshop Elements
  • 28 ноября 2013 г. в Быстрые советы // Совет: уменьшение цифрового шума с помощью Photoshop
  • 26 ноября 2013 г. в Top Tip вторник // 3D-карты глубины Photoshop
  • 25 ноября 2013 г. в Учебное пособие // Фильтр уменьшения дрожания Photoshop
  • 22 ноября 2013 г. в Quick Tips // Quick Tip: Perfect Black & White
  • 21 ноября 2013 г. в видеоруководстве // Смарт-объекты Photoshop — разница между копией и дубликатом
  • 20 ноября 2013 г. в статье // Photoshop CC и Lightroom для всех!
  • 19 ноября 2013 г., Вторник с советами // Симметрия Photoshop с панелью клонирования
  • 12 ноября 2013 г. в Top Tip вторник // Цветовая коррекция смешанных источников света в Photoshop
  • 11 ноября 2013 г. в Учебное пособие // Рабочий процесс фильтрации масляной краски для получения более естественных изображений
  • 8 ноября 2013 г. в Учебное пособие // Добавьте свои авторские права с помощью Photoshop
  • 8 ноября 2013 г. в Новости // Обновления для Adobe Camera RAW CS6 и CC и для Lightroom 5
  • 7 ноября 2013 г. в Учебное пособие // Начинаем работать с Photoshop Patch Tool
  • 5 ноября 2013 г. в Top Tip вторник // Настройка интерфейса Lightroom
  • 4 ноября 2013 г. в Учебное пособие // Рабочий процесс телефонографии с Adobe Revel и Photoshop Elements 12
  • 30 октября 2013 г. в Учебное пособие // Восстановление звука в ACR
  • 29 октября 2013 г. в Top Tip вторник // Настройте заставку Lightroom 5
  • 28 октября 2013 г. в Учебное пособие // Мягкая граница с помощью методов выделения в Photoshop
  • 25 октября 2013 г. в Учебное пособие // Улучшение быстрого выделения с помощью Photoshop Refine Edge
  • 23 октября 2013 г., Учебное пособие // Шпаргалка по быстрым клавишам Photoshop
  • 21 октября 2013 г. в обзоре // Creative Cloud — один год после
  • 17 октября 2013 г. в статье // Обзор — OnOne Perfect Suite 8 Public Beta
  • , 15 октября 2013 г., Вторник, полезный совет // Photoshop Workspace Automation
  • 14 октября 2013 г. в Учебное пособие // Автокоррекция вертикалей и горизонтали в ACR 8 и Lightroom 5
  • 11 октября 2013 г. в Учебное пособие // Удаление шума из видео в Adobe Camera RAW
  • 10 октября 2013 г. в Учебное пособие // Создание полосок конфет в Photoshop
  • 9 октября 2013 г. в Учебное пособие // Сохранение пользовательских страниц книги в Lightroom 5
  • 1 октября 2013 г. в Top Tip Tuesday // 3D Fish в Photoshop CC
  • 30 сентября 2013 г. в Учебное пособие // Эффект ледяной королевы в высоком ключе в Photoshop
  • 27 сентября 2013 г. в конкурсе // Победитель конкурса карбонит!
  • 24 сентября 2013 г. в Top Tip вторник // Живые фигуры в Photoshop CC
  • 23 сентября 2013 г. в обзоре // Искусство фотографии на iPhone — Обзор
  • 19 сентября 2013 г. в Учебное пособие // Инструмент быстрого выбора Photoshop
  • 18 сентября 2013 г. в Новости // Программа фотографии Photoshop
  • 17 сентября 2013 г. в Top Tip вторник // Эффект 3D диафильма в Photoshop
  • 16 сентября 2013 г. в Учебное пособие // Наша новая мастерская Photoshop
  • 13 сентября 2013 г. в Учебное пособие // Замена вида через окно с помощью обтравочных масок в Photoshop Elements
  • 10 сентября 2013 г. в Top Tip вторник // 32-битные изображения Tonemap в Lightroom
  • 9 сентября 2013 г. в Учебное пособие // Добавьте легкий акцент в глаза в Photoshop
  • 6 сентября 2013 г. в Учебное пособие // Обрезка в Photoshop CS6 и CC
  • 5 сентября 2013 г. в Учебник // Создание эффекта калейдоскопа для ретро-обложки книги
  • 3 сентября 2013 г. в Top Tip вторник // Извлечение изображений в Photoshop с помощью каналов
  • 2 сентября 2013 г. в Учебное пособие // Маски яркости в Photoshop
  • 29 августа 2013 г. в конкурсе // Обзор и раздача резервных копий Carbonite Cloud!
  • 27 августа 2013 г. в Top Tip вторник // Добавление информации об авторских правах в Photoshop — автоматически
  • 22 августа 2013 г., Учебник // Удаление черного и белого фона в Photoshop
  • 21 августа 2013 г. в Учебное пособие // Adobe Camera RAW из HDR Pro
  • 20 августа 2013 г. в Top Tip Tuesday // Изображения на основе данных в Photoshop
  • 16 августа 2013 г. в Учебное пособие // Быстрый выбор стиля маски в Photoshop Elements
  • 15 августа 2013 г. в Учебное пособие // Lightroom 5 и новый радиальный фильтр
  • 13 августа 2013 г., Вторник с советами // Резервное копирование в облаке каталога Lightroom
  • 12 августа 2013 г. в Учебное пособие // Совет по Photoshop: режим кнопок и элементы меню для действий Photoshop
  • 9 августа 2013 г. в Учебник // Эффект мультфильма в Photoshop
  • 8 августа 2013 г. в Учебное пособие // Широкоглазый кот — получайте удовольствие в Photoshop
  • 6 августа 2013 г. в Top Tip вторник // Исправление плохого HDR неба в Photoshop
  • 5 августа 2013 г. в Учебник // Создание невидимого человека с тенью в Photoshop и Photoshop Elements
  • 30 июля 2013 г. в Top Tip вторник // Эффект полутонов Photoshop
  • 29 июля 2013 г. в Учебное пособие // Photoshop Color Sampler Tool
  • 23 июля 2013 г. в Top Tip Tuesday // 3D Lights на основе изображений в Photoshop
  • 22 июля 2013 г. в Учебное пособие // Команда подбора цвета в Photoshop
  • 18 июля 2013 г. в Учебник // Photoshop: стили слоя в группе
  • 17 июля 2013 г. в Учебное пособие // Импорт тем Kuler в Photoshop
  • 16 июля 2013 г. в Учебное пособие // Редактор шаблонов имен файлов Lightroom
  • 15 июля 2013 г. в обзоре // Photoshop Lightroom — обзор
  • 12 июля 2013 г. в Учебное пособие // Быстрое обнаружение ошибок в масках Photoshop
  • 9 июля 2013 г. в Top Tip вторник // Коллаж из одного изображения в Photoshop
  • 8 июля 2013 г. в Учебное пособие // Простое управление размером панорамы с помощью Photoshop CC
  • 5 июля 2013 г. в Учебное пособие // Эффект черновика текста в Photoshop
  • 4 июля 2013 г. в Учебник // Мультяшные векторные облака в Photoshop
  • 2 июля 2013 г., Вторник с советами // Интеграция Camera Raw в Photoshop CC
  • 1 июля 2013 г. в Учебное пособие // Пластика редактируемого текста в Photoshop
  • 28 июня 2013 г. в Учебное пособие // Пример рабочего процесса Photoshop в реальном мире — Рич Харрингтон
  • 25 июня 2013 г. в обзоре // Обзор Topaz Clarity 1.0 для Photoshop и Lightroom
  • 24 июня 2013 г. в Учебник // Рисование линий на фотографии с помощью обтравочных масок Photoshop
  • 18 июня 2013 г. в Top Tip вторник // История и снимки Lightroom
  • 17 июня 2013 г. в Учебное пособие // Что такое смарт-объекты Photoshop
  • 14 июня 2013 г. в Учебное пособие // Фильтр графической новеллы: необработанный алмаз Photoshop Elements
  • 13 июня 2013 г. в Учебное пособие // Быстрая ретушь для похудения в Lightroom 5
  • 11 июня 2013 г. в Top Tip вторник // Lightroom Curves Unleashed!
  • 10 июня 2013 г. в Учебное пособие // Добавление складки к изображению в Photoshop Touch
  • 7 июня 2013 г. в Учебное пособие // Эффект запотевшего окна в Photoshop
  • 6 июня 2013 г. в обзоре // Книжное обозрение Digital Art Дэвида Кузенса
  • 4 июня 2013 г. в Top Tip вторник // Эффект деревенского старения в Photoshop
  • 3 июня 2013 г. в Учебное пособие // Форматирование текста в Photoshop с помощью кернинга и отслеживания
  • 30 мая 2013 г. в статье // Adobe Creative Days
  • 28 мая 2013 г. в Top Tip вторник // Извлечение отсканированного эскиза в Photoshop
  • 27 мая 2013 г. в Учебное пособие // Функции малоизвестного текста и абзацев Photoshop
  • 24 мая 2013 г. в Учебное пособие // Создание рваных краев в Photoshop и Photoshop Elements
  • 22 мая 2013 г. в статье // Раскрашивание фона в Lightroom и Adobe Camera RAW
  • 21 мая 2013 г. в Top Tip Tuesday // Разработка предустановок эффективности в ACR и Lightroom
  • 20 мая 2013 г. в Учебное пособие // Создание текстового эффекта супа с алфавитом в Photoshop
  • 17 мая 2013 г. в Учебное пособие // Визуализация пятен в Lightroom 5
  • 15 мая 2013 г. в Учебное пособие // Перемещение фона для исправления фона в Photoshop
  • 14 мая 2013 г. в Top Tip вторник // Освещение 3D в Photoshop CS6
  • 13 мая 2013 г. в статье // Обзор веб-сайтов Photoshop CC
  • 10 мая 2013 г. в Учебное пособие // Кисти для границ с ручной росписью для Photoshop
  • 9 мая 2013 г. в Учебное пособие // Написание неба в Photoshop с помощью кистей и стилей слоев
  • 8 мая 2013 г. в конкурсе // Вы выиграли, как обмануть в Photoshop Elements 11?
  • 7 мая 2013 г. в Top Tip вторник // Повышение резкости в Photoshop
  • 6 мая 2013 г. в Учебное пособие // Использование бесплатных изображений для компьютерных изображений в Photoshop
  • 3 мая 2013 г. в Учебное пособие // Управление экспозицией, фокусом и фокусом объекта в Photoshop
  • 1 мая 2013 г. в Учебное пособие // Имитация градуированного фильтра нейтральной плотности в Camera, Lightroom и Photoshop
  • 30 апреля 2013 г. в Top Tip вторник // Техника драматического контраста Photoshop
  • 28 апреля 2013 г. в Учебное пособие // Автокоррекция в Photoshop и ACR
  • 25 апреля 2013 г. в Учебное пособие // Мягкая проверка в Lightroom
  • 25 апреля 2013 г. в Учебное пособие // Предварительная визуализация: рабочий процесс фотографа, часть 2
  • 19 апреля 2013 г. в Учебное пособие // Множественные мазки в Photoshop CS6
  • 18 апреля 2013 г. в Учебное пособие // Выбор волос в Photoshop Touch
  • 17 апреля 2013 г. в статье // Ресурсы бета-версии Lightroom 5 в Интернете
  • 16 апреля 2013 г. в Top Tip вторник // Lightroom 5 Beta Мои три любимые функции
  • 15 апреля 2013 г. в статье // Photoshop Lightroom 5 Beta доступна БЕСПЛАТНО
  • 15 апреля 2013 г. в Учебное пособие // Photoshop Touch с Photoshop CS6 через Adobe Creative Cloud
  • 12 апреля 2013 г. в Учебное пособие // Винтажный эффект с использованием Adobe Camera RAW (или Lightroom)
  • 11 апреля 2013 г. в Учебное пособие // Создание эффекта блестящего текста в Adobe Photoshop
  • 10 апреля 2013 г. в Учебное пособие // Использование фильтра смещения Photoshop для создания эффекта взрыва
  • 9 апреля 2013 г. в Top Tip вторник // Внимание! Получение информации в Lightroom
  • 8 апреля 2013 г. в Учебное пособие // Photoshop Вставить специальные команды меню
  • 4 апреля 2013 г. в Учебное пособие // Сделайте себе рельеф на этом бесплатном шаблоне Photoshop для монет
  • 3 апреля 2013 г. в статье // Обновления Lightroom и Camera Raw
  • 2 апреля 2013 г., Вторник с советами // 3D в Photoshop CS6 — Свойства материалов
  • 1 апреля 2013 г. в Учебное пособие // Текст Photoshop по круговой траектории
  • 26 марта 2013 г. в Top Tip вторник // 3D в Photoshop CS6 — объединение объектов
  • 25 марта 2013 г. в Учебное пособие // Сделайте шаг в свое изображение с помощью Photoshop и After Effects
  • 22 марта 2013 г. в Быстрые советы // Цветовые эффекты с помощью настройки поиска цвета Photoshop
  • 21 марта 2013 г. в Учебное пособие // Предварительная визуализация — рабочий процесс фотографа в Lightroom, часть 1
.

Панель Path в Adobe Photoshop

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


В фотошопе есть функция создания вектора объектов, есть она в панели управления.
Перейдите в меню Window-Path и сразу перейдите в крайнее правое меню этой панели.
Здесь можно увидеть несколько иконок внизу панели, все они как-то дублируются при нажатии на подменю иконок.Рассмотрим их подробнее.
Заливка контура цветом переднего плана — отвечает за линии заливки цветом переднего плана.
Обводка контура кистью — предназначена для рисования контуров кистью и ее текущими настройками.
Загрузить путь как выделение — преобразует путь в выделение.
Сделать рабочий контур из выделенного — трансформирует выбранный рабочий путь.
Добавить маску — добавляет маску.
Создать новый путь — создает новый путь.
Удалить текущий путь — удаляет текущий путь.
В дальнем правом углу, щелкнув значок, вы увидите следующие элементы:
Сохранить путь
Дублировать путь
Удалить путь
Создать рабочий контур
Сделать выделение
Заполнить контур
Путь обводки
Обтравочный контур
Панель параметров
Закрыть


.

Создаём Супер Глянцевый 3D Шрифт в Illustrator и Photoshop

В сегодняшнем уроке мы продемонстрируем, как создать супер глянцевый 3D текст, используя Illustrator и Photoshop. Давайте начнём!


Шаг 1

Откройте Illustrator и создайте новый документ RGB, 1000px на 800px, 72 DPI и наберите свой текст в красивым крупным шрифтом. Я использовал Marketing Script размером 234 pt.


Шаг 2

Далее, выделив текст, перейдите в Object > Expand и нажмите ok вверху окна.  Теперь наш текст не редактируется, как текст, теперь это серия контуров, которые мы можем редактировать с помощью инструментов выделения.

Теперь наши буквы — это отдельные объекты, сгруппированные вместе, которые мы хотим сделать одним сложным контуром. Мы можем этого добиться, используя кнопку Unite в палитре Pathfinder. Если вы не видите палитру Pathfinder, перейдите в Window > Pathfinder, чтобы сделать её видимой, и, выделив контуры, нажмите Unite.


Шаг 3

С помощью инструмента Pen Tool (P) нарисуйте контур, начиная от последнего кончика последней буквы s и заверните его внизу под нашей надписью. Я также изменил цвет текста на светло-серый, чтобы лучше видеть то, что я делаю.

Измените Толщину Обводки нашего нового контуры до размера, который соответствует толщине контура текста, к которому он присоединяется. В моём случае Толщина Обводки составляет 12pt.


Шаг 4

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

С помощью инструмента Direct Selection Tool (A) выберите две нижних правых Угловых Точки на нашем контуре, нажмите Delete и назовите группу «завиток 1».

Отключите группу «завиток 1» и сделайте видимым наш дубликат, назовите его «завиток 2» и удалите следующие опорные точки. Мы это делаем, чтобы наши контуры не пересекались, а были один напротив другого, когда мы превратим наши формы в 3D.


Шаг 5

Теперь опять сделайте видимыми все наши группы, и вы должны снова увидеть весь контур в оригинале, только разбитый на две разные группы. Выбрав обе группы, перейдите на Object > Expand и нажмите OK в открывшемся окне. Теперь мы сделаем наш завиток немного интереснее, изменив его ширину в определённых местах. Для этого мы увеличим масштаб изображения и вручную передвинем некоторые опорные точки.

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

Теперь с помощью инструмента Convert Anchor Point Tool (Shift + C) измените две новых опорных точки так, чтобы сгладить углы.


Шаг 6

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


Шаг 7

Ну всё, у вас есть последний шанс подправить свой завиток, до того как мы нажмём кнопку Extrude. Потратьте немного времени на это, не пожалеете. Когда вы будете довольны результатом, измените цвет всех объектов на средне-серый, выделите их и перейдите на Effect > 3D > Extrude & Bevel.

Затем выделите все объекты и перейдите в Object > Expand Appearance.

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


Шаг 8

Теперь отключите два слоя с завитками, так чтобы остался только текст. Выделите текст и кликните правой кнопкой мыши > Ungroup, затем ещё раз кликните правой кнопкой мыши > Ungroup. Теперь выделите лицевое пространство нашего текста и отключите его слой. У вас должны остаться только темные 3d-элементы.

Щёлкните кнопкой мыши и перетащите курсор так, чтобы выделить все оставшиеся детали, а затем нажмите на кнопку Unite в палитре Pathfinder и назовите эту группу «3d 1». Если палитра Pathfinder не видна, перейдите в Window > Pathfinder. Объединив эти объекты, мы создали из них единый контур, и те маленькие белые линии тоже должны были исчезнуть. Повторите те же действия с обеими частями завитка, назвав их «3d 2» и «3d 3».


Шаг 9

Сейчас у вас должно быть шесть групп: 

«текст», «3d 1», «завиток 1», «3d 2», «завиток 2» и «3d 3»

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

Теперь мы готовы отправить файл в Photoshop в виде PSD с сохранением слоёв. Перейдите в File > Export и выберите Photoshop в качестве формата (Format).


Шаг 10

Откройте экспортированный файл в Photoshop, перейдите на Image > Canvas Size, введите 3000 x 2000px и нажмите OK. Измените размер слоёв (Cmd/Ctrl + T), удерживая Alt + Shift, чтобы они подходили документу по размеру.

Назовите и расположите слои так, как указано дальше, чтобы у вас было три «основных» слоя (светло-серые слои на передней поверхности объекта) и три «3d» слоя (тёмные детали в 3D)

Теперь сгруппируйте (Cmd/Ctrl + G) три пары слоёв в отдельные группы под названиями «1», «2» и «3», чтобы в «1» были текстовые слои («base 1» и «3d 1»), в «2» — «base 2», а в «3d 2» и «3» — «base 3» и «3d 3».


Шаг 11

Создайте новый слой и поместите его под группой «3», назовите его «bg» (background — фон) и залейте белым. Затем создайте новый слой над «bg» и назовите его «bg2». Установите цвет переднего плана как серый #767676 и возьмите инструмент Gradient Tool (G). Выберите переход от цвета переднего плана до прозрачного, нарисуйте градиент от верха документа вниз до середины и установите непрозрачность слоя на 30%.

Создайте новый слой поверх «bg 2» и назовите его «bg 3». Возьмите инструмент Gradient Tool (G) и нажмите D, чтобы в качестве цветов переднего и заднего плана установить чёрный и белый. Выбрав переход от цвета переднего до цвета заднего плана, нарисуйте новый градиент внизу документа и измените его непрозрачность до 10%. Сгруппируйте эти три слоя и назовите группу «background» (фон). 


Шаг 12

Теперь выберите слой «base 1» и примените к нему стиль Gradient Overlay (Layer > Layer Style > Gradient Overlay), используя цвета #c81d61 и #d3347b.

Щёлкните правой кнопкой мыши на слой «base 1» и выберите Copy Layer Style. Теперь выберите слой «base 2» и нажмите, удерживая Cmd/Ctrl, на слой «base 3», чтобы выделить оба слоя. Потом щёлкните на них правой кнопкой мыши и выберите Paste Layer Style. Сделайте двойной щелчок мышью на Layer Style слоя «base 3», чтобы открыть палитру слоёв (Layers Palette) и нажмите Reverse, чтобы инвертировать градиент. 


Шаг 13

Сейчас мы добавим простой стиль наложения цвета Color Overlay на все три слоя «3d». Выберите «3d 1» и примените Color Overlay (Layer > Layer Style > Color Overlay), выбрав цвет #797979. Затем скопируйте этот стиль (щелчок правой кнопкой мыши > Copy Layer Style), а потом вставьте его на слои «3d 2» и «3d 3».

Теперь создайте новый слой внутри группы «1» и назовите его «сияние». Теперь наши слои должны выглядеть так.

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

Нажмите на иконку слоя «base 1», удерживая Cmd/Ctrl (это выделит слой), затем перейдите на Select > Modify > Contract и введите 2 (pх).

Установите непрозрачность слоя «shine» на 30%, потом, всё ещё имея выделение и выбрав слой»shine», нажмите на кнопку Add Layer Mask внизу палитры слоёв (Layers Palette).


Шаг 14

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

Создайте новый слой с названием «shine» в группе «2» и нарисуйте ещё один градиент от белого до прозрачного, на этот раз по диагонали.

Удерживая Cmd/Ctrl, щёлкните по иконке слоя «base 2» (чтобы выделить его), потом, удерживая Cmd/Ctrl + Shift, нажмите на иконку слоя «base 3» (чтобы добавить выделение «base 3» к имеющемуся выделению). Нам снова нужно сузить этот участок до 2px, что мы делаем так: Select > Modify > Contract > 2px. Выбрав наш новый слой «shine», щёлкните по кнопке Add Layer Mask внизу палитры слоёв, чтобы применить выделение в виде маски. У вас должно получиться что-то вроде этого.

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


Шаг 15

Создайте новую группу внутри группы «1», назовите ее «тень 3d» и поместите ее над слоем «3d 1» и под «основа 1». Удерживая Cmd/Ctrl, щёлкните по иконке слоя «3d 1» и нажмите кнопку Add Layer Mask, чтобы добавить выделение в виде маски к новой группе.

Создайте внутри этой группы новый слой и назовите его «shading 1» (затемнение), затем с помощью небольшой мягкой кисти, установленной на 80% чёрного, затемните области, в которых должна быть тень, в зависимости от вашего источника света.

Затем измените режим наложения слоя на Overlay, непрозрачность 50%.

Создайте новый слой над «тень 1» и назовите его «тень 2», затем маленькой мягкой белой кистью с 50% Непрозрачностью нарисуйте области, которые будут освещены нашим источником света.

Для слоя «тень 2» установите Opacity 50% и режим наложения Overlay.

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


Шаг 16

Теперь нам нужно повторить этот процесс для группы «2». Создайте внутри неё группу над слоем «3d 2» и под слоем «base 2», назовите её «3d shading 2», потом, удерживая Cmd/Ctrl, нажмите на иконку «3d 2» и примените выделение в виде маски к группе «3d shading 2». Затем создайте внутри группы новый слой под названием «shading 1» и мягкой чёрной кистью среднего размера нарисуйте тень. Поменяйте режим наложения на Overlay.

Создайте внутри группы новый слой и назовите его «shading 2». Мягкой белой кистью среднего размера осветлите участок в левом углу и поменяйте режим наложения слоя на Overlay. 


Шаг 17

Теперь мы сделаем то же самое с группой «3». Создайте в группе «3» между слоями «base 3» и «3d 3» новую группу и назовите её «3d shading 3». Удерживая Cmd/Ctrl, щёлкните по слою «3d 3» и примените выделение в виде маски к «3d shading 3». Создайте в этой папке новый слой, назовите его «shading 1» и измените режим наложения на Overlay. Большой чёрной кистью нарисуйте тень вдоль нижнего края.

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

Переключите режим наложения на Overlay. 

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


Шаг 18

Теперь вернитесь к группе «1» и продублируйте слой «base 1», перетащив его на кнопку New Layer внизу на палитре слоёв.

Откройте для дубликата окно Layer Styles, нажав двойным щелчком на эффект Gradient Overlay. В окне Layer Style window уберите галочку с Gradient Overlay и добавьте Inner Shadow со следующими настройками.

На палитре слоёв нажмите правой кнопкой мыши на сам эффект и перейдите на Create Layer. Это отделит эффект от слоя, он перестанет быть стилем слоя и будет самостоятельным пиксельным изображением на слое. Назовите этот слой «highlight 1».

Теперь можно удалить слой «base 1 copy». Подвиньте «highlight 1» на 1px влево, нажав клавишу со стрелкой влево, потом, удерживая Cmd/Ctrl, щёлкните по иконке слоя «base 1» и примерите это выделение к «highlight 1» в виде маски слоя, нажав кнопку Add Layer Mask внизу палитры слоёв.

Затем подвиньте слой с этой маской на 1px вверх и 2px влево, используя стрелки. Это для того, чтобы расположить блик прямо над углом надписи, там, где бы отражался свет. У вас получится что-то вроде этого.

Сгруппируйте слой «highlight 1» (Cmd/Ctrl + G) и назовите группу «highlight». Примените Layer Mask к группе, нажав кнопку Layer Mask. Мы бы могли поработать над маской слоя «highlight 1», но так будет проще исправить ошибки и настроить маску.

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


Шаг 19

Повторите предыдущий шаг для групп «2» и «3»: дублирование слоёв «base», применение Inner Shadow, создание слоя из стиля и его маскировка при необходимости.

Мы почти закончили, теперь давайте добавим цвета. Создайте новую папку над всеми слоями и группами и назовите её «color overlay». Создайте в этой группе новый слой и назовите его «overlay 1». Установите цвет передней поверхности на #7c21c8 и выберите инструмент Gradient Tool (G) (circular — круговой) с переходом от цвета передней поверхности до прозрачного. В правом нижнем углу добавьте большой круговой градиент и установите режим наложения слоя на Color.


Шаг 20

Теперь создайте новый слой под названием «overlay 2» и нарисуйте ещё один градиент с цветом #fee409 в углу вверху справа. Снова измените режим наложения слоя на Color. 


Шаг 21

Теперь загрузите выделение с нашими слоями «base»: удерживая Cmd/Ctrl, нажмите на «base 1″, удерживая Cmd/Ctrl + Shift, нажмите на»base 2» и, удерживая Cmd/Ctrl + Shift, нажмите на «base 3».

Теперь примените это выделение к группе «color overlay» в виде маски слоя, нажав на кнопку Add Layer Mask.


Шаг 22

А сейчас мы добавим цвет на слои «3d». Внутри группы «1» создайте новый слой, назовите его «color 1» и поместите его прямо над группой «3d shading 1». Выберите инструмент Gradient Tool и создайте трёхцветный градиент с цветами #a53c3d, #c52366 и #b22d9d. На новом слое нарисуйте линейный градиентах всей длине изображения и измените режим наложения слоя «color 1» на Color. 


Шаг 23

Теперь замаскируйте новый слой градиента в форме наших слоёв «3d», за исключением формы некоторых наших слоёв «base». Возможно, это муторная работа, но важно выделить правильную область, поэтому важно верно следовать моей инструкции. И запомните, что нужно нажимать на иконку слоя, а не на сам слой.

Сначала нажмите Cmd/Ctrl + щёлкните на «3d 3», потом нажмите Cmd/Ctrl + Аlt и щёлкните на «base 2», нажмите Cmd/Ctrl + Shift и щёлкните на «3d 2», потом нажмите Cmd/Ctrl + Shift и щёлкните на «3d 1», и наконец, нажмите Cmd/Ctrl + Alt и щёлкните на «base 1». Как только вы сделаете выделение, примените его в виде маски слоя к «color 1». 


Шаг 24

Далее создайте новый слой внутри группы «2» в самом верху и назовите его»shadow». Удерживая Cmd/ Ctrl, нажмите на иконку»base 2″ и, удерживая Cmd/Ctrl + Shift, нажмите на иконку «3d 2», примените выделение как маску к слою «shadow». На этом слое мягкой чёрной кистью среднего размера с непрозрачностью (Opacity) 30% Opacity нарисуйте небольшую тень там, где верхушка нашего завитка исчезает за текстом. Это создаст иллюзию расстояния между этими двумя элементами.

Теперь нужно сделать то же самое в месте пересечения завитка с самим собой. Создайте новый слой в группе «3» в самом верху и назовите его «shadow 2». Удерживая Cmd/Ctrl, нажмите на иконку «base 3», потом, удерживая Cmd/Ctrl + Shift, нажмите на иконку «3d 3», чтобы загрузить выделение, и примените его как маску к слою «shadow 2». Мягкой чёрной кистью среднего размера с непрозрачностью 30% black нарисуйте небольшую тень на нижнем завитке. 


Шаг 25

Мы почти закончили, осталось добавить небольшую тень и отражение. Если вы свернёте все свои папки, у вас будет пять основных групп. Выберите все группы, кроме «background», и перетащите их на кнопку New Layer, чтобы продублировать их. Выбрав все продублированные папки, нажмите Cmd/Ctrl + E, чтобы объединить их в один слой, и назовите его «reflection» (отражение). Чтобы трансформировать этот слой, нажмите Cmd/Ctrl + T, а потом щёлкните по участку правой кнопкой мыши > Flip Vertical. Передвиньте этот слой в самый низ и добавьте к нему маску слоя.

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


Шаг 26

Наконец, прямо над группой «background» создайте новый слой и назовите его»shadow» (тень). Установите чёрный в качестве цвета переднего плана, выберите инструмент Gradient Tool (G) и круговой градиент и нарисуйте в середине изображения большой градиент от цвета передней поверхности до прозрачного.

Трансформируйте этот слой (Cmd/Ctrl + T) и измените его, как показано, с помощью верхней и нижней опорных точек, чтобы уменьшить его высоту.

Не нажимая Enter, щёлкните на участке правой кнопкой мыши и выберите Perspective. Перетащите верхнюю правую угловую опорную точку влево (левая сама сделает то же самое) и нажмите Enter. 


Заключение

Опустите Opacity слоя до 30%, и вот оно!

Как использовать Photoshop: уроки Photoshop для начинающих

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

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

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

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

Как пользоваться фотошопом

Adobe Photoshop – это программа для обработки изображений и графического дизайна, которую используют тысячи людей в самых разных сферах по всему миру. Это не только для фотографий, но вы можете использовать Photoshop для дизайна веб-сайтов, редактирования видео и создания 3D-изображений. Прежде чем вы сможете начать работу с Photoshop, вам необходимо приобрести тарифный план и загрузить Photoshop на свое устройство. После того, как вы загрузили программное обеспечение, вы можете начать знакомство с интерфейсом, который очень интуитивно понятен.

Введение в Adobe Photoshop

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

Как открыть документ в Photoshop

Чтобы создать новый документ или открыть файл на вашем компьютере, нажмите «Файл» в верхнем левом меню. Выберите «Новый», чтобы создать новый пустой документ. Или нажмите «Открыть», чтобы просмотреть свой компьютер и открыть существующий файл.

Когда вы создаете новый документ, появляется диалоговое окно. В этом окне вы можете назвать файл и выбрать нужный размер и разрешение. Это полезно, если вашему веб-сайту требуется файл определенного размера для правильного отображения фотографий. Размеры нашей фотографии составляют 880 пикселей в ширину и 450 пикселей в высоту. Разрешение 72 пикселя / дюйм будет работать для онлайн-изображений. Но если вам нужно высокое качество печати, мы рекомендуем 300 пикселей / дюйм. (Предупреждение: это значительно увеличит размер файла, поэтому будьте осторожны.)

Нажмите ОК и вуаля! Вы готовы к работе.

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

Набор инструментов Photoshop

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

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

Изображение предоставлено: Tutorial9

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

Как использовать экшены Photoshop

Как использовать слои в Photoshop

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

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

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

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

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

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

Как использовать инструмент “Перо” в Photoshop

Инструмент «Перо» позволяет рисовать собственные фигуры. У него есть четыре разных варианта:

  1. Стандартное перо для рисования кривых и прямых сегментов
  2. Curvature Pen для интуитивного рисования прямых сегментов и кривых
  3. Ручка Freeform Pen для свободного рисования, как если бы вы использовали ручку и бумагу
  4. Магнитное перо для рисования контуров, которые привязаны к краям определенных определенных краев, для большей точности

Сейчас мы рассмотрим, как использовать стандартный инструмент «Перо». Дополнительные советы см. В руководствах по Adobe Photoshop по инструментам «Перо».

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

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

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

Изображение предоставлено Adobe

Чтобы нарисовать фигуру с кривыми:

  1. Щелкните в том месте, где вы хотите разместить первую привязку. Но не отпускайте – вместо этого перетащите мышь, чтобы создать направляющие линии, которые будут формировать кривую. Форма вашей кривой будет зависеть от длины и наклона ваших направляющих линий. Отпустите кнопку мыши, когда вы нарисовали линию направления.
  2. Щелкните в том месте, где должен заканчиваться сегмент кривой, где кривая изменит свой угол или направление. Допустим, вы хотите сделать С-образную кривую. Для этого: щелкните, чтобы создать вторую точку привязки, затем перетащите мышь в направлении, противоположном тому, которое вы перетащили, чтобы создать первую направляющую линию на шаге 1. Если вы хотите сделать S-образную кривую вместо C-образной, перетащите указатель мыши в том же направлении, что и первая направляющая линия.
  3. Повторяйте этот процесс, пока не получите нужную форму. Примечание: вы можете переместить любую из ваших узловых точек или изменить положение любых ваших направляющих линий в их конечных точках. Для этого удерживайте нажатой клавишу «Control», прежде чем щелкнуть любую из этих точек, и удерживайте ее, пока не закончите. Если вы случайно создали дополнительную точку, забыв ввести клавишу Control, вы можете нажать «Control + Z», чтобы отменить последний шаг (или вы можете нажать «Правка» → «Отменить» в верхнем меню). Control + Z работает для всего, что вы делаете в Photoshop, поэтому запомните этот удобный ярлык.

Изображение предоставлено Adobe

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

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

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

В Photoshop встроено множество стилей шрифтов, но вы всегда можете установить свой собственный, если у вас есть собственный шрифт для вашего бренда. Это можно сделать, установив файл OTF или TTF в папку со шрифтами на Mac или ПК. После перезагрузки компьютера шрифт должен быть доступен в Photoshop.

Инструмент Текст имеет множество опций, в том числе изменение:

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

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

Градиент – это плавный переход между двумя или более цветами. Градиенты служат отличным фоном для фотографии продукта или рекламы. Они могут быть простым способом добавить немного цвета и профессиональный вид.

Инструмент «Градиент» позволяет выбрать один из предустановленных параметров или создать собственный градиент.

Чтобы создать градиент:

  • Щелкните значок ведерка с краской. Удерживайте ее, пока не появится меню. Выберите «Инструмент градиента».

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

  • Вы также можете щелкнуть панель вместо раскрывающегося списка. Когда вы это сделаете, откроется редактор градиентов. В этом диалоговом окне вы можете выбрать одну из предустановок и при желании внести свои изменения. Если дважды щелкнуть цветные остановки, которые отображаются в строке под полем «Сглаживание», вы можете выбрать собственные цвета для предустановленного шаблона градиента.

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

В верхнем меню вы увидите пять вариантов общего градиента:

  1. Линейный градиент: прямая линия, как в примере выше.
  2. Радиальный градиент: круговой узор, симметрично идущий наружу от начальной точки.
  3. Угловой градиент: поворот против часовой стрелки вокруг начальной точки.
  4. Отраженный градиент: зеркальный линейный градиент по обе стороны от начальной точки.
  5. Алмазный градиент: ромбовидный узор от середины до внешних углов.

Изображение предоставлено Adobe

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

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

Инструмент Лассо предлагает три варианта:

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

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

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

Если вы хотите сделать определенную часть вашего выделения больше или меньше, вы можете добавить к своему выбору, удерживая клавиши «Control + Shift», пока вы рисуете больше, или удерживая «Control + Alt», чтобы вычесть из вашего выделения.. Вы также можете сделать это, выбрав опции «Добавить к выделенному» или «Вычесть из выделенного» в строке меню инструмента «Лассо», которая отображается под строкой главного меню в верхней части экрана.

Опять же, если вы случайно отмените выбор, вы можете просто набрать «Control + Z», и он вернется. Спасатель! Если вы хотите, чтобы ваш выбор исчез, нажмите «Control + D» для «отменить выбор». Это работает для любого выделения в Photoshop, а не только для выделения лассо.

4 преимущества Photoshop для малого бизнеса

  1. Последовательный брендинг
    Малым предприятиям может быть трудно разработать последовательный брендинг, не имея инструмента дизайна, на который можно положиться. Adobe Photoshop может помочь вам создать бренд на многих различных платформах, который ваша аудитория сможет легко и четко идентифицировать, облегчая им выбор покупки у вас.
  2. Изображения продуктов высшего класса
    Создание высококачественных изображений продуктов может быть разницей между тем, чтобы побудить клиентов купить ваш продукт, или посетителей, решивших купить у ваших конкурентов. Фотографии продукта – это наиболее близкая вещь к вашему реальному продукту для онлайн-покупателей. Используя Photoshop для создания ярких изображений, вы можете укрепить доверие к своему бренду и заставить посетителей вашего веб-сайта покупать у вас больше, чем у других брендов.
  3. Отличные маркетинговые материалы Нет ничего лучше, чем просматривать отличные маркетинговые материалы для бренда в социальных сетях, электронном маркетинге, контекстной рекламе и других маркетинговых каналах, которые кричат ​​со стороны социальных сетей. С Photoshop вам не нужно нанимать фрилансера для создания ресурсов для ваших новых кампаний. Вы можете создать их самостоятельно, используя множество руководств по фотошопу для начинающих.
  4. Веб-дизайн
    Если вы занимаетесь малым бизнесом, в вашей команде может не быть веб-дизайнера или разработчика. Если вы решите работать с агентством веб-дизайна, вам понадобится метод творческого общения, чтобы показать, что вам от них нужно. Photoshop – отличный инструмент для этого, так как вы можете загрузить PSD шаблон веб-сайта, который вы можете настроить в соответствии с требованиями, и отправить его в свое агентство для работы.

Вывод

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

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

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

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

Хотите узнать больше? Источник записи: oberlo.com

▶ Как создать текст, который помещается в круг, и создать круговой эффект в Photoshop (пример)

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

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

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

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

интересных эффектов, которые можно сделать в Photoshop с текстом

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

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

Как создать текст, который помещается вокруг круга в Photoshop?

Вас также может заинтересовать:

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

Теперь создаем круг нужного размера. Это будет нарисовано, когда мы перетащим курсор или указатель (мы должны удерживать нажатой клавишу Shift для идеального круга). Когда мы это сделаем, мы увидим новый слой с именем по умолчанию «Shape 1» на панели слоев. Вышеупомянутая панель расположена в правой части экрана.

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

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

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

Наконец

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

Вас также может заинтересовать:

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

Как изогнуть текст в Photoshop

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

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

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

Способ 1: использование инструмента «Деформация текста»

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

Шаг 1: Откройте или создайте новый образ

Чтобы открыть изображение, нажмите комбинацию клавиш Ctrl+O , а чтобы создать новое изображение, нажмите комбинацию клавиш Ctrl+N .

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

Шаг 2: Выберите инструмент «Текст»

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

После выбора текстового инструмента в верхней строке меню появится инструмент деформации текста.

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

Шаг 3: Добавить текст

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

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

Шаг 4. Создание изогнутого текста

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

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

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

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

Способ 2: использование инструмента «Эллипс»

Мы также можем создать кривую с помощью инструмента «Эллипс». Выполните следующие шаги, чтобы изогнуть текст с помощью инструмента «Эллипс»:

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

Чтобы создать новый документ, нажмите клавиши Ctrl+N и задайте размеры и фон. Нажмите OK , чтобы продолжить.

Шаг 2: выберите инструмент «Эллипс»

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

Шаг 3. Активируйте текстовый инструмент

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

Шаг 4: Напишите текст

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

Шаг 5. Удаление или скрытие слоя формы

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

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

Способ 3: использование инструмента преобразования

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

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

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

Чтобы создать новый документ, нажмите клавиши Ctrl+N и укажите размеры и фон для изображения.Нажмите OK, чтобы продолжить в новом окне документа. Он создаст новый документ для указанных размеров.

Шаг 2: Добавьте текст

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

Шаг 2: преобразовать текстовый слой в смарт-объект

Чтобы преобразовать текстовый слой в смарт-объект, щелкните правой кнопкой мыши текстовый слой и выберите параметр Преобразовать в смарт-объект .

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

Шаг 3: Выберите вариант преобразования

Теперь перейдите в меню Edit->Transform->Warp, чтобы активировать преобразование деформации.

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

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

Шаг 4: Деформация текста

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

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

Здесь наш текст будет выглядеть следующим образом:

Вывод:

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

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


Текст на пути в Photoshop CS

Ожидаемая функция Photoshop, доступная только в Photoshop CS и более поздних версиях, — это инструмент «Текст на контуре».
Путь может быть открытым или закрытым, а также заполненным вектором.

Начать новый документ. Предустановленные параметры на ваш выбор.

Выберите инструмент «Перо» (P), инструмент «Линия», инструмент «Перо произвольной формы» или любой из инструментов «Форма» с активной функцией «Пути» на панели параметров.

Нарисуйте контур (пример открытого контура)
В этом примере давайте нарисуем кривую синусоиды с помощью инструмента «Перо» с активными контурами.

См. пример ниже для создания простой S-образной кривой.

Подготовка настроек типа
Далее выберите инструмент «Текст» (T) на панели инструментов (также откройте палитру «Окно > Символ» и установите нужные параметры типа), затем поместите курсор в начало открытого контура, как я захватил ниже.

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

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

Переместить текст вдоль пути
Чтобы переместить текст вдоль пути, сначала выберите «Инструмент выбора пути (P)» на панели инструментов и просто щелкните и перетащите в начале текста, как я анимировал ниже.

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

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

Другие простые примеры, включая. Введите закрытый путь.
В этом примере используется инструмент Elipse Tool (U) для создания кругового пути с включенной панелью параметров «Пути».

Тип на векторной форме.
В этом примере используется инструмент «Прямоугольник со скругленными углами» (U) с активной панелью параметров «Слои формы».

Пользователь Pre CS найдет эти альтернативные поддельные методы текста на пути полезными.
Циркулярный текст: с использованием векторной маски
Циркулярный (редактируемый) текст: упрощенный

Вырезание фигуры из фигуры в Adobe Photoshop

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

Прежде чем я начну, я хотел бы сообщить вам, что пока я буду работать с инструментом Ellipse Tool и инструментом Custom Shape Tool , оба из которых уже считаются фигурами, создать фигуру так же просто. из текста.Хотя я буду обсуждать это более подробно в будущих сообщениях, чтобы создать «форму» из текста, все, что вам нужно сделать, это щелкнуть правой кнопкой мыши текстовый слой, который вы хотите преобразовать (на панели Layers ). ) и выберите Convert to Shape . Опять же, я буду говорить об этом намного больше в будущем, но я хотел, чтобы вы знали это.

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

Вот как я хотел бы, чтобы конечный продукт выглядел.

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

Рисование фигур

В этом примере я начну с создания нового документа размером 1200×800 пикселей. Этот документ будет иметь светло-серый фон, чтобы мы могли более четко видеть, что происходит.

После того, как я создам новый документ, я создам новый слой на панели Layers , а затем перейду к Ellipse Tool и щелкну, чтобы активировать этот инструмент.

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

Затем я вернусь на панель «Слои» и создам новый слой. Затем я вернусь к левой панели инструментов и выберу Custom Shape Tool .

Как только это станет активным, я поднимусь на панель параметров и выберу форму Sun из раскрывающегося списка Shape .

Убедившись, что новый пустой слой активен на панели «Слои», я нарисую новую фигуру прямо поверх круга. Я буду держать нажатой клавишу Shift , чтобы убедиться, что это идеальный круг. Когда я закончу, я также использую инструмент Move Tool , чтобы расположить эту новую фигуру прямо в центре первой фигуры. Я также сделаю эту новую форму белой.

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

Вырезание солнца

Действительно, все, что мне нужно сделать, это еще кое-что. Я хотел бы вырезать форму солнца из формы круга, чтобы фон был виден. Для этого мне нужно представить новый инструмент. Он называется Direct Selection Tool . Я пойду на левую панель инструментов и активирую ее, щелкнув по ней.

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

Затем я воспользуюсь сочетанием клавиш Ctrl+X , чтобы вырезать фигуру из ее текущего местоположения. Я также мог бы использовать для этого пункт меню Edit > Cut .

После того, как фигура солнца будет вырезана, она исчезнет, ​​и слой на панели «Слои» также исчезнет.

Следующим шагом будет вставка слоя поверх слоя с кругом. Итак, убедившись, что слой с кругом активен на панели «Слои», я воспользуюсь сочетанием клавиш Ctrl+V и вставлю его обратно.В качестве альтернативы я мог бы так же легко использовать пункт меню Edit > Paste .

Вот как все будет выглядеть.

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

Наконец, я перейду к раскрывающемуся списку Path Operations и выберу Exclude Overlapping Shapes , чтобы удалить форму солнца из формы круга.

Вот что у меня осталось. Именно то, что я хочу.

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

Хотите знать, как создать градиент как эффект слоя? Нажмите на ссылку ниже.

Эффекты слоя и стили в Adobe Photoshop

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

——

Надеюсь, я ясно объяснил, как вырезать одну фигуру из другой в Adobe Photoshop.Если у вас есть какие-либо вопросы по этому посту, пожалуйста, оставьте их в разделе комментариев ниже. Спасибо за прочтение!

Создание стильного значка в Adobe Photoshop

Значки — отличный способ отображать информацию в любом блоге или на веб-сайте. Благодаря своим привлекательным качествам они мгновенно захватывают внимание посетителя. В наши дни в Интернете есть много ресурсов для общих значков; однако всегда полезно сделать свой собственный. Таким образом, вы можете настроить его так, чтобы он идеально соответствовал потребностям вашего текущего проекта.Итак, сегодня я покажу вам, как сделать стильный значок в Adobe Photoshop с помощью простого пошагового подхода.

Ресурсы:

Текстура картонной бумаги

Давайте сначала посмотрим на наш окончательный результат:

Шаг 1

Создайте новый документ шириной 600 пикселей и высотой 650 пикселей в Adobe Photoshop.

Шаг 2

Залейте фон цветом #ededef с помощью инструмента «Заливка».

Шаг 3

Теперь установите цвет переднего плана #01c1f2, выберите инструмент «Многоугольник» и используйте настройки, показанные ниже, чтобы нарисовать базовую форму значка.

Шаг 4

Откройте файл «картонной текстуры», скопируйте и вставьте его прямо над слоем с фигурой. Теперь, чтобы ограничить текстуру только формой, щелкните слой текстуры, удерживайте кнопку «Control» на клавиатуре и щелкните миниатюру слоя формы. Затем щелкните значок «Добавить маску слоя» в нижней части панели слоев. Измените режим наложения слоя с текстурой на «Перекрытие».

Шаг 5

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

Шаг 6

Затем с помощью инструмента «Эллипс» нарисуйте круг цветом #ea2c46. Затем продублируйте этот слой, раскрасьте его цветом #c81b33, поместите его ниже оригинального слоя с кругом и перетащите немного вниз.

Примените текстуру картона к переднему кругу так же, как мы делали это в шаге 4.

Шаг 7

Нарисуйте еще один круг меньшего размера с помощью инструмента «Эллипс», как показано ниже.

Шаг 8

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

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

Шаг 9

Далее мы создадим ленту позади значка. Создайте новый слой; поместите его прямо над фоном. Теперь выберите инструмент Rounded Rectangle Tool, чтобы нарисовать фигуру, показанную ниже. Затем щелкните правой кнопкой мыши и выберите параметр «Растрировать слой».

Теперь выберите инструмент «Прямоугольник», чтобы нарисовать квадрат, и поверните его с помощью инструмента «Свободное преобразование» (Ctrl + «T»). Также растрируйте этот слой. Теперь нажмите Ctrl + <миниатюра вашего квадратного слоя>, чтобы сделать выделение вокруг квадрата. Теперь щелкните слой с прямоугольником со скругленными углами и выберите «Редактировать»> «Очистить». Таким образом, вы получите красивую ленту, как показано ниже.

Шаг 10

Немного поверните ленту с помощью Free Transform Tool. Теперь выберите инструмент Elliptical Marquee Tool, чтобы сделать отверстие в верхней части ленты. Вы можете сделать это, выбрав круг на слое ленты и нажав «Редактировать»> «Очистить».

Шаг 11

Теперь, чтобы сделать серебряное кольцо вокруг этого нового отверстия, создайте круг большего размера, чем первое отверстие на новом слое, используя Elliptical Marquee Tool.Залейте его любым цветом на данный момент. Создайте еще один круг примерно такого же размера, как исходное отверстие на новом слое. Теперь нажмите Ctrl + <миниатюра слоя с кругом размером с дырку>, чтобы сделать выделение вокруг него. Затем нажмите на слой с большим кругом и выберите «Редактировать»> «Очистить». Теперь дважды щелкните этот слой с кольцом и примените следующие настройки для наложения градиента.

Шаг 12

Чтобы сформировать петлю, выберите Жесткую круглую кисть размером 3 пикселя.Затем выберите инструмент «Эллипс» с выбранным параметром «Контуры» и нарисуйте эллипс. После этого щелкните правой кнопкой мыши и выберите «Путь обводки» > «Кисть». Теперь сотрите часть, которая должна быть за лентой, как показано ниже.

Шаг 13

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

После этого щелкните правой кнопкой мыши слой с лентой и выберите параметр «Копировать стиль слоя».Затем щелкните правой кнопкой мыши слои shape1, shape2 и loop и выберите параметр «вставить стиль слоя», чтобы применить один и тот же эффект тени ко всем этим слоям.

Шаг 14

Дублируйте слой с лентой и нажмите Ctrl + «U», чтобы открыть окно «Цветовой тон/Насыщенность». Используйте следующие настройки, чтобы установить оттенок и насыщенность.

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

Шаг 15

Теперь мы добавим текст на этот значок. Создайте новый слой, выберите инструмент «Текст» и введите текст. Используйте цвет #eeeeee для текста.

Шаг 16

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

Шаг 17

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

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

Шаг 18

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

Шаг 19

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

Шаг 20

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

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

Шаг 21

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

Шаг 22

Щелкните один из слоев со звездой и примените следующие настройки тени.

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

Шаг 23

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

Шаг 24

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

alexxlab

Добавить комментарий

Ваш адрес email не будет опубликован.