Товаров: 0 (0р.)

Форма для фотошопа: Форма полиции для photoshop — 2021 год

Содержание

Образцы формы полиции для фотошопа


Образцы формы полиции для
фотошопа
Скачать
Скачать


Мужская форма мвд россии — фото на документы в архиве все звания: рядовой,
ефрейтор, мл.сержант, сержант, ст.сержант.
Мвд фотошоп и открывайте фотографию, мвд компенсировать форму качества при увеличении, графический редактор.
Здесь вы можете бесплатно скачать / download for free шаблон для фотошоп — новая форма полиции россии.
Набор шаблонов — форма полиции россии для использования в фотостудиях «фото на документы «. psd 30 шаблонов 1063х1417.Здесь можно скачать новую форму для полиции.
шаблоны для фотошопа в формате psd в слоях. мужская и женская форма.
Скачать шаблоны для фотошопа — мужская и женская форма полиции (бывшей милиции)
россии. источника.
Скачать шаблоны для фотошопа -форма полиции россии (png) .
Шаблон для фотошоп — мвд украина в psd слои включены архив 17.22 mb разрешение :
1063*1535 автор serpal.
Набор шаблонов — форма полиции россии.Шаблоны военной формы для фотошопа.Прапощик 8 прапорщик 9 ст.прапорщик 10 мл. лейтенант 11 лейтенант 12 ст.
скачать форма мвд по прямой ссылке.Форма мвд (милиция) женская (шаблон для фотошоп) 15 psd 300dpi 17.91 mb от рядового до полковника, отличного качества. Архив содержит шаблоны как парадной формы так и повседневной. (photoshop. psd). Униформа внутренней службы мвд-женская форма сотрудников служб обеспечения мвд. новая форма полиции россии, 14 psd.Кроме новости «шаблон для фотошопа — форма пожарника » мы предлогаем посмотреть следующие новости.Это единственная кавалерийская шотландская часть. получил в дар современную военную форму полевой камуфляж.
Коментариев. уникальная подборка костюмов для фотошопа — униформа. на этот раз это военные и госслужащие.
Мвд мужская форма psd 30 шт. форма для программы «фото на документы «. мчс.
Мвд женская форма psd 16 шт 59.3 mb. мужская и женская форма автомобильных войск.
форма для программы «фото на.
Шаблоны для фотошопа: общевойсковая военная форма для печати фотографий на документы.Re: образы форумчан наших. нет, наверное форма ст.прапорщика мил. стоит в тыщу раз дороже. oberleutnant.
Форма уин (управления исполнения наказания) женская. от рядового до полковника,
отличного качества.
Шаблоны для фотошоп. автор. «просмотров: 352.Centerstrong шаблон для монтажа в фотошоп милицейская форма. /str.Еще в прошлом году в нашу полицию поступило заявление от. в использовании пиратского «фотошопа » и грозят уголовным.Женский шаблон для фотошоп — полиция psd 2000×3000 300 dpi 23,9 мб автор: эрагон. костюмы psd, png для фотомонтажа. Шаблоны для фотошоп — мужская и женская форма мчс рядовой, ефрейтор, мл. сержант, сержант, старшина, мл. Photoshop. шаблоны для фотошопа. 15 августа 2009категория.Скачать без рекламы и ожидания. шаблон для фотошоп — девушка полицейский psd 1600×902 8.73 mb автор: konstantin666. Женские
шаблоны для фотошопа: будущее полиции.
Скачать скачать фотошаблоны для photoshop (часть 102) по прямой ссылке. 1. девушка в форме полицейского.
Форма уин (управления исполнения наказания) мужская . от рядового до полковника,
отличного качества. Наши детские шаблоны для фотошопа поражают своей красотой.шаблоны для фотошопа psd. скачать бесплатно и без.Качать бесплатно шаблоны для фотошоп военная форма. прикрепления.
В 2011 году министерство внутренних дел украины планирует обновить милицейскую форму. об этом заявил заместитель.
Мвд, мчс, таможня, юстиция, судебные приставы, военная форма,автомобильные войска,
ввс, казаки, летчики.Страница 3- форма мвд нового образца тыл. работаю в структуре.Набор шаблонов — форма полиции россии 30 png. время раздачи. 24/7 до 10
скачавших.
На аппаратном. ветеранские организации мвд примут участие в антинаркотической акции,
проводимой прокуратурой.
14 форм от рядового до старшены, прапорщики, от мл. лейтенанта до полковника,
формат 1488х1276.psd высокого качества.
Набор шаблонов — форма полиции россии 30 png. время раздачи. 24/7 до 10 скачавших.
Мчс мужская и женская форма psd 32 шт. слои отключены 88.7 mb. 6757. 3. шаблоны для фотошоп. namp. Шаблон для фотошопа «маленький генерал «. разрешение:2480х1860 300
dpi формат: psd слои отключены автор:schaos.

Шаблон для фото — Морские военные формы. / Creativo.one

Доступ
к PREMIUM-контенту

88 видеоуроков только для PREMIUM-пользователей. Коллекция пополняется несколько раз в месяц!

Обратная связь
от PRO

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

Доступ к закрытым
трансляциям

Для участников PREMIUM регулярно проводятся закрытые трансляции с профессионалами. Остальным они доступны только за деньги.

Отсутствие
рекламы

PREMIUM-пользователи не видят рекламных объявлений и баннеров.

Приоритетная
проверка работ

Все работы, которые вы добавляете в портфолио, рассматриваются в приоритетном порядке.

Статистика
переходов в соцсети

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

Возможность
скачивать видеоуроки

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

PREMIUM-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная
ссылка на профиль

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

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

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

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

Мужская и женская форма Мчс (Шаблоны Фотошоп) . — 10 June 2013 — Blog


Скачать Шаблон для Photoshop — Форма милиции (Размер: 69,24 Mb


Качать бесплатно Шаблоны для фотошоп военная форма. uploading.com


none


Шаблоны военная форма для фотошопа в PSD PSD 1000 х 1000 5 слоев


Военная форма шаблон для фотошопа — Всё для photoshop.


Шаблоны для Фотошопа. Разнообразные военные униформы для


Военная униформа для фото на документы. Шаблоны для Фотошопа.


none


Скачать Шаблон для фото — Морские военные формы.


Скачать шаблон для photoshop — мужская военная форма. Несколько видов


Кроме новости Шаблон для фотошопа Немецкий офицер в PSD мы


Просмотров: 28 Добавил. Категория. Шаблоны для фотошопа- Военная


Военн� � форм� (офицерск� �) (ш� блоны.


Шаблон для фотошоп-школьная форма.


Шаблоны для Фотошопа — Военные костюмы — Мега коллекция.


Шаблон для фотошоп — Девушка в военной форме PSD 1044х1146 32,74 Mb


none


Скачать шаблоны для фотошопа Девушка, форма, оружие (Размер: 90,2 mb


Шаблоны для Photoshop — Военная форма прошлого века, разных стран мира


Форма МВД (милиция) женская (Шаблон для фотошоп) 15 PSD 300dpi 17.91


Шаблоны для Фотошоп. автор. AndreykaK.


Cкачать костюмы для фотошопа.


Шаблоны для фотомонтажа — Военная форма (часть 1) .


none


Костюмы шаблонов для фотомонтажа в программе Adobe Photoshop. Военная


Категория. Костюмы. Форма Военная морская авиация женская Разрешение


Бесплатно скачать свадебные приглашения в формате psd, Шаблоны для


none


Мужская и женская форма Мчс (Шаблоны Фотошоп) .


none

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

Инструмент Текст – Type Tool (T) в Photoshop намного более гибкий, чем может показаться вначале. Вы можете создать все, начиная от отдельной строки текста до полностью индивидуальный текстовый блок.

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


Шаг 1.

Создаем контур с помощью инструмента Перо

Откройте ваше исходной изображение и возьмите Инструмент Перо — Pen tool (P). В верхней панели настроек инструмента выберите режим Форма (Shape), это удобнее, так как автоматически будет создан новый слой и вы сможете выбрать основной цвет формы исходя из фона изображения. В данном случае цвет формы белый, так как изображение темное.

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

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

Шаг 2.

Размещаем текст внутри контура

Теперь возьмите Инструмент Текст – Type Tool (T) и поместите курсор над только что созданной фигурой. Вы заметите, что граница иконки инструмента изменится с прямоугольника на овал.

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

Слои (Layers).

Теперь вы можете редактировать свойства текста: изменять размер шрифта, цвет и выравнивание текста в панелях Символ (Character) и Абзац (Paragraph).

Шаг 3.

Финальное изображение.

Вот и всё! Теперь вы можете с нуля создавать текстовые блоки любой формы или даже использовать Инструмент Произвольная фигура — Custom Shape tool (U) для создания блоков со специфическими контурами. 

Как сделать текстовый блок. Как сделать текстовый блок в Фотошопе. Как разместить текст в контуре. Как написать текст внутри фигуры. Как вставить текст внутри фигуры. Adobe Photoshop (cs5, cs6, cc).

Ссылка на источник

Формы для Фотошопа | Как создать сайт

Формы для Фотошопа

Здравствуйте! В этом уроке мне хотелось рассмотреть формы для Фотошопа. Какие бывают и как их собственно добавить в Фотошоп.  Важность операций Load (Загрузить) и Save (Сохранить) применительно к наборам переоценить невозможно. И у простых пользователей, и у профессионалов всегда найдутся ситуации, когда необходимо сохранить или загрузить какой-либо инструмент или команду.

Философия Photoshop позволяет гибко использовать уже созданные вами или кем-либо наборы. Мы изучим данную тему на самом простом примере — загрузки и сохранения наборов инструментов.

Инструменты группы Shapes

Создайте новый документ, выбрав:
Preset (Набор): Web;
Size (Размер): 800 600, 72 ppi;
Color Mode (Цветовой режим): RGB Color;
Background Contents (Содержимое фона): White (Белый).

Панель параметров инструментов

Инструменты группы Shapes (Формы)  больше подходят для работы в сложных векторных режимах, чем в нашем рассматриваемом случае.

 

Активизируйте какой-либо из инструментов данной группы (в панели параметров будут и все остальные), например

Rectangle (Прямоугольник).

 

Обратите внимание на режим работы инструмента! По умолчанию включен первый режим работы. Вам необходимо выбрать третий режим для рисования — Pixels (Пикселы).

 

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

Рассмотрим, как работают инструменты.

Построение форм

Выполните следующие действия:
1. Установите Foreground (Основной цвет) красный.
2. Активизируйте инструмент Rectangle (Прямоугольник).
3. В любом свободном месте рабочей области открытого файла сделайте щелчок левой кнопкой мыши и, не отпуская мышь, тяните вправо и вниз. Когда отпустите мышь, прямоугольник будет построен. Область, ограниченная фигурой, заливается цветом переднего плана.

 

Быстрые клавиши, используемые при построении фигур
Если при рисовании фигуры удерживать клавишу <Shift>, будет создаваться пропорциональная фигура (квадрат, круг, квадрат со скругленными углами). В случае линии она будет горизонтальная, вертикальная или под углом 45°.

Если при рисовании фигуры удерживать клавишу <Alt>, то фигура создается из центра.
Если при рисовании фигуры удерживать клавишу <Пробел>, можно перемещать фигуру в процессе построения.
Клавиши действуют в процессе построения, т. е. пока не отпущена кнопка мыши.
Выполните задание на построение фигур.
1. Постройте зеленый квадрат. Какие клавиши удерживаем при построении?
2. Из левого верхнего угла квадрата постройте красный круг.

Инструмент L ine. Рисование стрелок

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

Arrowheads (Стрелки) флажки Start (Начало) и/или End (Конец). Следует отметить, что толщина линии задается в панели параметров в поле Weight (Толщина) и также влияет на размер стрелок.

 

Параметры инструмента Line


Построение стрелок

Инструмент Custom Shape

Активизируйте инструмент Custom Shape (Произвольная фигура) . Рассмотрим ее настройки.

 

Основной параметр инструмента — Shape (Фигура). Выберите различные формы из выпадающего списка параметра. Установите различные цвета переднего плана для рисования
Используйте быстрые клавиши, рассмотренные ранее, при рисовании. Так, при построении объектов необходимо удерживать клавишу <Shift> для сохранения пропорциональной формы.

 

Объекты, нарисованные инструментом Custom Shape

Загрузка дополнительных наборов

Кроме стандартного набора форм вы можете загрузить дополнительные наборы из библиотек самой программы или формы, сохраненные вами на диске.
1. Выберите инструмент Custom Shape (Произвольная фигура).
2. На панели параметров инструмента щелкните мышью на стрелке в поле Shape (Фигура), чтобы открыть набор стандартных форм. Из меню набора выберите команду
Load Shapes (Загрузить фигуры).

 

Команда Load Shapes
3. В открывшемся диалоговом окне Load (Загрузить) первоначально программа указывает путь до наборов из библиотеки: Program Files\Adobe\Adobe Photoshop CS6\Presets\Custom Shapes.
Обратите внимание на расширение файлов с формами — csh. Эти файлы не растровые. Они не открываются командой File | Open (Файл | Открыть), а подгружаются командой Load (Загрузить) в соответствующие наборы инструментов или настройки команд.
4. Также вы можете подгрузить набор из библиотеки, не используя команду Load Shapes (Загрузить фигуры), а выбрав необходимый набор, например Animals (Животные) из списка
5. Перед выполнением загрузки на экране появится окно. Если вы хотите добавить формы к существующим в наборе, нажмите кнопку Append (Добавить). В случае нажатия кнопки OK произойдет замена набора новыми подгружаемыми формами.


Выбор добавления в существующий набор форм

 

Набор форм Animals, добавленный к стандартным формам
6. Если нужно вернуться к первоначальному набору, необходимо выполнить команду Reset Shapes (Восстановить произвольные фигуры), находящуюся над командой Load Shapes, и вы опять увидите первоначальный набор.
7. Возможно, у вас опять появится окно с вариантами сброса набора. Если вы желаете заменить текущий набор набором по умолчанию, нажмите кнопку OK.

 

Выбор базового набора форм

Пиратская карта

Предлагаю нарисовать свою карту места, где зароем клад.
1. Создайте новый документ, выбрав:
Preset (Набор): Web;
Size (Размер): 800 600, 72 ppi;
Color Mode (Цветовой режим): RGB Color;
Background Contents (Содержимое фона): White (Белый).
2. Выберите инструмент Custom Shape (Произвольная фигура). Выберите третий режим для рисования Pixels (Пикселы).
3. На панели параметров инструмента щелкните мышью на стрелке в поле Shape (Фигура), чтобы открыть набор стандартных форм. Из меню набора выберите команду Load Shapes (Загрузить фигуры).
4. В открывшемся диалоговом окне Load (Загрузить) укажите путь до файла с нашим пиратским набором.
5. К стандартному набору добавился набор с пиратскими формами. Разглядеть что либо достаточно тяжело. Установим режим отображения меню Large Thumbnail (Большие миниатюры)

 

Установка режима отображения для удобства работы
При таком отображении достаточно легко найти и рассмотреть все формы .
6. Приступим к рисованию. Выберите цвет Foreground (Основной) темно-синий, как море. Залейте документ, используя «горячие» клавиши.
7. Активизируйте инструмент Brush (Кисть). Задайте мягкие края у кисти. Установите в Foreground бледно-голубой цвет. Рисуйте разными яркостными составляющими внутри «моря», создавая тропический остров.
8. Присваивая разные цвета Brush (Кисти) с мягкими краями, нарисуйте желтый остров  и зеленую растительность.

 

Отображение больших пиктограмм

 

Остров в море
9. Для создания растительности и других объектов на острове и в воде используйте подгруженные формы. Во всех случаях следует рисовать формы, удерживая клавишу <Shift> для пропорциональности. В качестве основного цвета необходимо устанавливать черный цвет для последующего раскрашивания внутри.
10. Нарисуйте злобного морского дьявола в верхней части острова.

 

11. Для раскрашивания удобно использовать инструмент Paint Bucket (Заливка). Выбирайте Foreground и щелкайте внутри объекта. Раскрасьте морского дьявола.
12. Последовательно создавая и закрашивая объекты, можно получить различные композиции. Осталось обозначить дорожку до клада. Для создания дорожки используется круглая жесткая кисть, у которой в палитре Brush (Кисть) в разделе Brush Tip Shape (Форма отпечатка кисти) параметр Spacing (Интервалы) установлен в значение 292%.

 

 

Разделение кисти
13. Результат ошеломляющий.

Дополнительные наборы кистей

Кроме стандартного набора кистей вы можете загрузить дополнительные наборы из самой программы или кисти, созданные кем-либо. У меня в электронном архиве для вас собраны интересные наборы на различные темы.
Расширение файлов с наборами кистей — abr . Файлы с наборами не растровые. Они не открываются командой File | Open (Файл | Открыть), а загружаются командой Load Brushes (Загрузить кисти) в меню параметра Brush инструмента Brush (Кисть).

Загрузка наборов кистей

Выполните следующие действия:
1. Создайте новый документ, выбрав:
Preset (Набор): Web;
Size (Размер): 800 600, 72 ppi;
Color Mode (Цветовой режим): RGB Color;
Background Contents (Содержимое фона): White (Белый).
2. Выберите инструмент Brush (Кисть). На панели параметров инструмента щелкните мышью на стрелке в поле Brush (Кисть), чтобы открыть набор стандартных кистей. Из меню набора выберите команду Load Brushes (Загрузить кисти).

 

Команда Load Brushes
3. В открывшемся диалоговом окне Load (Загрузить) укажите путь до набора (аналогично загрузке пиратских фигур).

Сброс кистей

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

Набор кистей «Цветы»

Выполните следующие действия:
1. Активизируйте инструмент Brush (Кисть).
2. Выполните команду Load Brushes (Загрузить кисти).
3. В открывшемся диалоговом окне Load (Загрузить) укажите путь до набора.
В результате в конец списка кистей у вас добавится набор кистей из файла «Цветы»

4. Выберите любую кисть из загруженных, установите цвет Foreground. Щелкните по изображению.

Набор кистей Tattoo
Выполните следующие действия:


1. Залейте ваш документ белым цветом, очистив его.
2. Активизируйте инструмент Brush (Кисть).
3. Выполните команду Load Brushes (Загрузить кисти).
4. Загрузите кисти.
5. Порисуйте кистями в документе.

 

Применение кистей Tattoo
6.  Сделаем молодому человеку татуировку. Выберите кисть, более подходящую для татуировки на плече.

 

Кисть для татуировки
7. Выберите цвет Foreground темно-коричневый. Установите параметры кисти. Обратите внимание, я изменила режим наложения инструмента на Multiply (Умножение).

 

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

Набор кистей «Бумага»

Выполните следующие действия:
1. Активизируйте инструмент Brush (Кисть).
2. Выполните команду Load Brushes (Загрузить кисти).
3. В открывшемся диалоговом окне Load (Загрузить) укажите путь до набора:

 

 

Набор кистей «Бумага»

4. Под каждой кистью стоит число, например 1024. Это размер. Для нашего документа он очень большой (наш документ 800 600 пикселов, что в два раза меньше).
5. Установив коричневый цвет Foreground, щелкните по документу. Эти кисти имеют эффект мятой, обожженной бумаги и могут быть использованы для дополнительного оформления в ваших работах.

Дополнительные наборы градиентов

Кроме стандартного набора градиентов вы можете загрузить дополнительные.
Предлагаю вам загрузить два градиента, которые могут быть использованы в оформлении фотографий, как красивые рамки.
1. Создайте новый документ, выбрав:
Preset (Набор): Web;
Size (Размер): 800 600, 72 ppi;
Color Mode (Цветовой режим): RGB Color;
Background Contents (Содержимое фона): White (Белый).
2. Выберите инструмент Gradient (Градиент). Вызовите диалоговое окно Gradient Editor (Редактор градиентов) щелчком по виду градиента.
3. Щелчком по кнопке Load (Загрузить) загрузите служебный файл. В конец набора добавятся два новых градиента

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Поделиться

Твитнуть

Поделиться

Также читайте

(Visited 10 times, 1 visits today)

Создаем форму входа с нуля

В этой статье я расскажу вам, как в Adobe Photoshop создать форму входа.

Окончательное изображение

Программное обеспечение: Adobe Photoshop CC.

Создайте новый документ размером 600 на 600 пикселей, перейдите в Просмотр > Показать> Сетку, чтобы включить отображение сетки, а затем в Просмотр > Привязать к> Линиям сетки, чтобы включить привязку к сетке. Нажмите Ctrl + K, чтобы открыть окно «Настройки», перейдите в раздел «Направляющие, сетка и фрагменты» и задайте для параметров значения, показанные на рисунке ниже.

При создании формы я отключил сетку (Ctrl + ‘), чтобы вам были лучше видны все элементы на скриншотах:

В палитре слоев дважды кликните на фоновом заблокированном слое и задайте для него новое имя «BG«:

В палитре слоев откройте окно «Стили слоя» и введите значения, приведенные на втором рисунке:

Установите цвет переднего плана на #F0F5FE. Выберите инструмент «Прямоугольник со скругленными углами» и в панели параметров (в верхней части окна программы) задайте для «Радиуса» значение 10 пикселей. Затем перейдите к холсту и создайте векторную фигуру размером 264 на 190 пикселей:

В этом шаге я покажу вам, как создать узор. Нажмите Ctrl + N и создайте документ размером 5 на 5 пикселей. Установите цвет переднего плана на #000000, выберите инструмент «Перо» и задайте размер пера в 1 пиксель. Левой кнопкой мыши добавьте черные точки, как показано на рисунке ниже.

Теперь перейдите в Редактирование> Определить узор, введите имя узора и нажмите OK:

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

Создайте дубликат слоя с прямоугольником (Ctrl + J). Кликните правой кнопкой мыши на копии и выберите пункт «Очистить стили слоя». Уменьшите значение «Заливки» до 0% и откройте окно «Стили слоя» для копии, чтобы ввести для параметров значения, приведенные на рисунке ниже:

Продублируйте копию векторной фигуры (Ctrl + J), откройте для созданного дубликата окно «Стили слоя» и введите для параметров значения, приведенные на рисунке ниже:

Измените цвет переднего плана на #E5E9F2, выберите инструмент «Прямоугольник со скругленными углами» и задайте для «Радиуса» значение 10 пикселей (в верхней части окна программы).

Перейдите к холсту, создайте векторную фигуру размером 220 на 36 пикселей и разместите ее так, как показано на рисунке ниже:

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

Продублируйте (Ctrl + J) фигуру поля для ввода имени пользователя и перейдите к «Очистить стили слоя». С помощью инструмента «Перемещение» передвиньте полученный дубликат прямоугольника вниз на 21 пиксель:

Откройте для фигуры, созданной в предыдущем шаге, окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Вернитесь к полю для ввода имени пользователя и выберите инструмент «Горизонтальный текст». Откройте окно символов (Окно> Символ), используйте шрифт Calibri, Bold, цвет #CB7C6F, размер 14 пикселей. Затем введите текст, приведенный на рисунке ниже:

Откройте для текстового слоя окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #848F93 и выберите инструмент «Прямоугольник». Создайте векторную фигуру размером 2 на 14 пикселей и разместите ее, как показано на рисунках ниже.

Используйте инструмент «Перо+ (добавить опорную точку)», чтобы добавить к прямоугольнику две новых опорных точки, как показано на рисунках ниже:

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

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

Используйте инструмент «Эллипс», чтобы создать векторную фигуру размером 6 на 8 пикселей, а затем разместите ее, как показано на рисунке ниже:

Теперь вернитесь ко второй векторной фигуре (поле для ввода пароля) и выберите инструмент «Горизонтальный текст».
Перейдите в окно символов (Окно> Символ), выберите шрифт Calibri, Bold, цвет #8D9799, размер 16 пикселей, а затем введите текст, приведенный на рисунке ниже.

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

Измените цвет переднего плана на #4BB1FB и выберите инструмент «Прямоугольник». Создайте фигуру размером 2 на 16 пикселей, а затем разместите ее, как показано на рисунке ниже:

Измените цвет переднего плана на #848F93, выберите инструмент «Эллипс» и перейдите к холсту. Создайте один круг размером 7 на 7 пикселей и один 2 на 2 пикселя. Разместите эти фигуры, как показано на рисунке ниже.

Подсказка: Чтобы создать идеальный круг, удерживайте нажатой клавишу Shift:

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

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

Нажмите Ctrl + T, чтобы повернуть новую фигуру на 45 градусов, нажмите Enter и разместите фигуру, как показано на третьем рисунке.

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

Выберите инструмент «Прямоугольник со скругленными углами» и задайте для «Радиуса» значение 3 пикселя. Перейдите к холсту, создайте фигуру размером 28 на 28 пикселей и разместите ее так, как показано на рисунке ниже.

Затем выберите инструмент «Перо» и создайте векторную фигуру, которая показана на втором изображении:

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

Откройте для созданной фигуры окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #22BE69, выберите инструмент «Произвольная фигура» и перейдите в панель в верхней части окна, чтобы установить параметр «Фигура».

Перейдите к холсту, создайте символ «галочки» размером 16 на 16 пикселей и разместите его, как показано на рисунке ниже.

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

Откройте для фигуры, созданной в предыдущем шаге, окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Продублируйте (Ctrl + J) фигуру всплывающей подсказки и разместите ее, как показано на рисунке ниже. Кликните правой кнопкой мыши на слое копии фигуры и выберите пункт «Очистить стили слоя»:

Откройте для копии окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #FFA2A1 и с помощью инструмента «Прямоугольник» создайте две фигуры: размером 2 на 7 пикселей и 2 на 2 пикселя, а затем разместите их, как показано на рисунке ниже:

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

Перейдите к холсту, создайте векторную фигуру размером 100 на 34 пикселя и разместите ее, как показано на рисунке ниже:

Откройте для фигуры, созданной в предыдущем шаге, окно «Стили слоя» и введите для параметров значения, приведенные на рисунках ниже:

Измените цвет переднего плана на #FFFFFF, выберите инструмент «Кисть», выберите тип кисти, затем установите «Размер» кисти — 80 пикселей, «Жесткость» — 0%.

В нижней части палитры слоев нажмите иконку «Создать новый слой»:

Кистью нажмите один раз на синей векторной фигуре, как показано на рисунке ниже:

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

Убедитесь, что в палитре слоев у вас выбран слой с белой кистью, и измените его режим смешивания на «Мягкий свет», уменьшите непрозрачность слоя до 80%:

Продублируйте (Ctrl + J) две фигуры, из которых состоит кнопка, выберите копии и переместите их так, как показано на рисунке ниже:

Выберите инструмент «Горизонтальный текст», используйте шрифт Calibri, Bold, цвет — #FFFFFF, размер шрифта — 14 пикселей, а затем введите текст, приведенный на рисунке ниже.

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

Вот как должен выглядеть окончательный результат:

Данная публикация является переводом статьи «Create a Login Form in Adobe Photoshop From Scratch» , подготовленная редакцией проекта.

Как убрать складки с одежды в фотошопе: быстро и качественно

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

Есть складки, которых не должно быть на одежде. Например, когда кто-то забыл воспользоваться утюгом. Обычно мы удаляем контуры, которые появляются, когда нижнее белье торчит из-под одежды, например, бретелька бюстгальтера. Но есть предел тому, сколько усилий фотограф готов приложить. Если из-под футболки торчат джинсы, можно их оставить. Когда одежда плохо сидит на модели, когда она слишком свободна, мы должны исправить ее форму, удалив складки, которые в основном представляют из себя темные пятна на светлой поверхности. Это кажется относительно просто для однотонных гладких предметов, но не совсем возможно с узорами, такими как клетка или полоски. Официальная одежда: куртки, пиджаки и брюки, более требовательна, чем толстовки, футболки и свободные штаны. Мятая толстовка с капюшоном — это нормально, но куртка с такими же складками может выглядеть небрежно. 

В этой статье фотограф Ана Мирелес (Ana Mireles) покажет свои методы быстрого и легкого удаления складок при постобработке. 

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

Зачем нужно убирать складки с ткани в фотошопе? 

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

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

Удаление помятостей одежды в Photoshop: основы 

В Photoshop есть множество инструментов, с помощью которых можно легко удалить складки с одежды. Но самые популярные варианты — это инструменты восстановления. В Photoshop их три: инструмент Healing Brush (Восстанавливающая кисть), Spot Healing Brush (Точечная восстанавливающая кисть) и инструмент Patch (Заплатка). Каждый из них можно использовать, чтобы «погладить» одежду и убрать складки в Photoshop. 

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

Обратите внимание, что меню Mode (на верхней панели) позволяет выбрать режим рисования Spot Healing Brush. Для устранения складок на одежде лучший вариант — Replace. Видите ли, ткань всегда имеет текстуру, а этот режим позволяет сохранить ее, даже когда вы «заживляете» складки. 

Затем вы можете выбрать тип восстановления. У вас есть три варианта: Content-Aware, Create Texture и Proximity Match. Не существует единственного «лучшего» выбора; вместо этого просто поэкспериментируйте, чтобы увидеть, какой из них оптимально подходит для вашей фотографии. В приведенном выше примере фотограф обнаружила, что Content-Aware дает наилучшие результаты. Инструмент Healing Brush работает так же, за исключением того, что вы выбираете пиксели, которые хотите. Просто удерживайте клавишу Alt/Option и щелкните область, из которой хотите взять образец. После этого отпустите клавишу Alt/Option и щелкните на пиксели, которые нужно замазать. 

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

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

Проблемы при удалении складок на одежде 

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

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

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

Продвинутая техника удаления морщин с одежды в Photoshop: частотное разделение 

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

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

Выберите Filter > Blur > Gaussian Blur. Перетаскивайте ползунок, пока не исчезнут детали ткани. 

Теперь снова включите верхний слой и выберите его. Выберите Image > Apply Image. В диалоговом окне выберите слой под названием Color. Затем выберите Subtract в качестве режима наложения. Наконец, установите Opacity на 100%, Scale на 2 и Offset на 128. 

Теперь перейдите на панель Layers. Убедитесь, что слой текстуры выбран, затем установите режим наложения на Linear Light. 

И это основы разделения частот — теперь ваша фотография разделена на слои текстуры и цвета. И вы можете восстанавливать каждый слой отдельно! Кроме того, если вы чувствуете, что объект слишком «плоский» после применения этой техники разделения частот, вы можете воспользоваться dodging and burning, чтобы вернуть некоторую размерность. 

Как убрать складки на одежде в фотошопе: заключение 

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

Создание простой контактной формы в Adobe Photoshop

Adobe Photoshop • Уроки Евгений Зайтев • 14 января 2013 г. • 7 минут ПРОЧИТАТЬ

Программное обеспечение: Adobe Photoshop
Сложность: Начинающий
Расчетное время выполнения: 40 минут

В этом уроке мы покажем вам, как создать контактную форму с помощью Adobe Photoshop.

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

Учебные материалы

При создании этого урока были использованы следующие ресурсы: Фон.jpg.

Шаг 1

Создайте новый файл. Установите ширину 600 пикселей, высоту 600 пикселей и разрешение 72 пикселей на дюйм.

Конструктор шаблонов электронной почты в Интернете

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

Попробуйте бесплатноДругие продукты

Шаг 2

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U).Установите ширину 436 пикселей и высоту 456 пикселей с радиусом 5 пикселей и цветом #ffffff.

Шаг 3

Выберите слой «Форма» и слой «Фон», Выровняйте центры по вертикали и Выровняйте центры по горизонтали.

Шаг 4

Добавьте обводку к слою «Форма» со следующими настройками.

Шаг 5

Нарисуйте прямоугольник с помощью инструмента «Прямоугольник» (U). Установите ширину 436 пикселей, высоту 87 пикселей и цвет # f2f2f2.

Шаг 6

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

Шаг 7

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U). Установите ширину 373 пикселей и высоту 50 пикселей с радиусом 3 пикселей и цветом #ffffff.Мы собираемся использовать его для получателя почты.

Шаг 8

Скопируйте стиль слоя из слоя «Форма» и вставьте стиль слоя в слой «Поле контакта».

Шаг 9

Выберите слой «Поле контакта» и слой «Форма», выровняйте центры по горизонтали, затем переместите слой «Поле контакта» на 53 пикселя сверху вниз.

Шаг 10

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U).Установите ширину 168 пикселей и высоту 38 пикселей с радиусом 3 пикселей и цветом # 98d7e4.

Шаг 11

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U). Установите ширину 12 пикселей и высоту 12 пикселей с радиусом 3 пикселей и цветом #ffffff.

Шаг 12

Нарисуйте прямоугольник с помощью инструмента «Прямоугольник» (U). Установите ширину на 2 пикселя и высоту на 8 пикселей с любым цветом.

Шаг 13

Выберите предыдущий шаг с помощью инструмента «Выбор пути» (A) и продублируйте его (скопируйте, затем вставьте), удерживая Ctrl + C, затем Ctrl + V (в Mac Command + C, затем Command + V).

Шаг 14

Щелкните строку меню и выберите «Правка»> «Свободный путь преобразования» (сочетание клавиш Ctrl + T или для пользователей Mac — Command + T) и поверните его на 90 градусов.

Шаг 15

Выберите все на текущем слое, используя Path Selection Tool (A), и поверните его на 45 градусов.

Шаг 16

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

Шаг 17

Перейдите к операции с контуром и выберите «Вычесть переднюю форму».

Шаг 18

Используя инструмент Horizontal Type Tool (T), напишите слово «Контакты», используя шрифт Gotham Pro, Regular, размер шрифта 16 pt и метод сглаживания Strong и цвет # 8a8a8a.

Шаг 19

Используя инструмент Horizontal Type Tool (T). напишите слово «[email protected]», используя шрифт Gotham Pro, Regular, размер шрифта до 14 pt и цвет #ffffff.

Шаг 20

Добавьте Drop Shadow со следующими настройками.

Шаг 21

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

Шаг 22

Дублируйте групповой слой «Синий», измените цвет поля на # ffad46 и тень на # ff8e00. Не забывайте о расстоянии, потому что наш дизайн должен быть идеальным до пикселя.

Шаг 23

Выберите следующие слои и сгруппируйте их.

Шаг 24

Выберите слой «Поле контактов» и «Контакт», дублируйте слои … после переименования контактов в тему.

Шаг 25

Запишите слово «Hello Designmodo» и нарисуйте линию с помощью инструмента «Прямоугольник» (U). Установите ширину на 1 пиксель, высоту на 19 пикселей и цвет # 8a8a8a.

Шаг 26

Дублируйте слой группы «Тема», переименуйте «Тема» в «Сообщение», «Hello Designmodo» в «Оставьте свое сообщение здесь» и измените цвет на # c2c2c2 (потому что это только уведомление для написания вашего сообщения), удалите строку.Измените высоту в поле с 50 до 108 пикселей с помощью инструмента «Прямое выделение» (A).

Шаг 27

Выберите следующие слои и сгруппируйте их.

Шаг 28

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U). Установите ширину 22 пикселя и высоту 22 пикселя с радиусом 4 пикселя и цветом #ffffff.

Шаг 29

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

Шаг 30

Нарисуйте «галочку» с помощью Pen Tool (P) и Convert Point Tool (Alt + Tool (в Mac Option + Tool)). Удерживание клавиши временно активирует инструмент.Отпускание клавиши возвращает к предыдущему инструменту). Используйте цвет # 57b638.
Возьмите Pen Tool (P) и просто щелкните в начале и конце сегмента, который создается (для прямолинейного сегмента), щелкните в месте первой точки и, не отпуская кнопку мыши, перетащите курсор в сторону (для криволинейного сегмента).

Шаг 31

Дублируйте один из предыдущих слоев, содержащий слова с размером 16 pt, переименуйте его в «Сохранить сообщение» и переместите к «Проверить».

Шаг 32

Нарисуйте прямоугольник со скругленными углами, используя инструмент «Прямоугольник со скругленными углами» (U). Установите ширину 160 пикселей и высоту 46 пикселей с радиусом 3 пикселей и цветом #ffffff.

Шаг 33

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

Шаг 34

Дублирующий слой «Сохранить сообщение» переименуйте в «Отправить», измените цвет на #ffffff, выровняйте вертикальные центры и горизонтальные центры, добавьте Drop Shadow со следующими настройками.

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

Вот и все!

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

Источник файла (PSD)

Нравится то, что вы читаете? Подпишитесь на наши главные новости.

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

25 ноября 2013 г. 11:07 Опубликовано Progressive Printing Team

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

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

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

Открыв Photoshop, выберите в меню File — New . Появится диалоговое окно ниже. Заполните следующую информацию:


Ширина и высота: Стандартный размер — 8,5 на 11. Форма, которую я создаю, представляет собой ландшафтную форму на всю страницу. Убедитесь, что вы выбрали дюймы в раскрывающемся меню.
Разрешение: необходимо установить значение 300. Чем выше разрешение, тем лучше качество формы.

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

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

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

  1. Щелкните левой кнопкой мыши по линейке и перетащите курсор по экрану, чтобы поместить направляющую в нужное место. Нам нужно 0,25 дюйма на каждой стороне нашего документа.
  2. Другой способ сделать это — перейти к View-New Guide. Здесь вы можете указать Photoshop разместить направляющую в определенном месте документа. Так, например, ваши горизонтальные отметки будут на 0,25 и 10,75. Вертикальные отметки — 0,25 и 8,25.

Щелкните изображение, чтобы увеличить

ПРИМЕЧАНИЕ. Если вы еще этого не сделали, сейчас самое время сохранить документ. Перейдите к File-Save as и выберите файл, в котором вы хотите сохранить форму. Убедитесь, что выбрано расширение Photoshop PSD (нижнее раскрывающееся меню).Это нужно делать несколько раз в течение этого урока, чтобы вы не потеряли ничего, над чем вы работаете.

Шаг 3: Создание равномерно расположенных линий в Photoshop

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

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

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

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

Первая строка в верхней части документа

Мы собираемся продублировать это, выбрав инструмент Move Tool (первый значок в верхней части панели инструментов выглядит как курсор).Сочетание клавиш: «V».

Удерживая нажатой клавишу Alt , щелкните левой кнопкой мыши по вашей строке. Удерживая нажатой клавишу Alt , нажмите клавишу Shift (это предотвращает смещение линии от выравнивания) и перетащите скопированную фигуру на следующую строку сетки. Повторяйте, пока не получите желаемое количество линий.

Или вы можете перейти на панель слоев ( Window-Layers ) и перетащить Shape 1 в маленькую папку рядом с мусорным баком и продублировать слой.Продолжайте дублировать слои, пока не заполните страницу до нижней направляющей.

По завершении перейдите к View-Show- и снимите флажок Grid . Теперь ваш документ должен иметь равномерно расположенные строки, идущие вниз по странице:

Щелкните изображение, чтобы увеличить

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

Шаг 4: Макет

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

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

Щелкните, чтобы увеличить изображение

Теперь обводка отсутствует или может выглядеть так, как будто поле все еще заполнено. Рядом с Заливкой стоит Обводка . Щелкните поле обводки и выберите черный из недавно использованных цветов. Теперь обводка все еще может быть слишком маленькой или слишком большой, поэтому установите флажок рядом с обводкой. Измените число на 2pt.

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

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

Теперь ваша коробка должна выглядеть так:

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

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

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

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

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

.
Форма начинает складываться!

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

Чтобы быстро добавить заголовок содержимого для этого поля, я собираюсь нажать Alt-Click на черной фигуре в верхнем левом поле и удерживать S hift , чтобы перетащить новую фигуру вниз до места, которое станет рекомендацией. коробка.

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

Первое, что я хочу сделать сейчас, это добавить строку вниз с левой стороны в рамку в области описания. Я возвращаюсь к своему инструменту line и рисую линию вниз с левой стороны. Если он немного тонкий, используйте панель параметров вверху, чтобы изменить ширину линии. Я установил свой на 5 пикселей (обратите внимание: это не обводка, это ширина. Она находится рядом со стилем обводки и имеет букву W перед одним квадратом).

Затем проделываю то же самое с правой стороной.

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

ПРИМЕЧАНИЕ. Если в последнее время вы не копили, сейчас самое подходящее время для этого! Не забудьте перейти к File-Save as и сохранить форму. Мне нравится использовать Сохранить как , чтобы Photoshop считал, что это новый файл, и не сжимал мой документ при каждом сохранении.

Шаг 5: Проверьте свою форму. По желанию.

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

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

Шаг 6: Вставка текста

Теперь пришло время начать размещение текста и завершить все варианты макета, которые нам оставалось сделать.

Выберите инструмент Text Tool . Он расположен на левой панели инструментов и имеет значок T или клавишу «T» на клавиатуре. Параметры текста появляются вверху. Выберите Arial, Regular, 10 pt. Ниже на этой панели находится цветной блок. Щелкните по нему и установите белый цвет.


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

Сделайте то же самое для следующих двух столбцов. Я пометил свое «Описание предмета или деталей» и «Цена».

Чтобы убедиться, что ваши текстовые поля выровнены друг с другом, щелкните инструмент перемещения на панели инструментов справа или нажмите «V» на клавиатуре. Щелкните «QTY», затем нажмите Shift и щелкните текстовые поля «Описание» и «Цена». Должны быть выделены все три текстовых поля. На панели параметров вверху (см. Шаг 5) должны быть параметры выравнивания.Выберите первый, Align Top Edges .

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


Это поле теперь готово:

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

Следующее, что мне нужно, это область для информации о клиентах. Мне понадобятся строки для:

  • Имя
  • Адрес
  • Город, штат, почтовый индекс
  • Работа по заказу
  • Марка, модель, серийный номер

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

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

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

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

Совет. Сочетание клавиш для фиксации текста: Ctrl + Enter

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

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

Продолжайте добавлять текст в остальную часть формы.

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

Мы почти закончили!

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

Чтобы разместить логотип, перейдите в File-Place- Найдите свое изображение. Измените размер изображения и нажмите Enter, чтобы принять изменения.

Вот и наш конечный продукт!

Примечание. Если вы хотите распечатать формы в черно-белом режиме (1 цвет), перейдите к Image-Mode-Grayscale . Photoshop попросит вас объединить слои или сгладить файл, скажите «нет» обоим. Сохраните ваш PSD со всеми слоями без изменений.

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

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

Категория: Учебники

Этот пост был написан командой Progressive Printing Team

Назад в блог

Создать Темная современная контактная форма в Photoshop

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

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

Шаг 1

Создайте новый документ 800 × 800 в Photoshop. ¬ † Выберите градиент от темно-серого до черного и залейте фон.

Шаг 2

Добавьте шум к фоновому слою (Фильтр> Шум> Добавить шум). Используйте небольшое количество шума, чтобы создать нежную текстуру.

Шаг 3

Создайте форму. Выбрав средний серый цвет (# 8a8a8a), нарисуйте прямоугольник с закругленными углами в центре вашего фона.Добавьте подобную текстуру шума к вашему окну.

Шаг 4

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

Шаг 5

Вытяните поля ввода. Для этой простой формы мы будем использовать поле «Имя», «Электронная почта» и «Комментарий». Выбрав темно-серый цвет (# 353434), нарисуйте 2 однострочных поля ввода и текстовое поле большего размера.

Шаг 6

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

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

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

Шаг 7

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

Шаг 8

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

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

Шаг 9

Добавьте текст «Отправить». Я использую Helvetica Neue Bold, размер шрифта 18 пикселей. Добавьте тень к тексту для небольшого эффекта.

Шаг 10

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

Шаг 11

Установите флажок в меню инструментов пользовательских фигур.

Установите белый флажок и добавьте небольшую тень.

Шаг 12

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

Шаг 13

Примените внутреннюю тень к вашим заголовкам.

Шаг 14

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

Скачать PSD

Я также предоставил вам PSD-файл для загрузки и сравнения.

Скачать PSD темный контакт

Поделитесь этим с друзьями:

Хотите больше? Подпишитесь, и мы вам его доставим.

Подпишитесь на RSS-канал или на рассылку обновлений по электронной почте, чтобы получать еще больше интересного контента!

Автор Крис Турман

Крис — дизайнер, видеооператор, художник моушн-графики и знаток Apple.Он также является основателем Visual Swirl. Подпишитесь на него в Twitter, чтобы получать новости о дизайне и вкусные закуски.

Создание собственных пользовательских фигур в Photoshop

Шаг 1. Выберите инструмент «Перо»

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

Выберите инструмент «Перо».

Вы также можете выбрать Pen Tool, нажав букву P на клавиатуре.

Шаг 2. Выберите параметр «Слои фигур» на панели параметров.

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

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

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

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

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

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

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

Шаг 3: Начните рисовать свою форму

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

Photoshop заполняет фигуру цветом переднего плана по мере ее рисования, закрывая объект из поля зрения.

Мы исправим эту проблему в следующий раз.

Шаг 4: Уменьшите непрозрачность слоя-фигуры

Чтобы исправить проблему, из-за которой Photoshop блокирует наш объект из вида, когда мы пытаемся обвести его вокруг, просто перейдите в палитру слоев и уменьшите непрозрачность слоя-фигуры. Мы видим здесь, в моей палитре слоев, что у меня в настоящее время есть два слоя — слой Background внизу, который содержит мою фотографию пряничного человечка, и слой формы над ним, названный «Shape 1». Я могу сказать, что слой-фигура выбран, потому что он выделен синим цветом, поэтому для уменьшения его непрозрачности все, что мне нужно сделать, это перейти к параметру «Непрозрачность» в правом верхнем углу палитры слоев и уменьшить значение.Я собираюсь установить непрозрачность примерно на 50%:

Уменьшите непрозрачность слоя-фигуры с помощью параметра «Непрозрачность» в правом верхнем углу палитры «Слои».

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

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

Шаг 5. Продолжить отслеживание объекта

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

Начальная форма вокруг объекта теперь завершена.

Если я посмотрю на слой-фигуру в палитре слоев, то теперь вижу четко очерченную форму пряничного человечка:

Форма объекта теперь четко видна в палитре слоев.

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

Посмотрим, как это сделать дальше!

Шаг 6. Выберите инструмент «Эллипс»

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

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

Шаг 7. Выберите параметр «Вычесть из области формы»

Выбрав инструмент «Эллипс», посмотрите на панель параметров, и вы увидите серию сгруппированных вместе значков, которые выглядят как маленькие квадраты, объединенные по-разному. Эти значки позволяют нам делать такие вещи, как добавление новой формы к текущей форме, вычитание формы из текущей формы или пересечение одной формы с другой. Щелкните третий значок слева, это значок «Вычесть из области формы»:

Щелкните значок «Вычесть из области фигуры» на панели параметров.

Шаг 8: растяните фигуры, чтобы вычесть их из исходной формы

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

Перетаскивание эллиптической формы вокруг левого глаза.

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

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

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

.

Перетаскивание эллиптической формы вокруг правого глаза.

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

Из исходной формы вырезается второе отверстие, образуя второй глаз.

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

Перетаскивание эллиптической формы вокруг верхней кнопки.

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

Из исходной формы вырезается второе отверстие, образуя второй глаз.

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

Перетаскивание эллиптической формы вокруг нижней кнопки.

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

Обе кнопки были вырезаны из исходной формы.

Если я посмотрю на эскиз предварительного просмотра моего слоя-фигуры в палитре слоев в этот момент, я могу увидеть два отверстия для глаз и два отверстия для кнопок, которые я вырезал из формы:

Миниатюра слоя-фигуры теперь показывает вырезанные из фигуры отверстия для глаз и кнопок.

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

Шаг 9: вычтите все оставшиеся детали из формы с помощью инструмента «Перо»

На этом этапе я собираюсь вернуться к своему Pen Tool, потому что у меня есть еще несколько деталей, которые я хочу добавить к своей форме, которые я не смогу выбрать с помощью Ellipse Tool.

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

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

Рот и галстук-бабочка теперь вырезаны из первоначальной формы пряничного человечка с помощью инструмента «Перо».

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

Вычтите ряд сахарной пудры вдоль его левой руки с помощью Pen Tool.

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

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

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

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

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

Шаг 10: Увеличьте непрозрачность слоя-фигуры до 100%

Теперь, когда мы закончили обводить различные части нашего объекта, нам больше не нужно видеть исходное изображение сквозь фигуру, поэтому вернитесь к параметру «Непрозрачность» в правом верхнем углу палитры слоев и установите значение непрозрачности. назад к 100%:

Увеличьте непрозрачность слоя-фигуры до 100%.

Я также собираюсь временно скрыть свой слой Background , щелкнув его значок Layer Visibility (значок «глазное яблоко»), чтобы мы могли видеть только форму на прозрачном фоне. Вам не нужно скрывать слой Background , если вы этого не хотите. Я делаю это только для того, чтобы нам было легче увидеть саму форму:

Щелкните значок «Видимость слоя» для слоя Фон , чтобы временно скрыть его из поля зрения.

Когда мое исходное изображение на слое Background теперь скрыто, а значение непрозрачности моего слоя-фигуры установлено на 100%, вот фигура пряничного человечка, которую я создал:

Готовая фигура пряничного человечка на прозрачном фоне.

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

Шаг 11. Определите форму как произвольную

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

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

Примечание. Если вам когда-нибудь понадобится скрыть контуры контуров вокруг фигуры, просто снова щелкните миниатюру предварительного просмотра слоя-фигуры, чтобы отменить выбор.

Выбрав слой-фигуру и его миниатюру для предварительного просмотра, перейдите в меню «Правка» вверху экрана и выберите «Определить произвольную форму»:

Перейдите в меню «Правка»> «Определить произвольную форму».

Photoshop откроет диалоговое окно «Имя формы», в котором вас попросят ввести имя для вашей формы. Я назову свою фигуру «Колобок»:

.

Введите имя фигуры в диалоговом окне «Имя фигуры».

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

Шаг 12. Откройте новый документ Photoshop

Откройте новый пустой документ Photoshop, перейдя в меню «Файл» вверху экрана и выбрав «Создать»…. Это вызывает диалоговое окно New Document. В рамках этого урока вы можете выбрать любой размер для вашего документа. Я собираюсь выбрать 640×480 пикселей из меню Preset:

Создайте новый пустой документ Photoshop.

Шаг 13: Выберите инструмент Custom Shape Tool

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

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

Шаг 14: Выберите свою индивидуальную форму

Выбрав инструмент Custom Shape Tool, щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), в любом месте документа Photoshop. Вы увидите, что появится поле выбора формы, позволяющее выбрать любую из доступных в настоящее время настраиваемых фигур. Форма, которую вы только что создали, появится как самая последняя фигура в поле выбора. Просто нажмите на маленькую миниатюру, чтобы выбрать ее:

«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) в любом месте документа, чтобы получить доступ к окну выбора формы, затем щелкните миниатюру своей пользовательской формы, чтобы выбрать форму.

Шаг 15: растяните форму

Выбрав свою произвольную форму, просто щелкните внутри документа и вытяните форму! Чтобы ограничить пропорции фигуры при перетаскивании, чтобы случайно не исказить ее внешний вид, при перетаскивании удерживайте нажатой клавишу Shift. Вы также можете удерживать нажатой клавишу Alt (Win) / Option (Mac), если хотите перетащить фигуру из ее центра. Если вам нужно изменить положение фигуры во время перетаскивания, просто удерживайте нажатой клавишу пробела, перетащите фигуру на новое место, затем отпустите клавишу пробела и продолжайте перетаскивать фигуру.

Когда вы вытягиваете фигуру, вы увидите только основной контур появляющейся фигуры:

Базовый контур контура фигуры появляется, когда вы вытягиваете фигуру.

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

Отпустите кнопку мыши, и Photoshop заполнит фигуру цветом.

Мы собираемся закончить работу, посмотрев, как изменить цвет нашей формы, а также как изменить ее размер и повернуть, а затем!

Шаг 16. Дважды щелкните значок слоя-фигуры, чтобы изменить цвет фигуры.

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

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

Откроется палитра цветов Photoshop. Выберите новый цвет для своей формы с помощью палитры цветов. Я собираюсь выбрать коричневый цвет для своего пряничного человечка:

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

Нажмите OK, когда закончите, чтобы выйти из палитры цветов, и к вашей фигуре будет применен новый цвет:

Цвет фигуры изменен.

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

Шаг 17: При необходимости измените размер формы с помощью свободного преобразования

Цвет — не единственное, о чем вам не нужно беспокоиться с формами.Одна из замечательных особенностей работы с фигурами в Photoshop заключается в том, что они используют векторы вместо пикселей, что означает, что вы можете изменять их размер, когда захотите, так часто, как хотите, без потери качества изображения! Если вы решите, что вам нужно в любой момент увеличить или уменьшить фигуру, просто выберите слой фигуры в палитре слоев, а затем используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать Free Transform в Photoshop. коробка и ручки вокруг формы. Измените размер формы, перетащив любой из угловых маркеров.Удерживая нажатой клавишу Shift, перетаскивайте ручки, чтобы ограничить пропорции фигуры, чтобы случайно не исказить ее внешний вид. Вы также можете удерживать Alt (Win) / Option (Mac) при перетаскивании маркеров, чтобы изменить размер формы от ее центра:

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

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

Щелкните и перетащите указатель мыши за пределы поля «Свободное преобразование», чтобы повернуть фигуру.

Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из Free Transform.

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

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

И вот оно! Мы создали начальную форму, обведя объект инструментом «Перо». Мы «вырезаем» мелкие детали в нашей форме, используя комбинацию инструментов «Перо» и «Эллипс», для обоих установлен параметр «Вычесть из области фигуры» на панели параметров.Мы сохранили нашу форму как Custom Shape, используя опцию «Define Custom Shape» в меню Edit. Затем мы создали новый документ Photoshop, выбрали «Custom Shape Tool», выбрали нашу форму в поле выбора формы и перетащили нашу форму внутрь документа. Наконец, мы увидели, как изменить цвет, размер и угол формы в любое время!

Куда идти дальше …

Это охватывает основы создания и использования пользовательских фигур в Photoshop и подводит нас к концу части 1 нашего руководства «Пользовательские формы для цифрового скрапбукинга».В части 2 мы рассмотрим, как собрать несколько созданных нами фигур и сохранить их как наборы Custom Shape! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

форматов файлов Photoshop — Краткое руководство

Автор Стив Паттерсон.

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

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

Загрузите это руководство в виде готового к печати PDF-файла!

Photoshop .PSD

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

Файлы

PSD — ваш лучший выбор для использования в качестве мастер-файлов и для архивирования на CD, DVD или внешний жесткий диск для безопасного хранения.Если вы выполнили какую-либо работу по редактированию изображения и есть хотя бы малейшая вероятность, что вам придется вернуться к нему снова в какой-то момент в будущем, сохраните свою работу как файл Photoshop PSD. Нет потери качества изображения независимо от того, сколько раз вы повторно открываете и повторно сохраняете PSD, и все ваши слои, маски слоев, корректирующие слои и т. Д. Будут сохранены как часть файла, что позволит вам вернуться в любое время и внести изменения в изображение или продолжить работу с того места, где вы остановились.

Вы можете легко распечатать свои изображения дома с помощью Photoshop прямо из файла PSD, и многие коммерческие принтеры теперь также могут принимать PSD, хотя некоторым по-прежнему может потребоваться версия файла в формате EPS или TIFF, поэтому всегда лучше посоветуйтесь со своим принтером, чтобы убедиться, что вы предоставляете им нужный формат.Одним из новых преимуществ файлов PSD является то, что теперь их можно импортировать непосредственно в Adobe InDesign, что дает вам полный доступ к отдельным слоям в файле при разработке макетов страниц. Вы даже можете повторно открыть PSD-файл в Photoshop прямо из InDesign, внести изменения в файл, сохранить его и немедленно обновить изменения в вашем макете!

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

JPEG

Формат JPEG (Joint Photographic Expert Group) существует уже почти 20 лет и стал самым популярным и широко используемым форматом файлов для просмотра и обмена цифровыми фотографиями .Он поддерживает 24-битный цвет, что означает, что он может воспроизводить примерно 16,7 миллиона цветов, и даже самые дешевые цифровые камеры могут захватывать изображения в виде файлов JPEG. Большинство цифровых зеркальных фотоаппаратов высокого класса позволяют снимать изображения в формате JPEG или RAW.

Однако важно не путать «популярное» и «широко используемое» с «профессиональным качеством». JPEG — это так называемый формат файла с потерями , потому что он сжимает изображения, что по сути означает, что он берет часть информации об изображении и выбрасывает ее в виртуальное окно, чтобы ее больше никогда не видели.Это делается для уменьшения размера файла, но чем больше сжатия вы используете, тем хуже выглядят ваши изображения. Вы контролируете степень сжатия, применяемого к файлу, с помощью параметра «Качество», который появляется в Photoshop при его сохранении. Достаточно высокое качество изображения может по-прежнему создавать великолепно выглядящие изображения, но размер вашего файла будет больше. Более низкие настройки качества могут привести к очень маленьким размерам файлов, но если установить слишком низкий , вы получите уродливые и очевидные артефакты сжатия.

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

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

Одна вещь, которую вы, по возможности, старайтесь избегать, — это многократное повторное сохранение файлов JPEG. Каждый раз, открывая и повторно сохраняя его, вы добавляете еще большее сжатие к изображению, и это не займет много времени, чтобы все стало некрасиво. Как только детали изображения исчезнут, вы никогда не сможете их вернуть (если, конечно, вы не прочитали первую часть этой статьи и не сохранили мастер-копию оригинала в виде файла Photoshop PSD).

GIF

Формат файла GIF, который расшифровывается как Graphics Interchange Format, существует даже дольше, чем JPEG, и это предпочтительный формат для веб-графики . Обратите внимание, я сказал веб- графика , а не веб- фотографии . Файлы GIF могут отображать только до 256 цветов, что намного меньше, чем тысячи цветов, необходимых для убедительного воспроизведения фотографического изображения (и гораздо меньше, чем миллионы цветов, поддерживаемые форматом JPEG).

Когда дело доходит до веб-дизайна, формат GIF незаменим.Файлы хорошо подходят для макетов веб-страниц, баннеров и кнопок, особенно если они содержат большие области сплошного цвета. Все основные веб-браузеры поддерживают файлы GIF, и их файлы небольшого размера быстро загружаются на экран. GIF также позволяет веб-дизайнерам создавать простые анимации. Одно из основных преимуществ GIF перед форматом JPEG и еще одна причина, по которой он так важен для веб-дизайнеров, заключается в том, что он поддерживает прозрачность , хотя поддерживает только один уровень прозрачности, то есть пиксель либо прозрачен, либо нет.Это может привести к резким краям вокруг графики, если цвет краев отличается от цвета фона, на котором они размещены. Для получения более качественных эффектов прозрачности лучше выбрать формат PNG.

PNG

PNG (Portable Network Graphics) изначально предназначался для замены формата GIF (PNG также означает «PNG, а не GIF»). Этого никогда не происходило, и файлы GIF все еще широко используются сегодня, но формат PNG улучшает формат GIF почти во всех отношениях. Он даже улучшает формат JPEG.В то время как файлы JPEG поддерживают 24-битный цвет (16,7 миллиона цветов), файлы PNG поддерживают до 48-битного цвета, что дает нам более 1 миллиарда возможных цветов! Это может показаться впечатляющим, но даже файлы JPEG поддерживают больше цветов, чем может видеть человеческий глаз, поэтому любые реальные различия между 24- и 48-битным цветом в лучшем случае минимальны.

Самым большим преимуществом перед JPEG является то, что PNG — это формат файла без потерь , что означает, что даже несмотря на то, что он по-прежнему сжимает изображения для уменьшения размера файла, используемый им метод сжатия не приводит к потере качества изображения.Вы даже можете повторно сохранить один и тот же файл PNG несколько раз без ухудшения его качества, тогда как файлы JPEG выглядят хуже каждый раз, когда вы их повторно сохраняете. Формат PNG с более чем миллиардом возможных цветов и сжатием без потерь является отличным выбором для сохранения цифровых фотографий в качестве оригиналов высокого качества. Обратной стороной является то, что PNG не так широко поддерживается, как формат JPEG, а PNG не поддерживает цвет CMYK, что означает, что коммерческие принтеры не могут их использовать. Для повседневного просмотра и обмена цифровыми фотографиями формат JPEG по-прежнему более полезен и удобен, даже если качество изображения не такое хорошее.

Основное преимущество

PNG перед файлами GIF, помимо того, что намного превышает ограничение в 256 цветов для GIF, заключается в том, что он может воспроизводить полные 256 уровней прозрачности по сравнению с одноуровневым GIF, обеспечивая плавные переходы по краям, не беспокоясь о совпадении краев с цвет фона. Файлы PNG также обычно меньше файлов GIF, поэтому в веб-браузере они загружаются еще быстрее. К сожалению, старые веб-браузеры могут не поддерживать формат PNG, что означает, что GIF по-прежнему является самым безопасным выбором, когда совместимость браузера является вашей основной проблемой.Кроме того, в то время как GIF поддерживает анимацию, PNG — нет. Файлы PNG чаще всего используются в мультимедийных программах, таких как Flash, а также в презентациях Keynote и PowerPoint.

TIFF

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

Несмотря на то, что файлы TIFF могут хранить все слои, корректирующие слои и другие элементы, добавленные в Photoshop, обычно рекомендуется сохранять все эти элементы в основном файле PSD, а затем использовать формат TIFF для сохранения сведенного изображения. версия изображения для печати. Это позволяет легко определить, просто взглянув на расширение файла, какая версия вашего изображения является основным рабочим файлом (.psd), а это сплющенная, готовая к печати версия (.tif). Кроме того, многие коммерческие принтеры запросят сплющенную версию вашего файла TIFF.

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

EPS

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

PDF

Наконец, хотя большинство людей знакомы с файлами PDF для просмотра, совместного использования и печати электронных документов (отсюда и название Portable Document Format), PDF также набирает популярность как отличный выбор для сохранения изображений, предназначенных для печати. Подобно форматам PSD и TIFF, PDF поддерживает и сохраняет все функции Photoshop, включая возможность использования плашечных цветов, чего не поддерживает формат EPS.PDF дает вам на выбор либо сжатие JPEG с настройкой качества, чтобы сбалансировать качество изображения с размером файла, либо сжатие ZIP без потерь. А формат PDF выигрывает от того факта, что любой, у кого на компьютере установлен бесплатный Adobe Reader, может просматривать изображение.

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

Блог Джулианны Кост | Работа с инструментами формы в Photoshop

Вот мои любимые советы, приемы и ярлыки для работы с инструментами формы в Photoshop.

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

• Щелкните образцы цвета «Заливка» и «Обводка», чтобы выбрать тип содержимого: «Нет» (для прозрачной формы), «Сплошной цвет», «Градиент» или «Узор». Или щелкните образец цвета, чтобы выбрать цвет из палитры цветов или из недавно использованных цветов.

• При добавлении обводок к фигуре щелкните направленный вниз шеврон, чтобы изменить параметры «Выровнять», «Заглушки» и «Углы».Нажмите кнопку «Дополнительные параметры»…

• Чтобы сохранить все параметры для инструмента формы (заливка, обводка, размер и т. Д.), Создайте набор настроек инструмента. Щелкните здесь, чтобы получить дополнительную информацию о предварительных настройках инструментов.

• Используйте следующие ярлыки для быстрого изменения значений формы на панели параметров:

Инструмент «Прямоугольник»: ‘[‘ или ‘]’ уменьшает или увеличивает радиус угла на один пиксель.Добавьте клавишу Shift для увеличения / уменьшения радиуса с шагом 10.

Инструмент «Многоугольник»: «[‘ или] ’уменьшает или увеличивает количество сторон на единицу. Добавьте клавишу Shift, чтобы увеличить / уменьшить количество сторон с шагом 10.

Инструмент «Линия»: ‘[‘ или ‘]’ уменьшает или увеличивает значение веса линии на один пиксель. Добавьте клавишу Shift, чтобы увеличить / уменьшить ширину линии с шагом 10.

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

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

• Добавьте клавишу Shift, чтобы ограничить пропорции при рисовании фигур (ограничение пропорций по умолчанию отключено).

Option -drag (Mac) | Alt -drag (Win), чтобы нарисовать фигуру из центра.

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

Command -drag (Mac) | Control -drag (Win) для изменения угла (поворота) многоугольника во время рисования.

Элементы управления преобразованием на экране — После рисования фигур Photoshop отображает элементы управления преобразованием на экране:

Перетащите любую контрольную точку, чтобы масштабировать форму. По умолчанию функция «Сохранить пропорции» отключена. Добавьте клавишу Shift, чтобы сохранить пропорции.

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

Перетащите контрольную точку радиуса угла, чтобы увеличить / уменьшить радиус формы. По умолчанию радиусы углов связаны: Option -drag (Mac) | Alt -drag (Win), чтобы изменить радиус одного угла. Примечание. Инструменты «Треугольник» и «Многоугольник» имеют один маркер контрольной точки «Радиус угла», который одинаково изменяет округлость всех углов. В настоящее время нет отдельных контрольных точек радиуса угла для инструмента «Треугольник».

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

Примечание. Чтобы применить такие преобразования, как «Наклон», «Искажение», «Перспектива» и «Деформация», выберите «Правка»> «Преобразовать контур», однако это преобразует свойства динамической формы в обычную форму.

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

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

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

• Для просмотра изменений, внесенных с помощью панели «Свойства» в режиме реального времени, вместо ввода значений в текстовые поля (которые требуют нажатия Enter или Return для предварительного просмотра изменений) используйте ползунки Scrubby Photoshop (поместите курсор над названием функции: когда курсор изменится на руку со стрелками, указывающими в обоих направлениях, щелкните и перетащите влево / вправо, чтобы уменьшить / увеличить значения).Вариант — перетаскивание (Mac) | Alt-перетаскивание (Win) увеличивает / уменьшает значения медленнее, тогда как Shift-перетаскивание уменьшает / увеличивает значения быстрее.

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

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

Применение предустановок к формам — Этот пост (Предустановленное поведение панели в Photoshop 2020 v21) раскрывает все, что вам нужно знать о применении образцов, градиентов, узоров и стилей к формам.

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

Выбор формы и слоев формы — Если выбран инструмент «Выделение контура» или «Прямое выделение», при выборе слоя формы на панели «Слои» автоматически отображается контур формы в области изображения (что упрощает быстрое редактирование формы).

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

• Используйте инструмент «Выделение контура» для выделения фигур в области изображения с помощью перетаскивания. Используйте инструмент «Прямое выделение», чтобы перетащить выделенные части фигуры / контура (ов). Чтобы изолировать выделение только от текущего выбранного слоя (или слоев), установите для параметра «Выделение» (на панели параметров) значение «Активные слои».Чтобы перетаскивать фигуры из нескольких слоев, установите для параметра «Выбрать» значение «Все слои».

• Чтобы назначить настраиваемое сочетание клавиш для переключения между активными слоями и всеми слоями, выберите «Правка»> «Сочетания клавиш» и установите «Горячие клавиши для: Инструменты». Прокрутите вниз и введите один символ для переключения режима прямого выбора.

Копирование и вставка атрибутов заливки и обводки — Чтобы скопировать и вставить атрибуты заливки или обводки из одной формы в другую, щелкните правой кнопкой мыши (или Control-щелкните Mac) на панели слоев (справа от имени слоя) и выберите Копировать атрибуты формы.Затем на панели «Слои» выберите слой (-ы) для вставки атрибутов и щелкните правой кнопкой мыши (или Control-щелкните Mac) и выберите «Вставить атрибуты формы».

Выровнять и распределить фигуры — Если на одном слое выбрано несколько фигур, используйте значок «Выравнивание контура» на панели параметров, чтобы выровнять выбранные фигуры (по выделенному фрагменту или холсту) и / или распределить фигуры (в зависимости от размера форма или расстояние между формами).

Скрытие контура слоя-фигуры — Command + H (Mac) | Control + H (Победа) скрывает путь слоя формы. Примечание. При первом использовании этого сочетания клавиш (Command + H) в Mac OS Photoshop отобразит диалоговое окно с вопросом: «Хотите ли вы использовать Command + H, чтобы скрыть Photoshop (стандарт Mac) или скрыть / отобразить выделенные области, направляющие и т. д. (традиционный Photoshop)? » Щелкните «Скрыть дополнительные элементы», если вы не хотите «Скрывать Photoshop» каждый раз при использовании ярлыка. Если вы все же выбрали «Скрыть Photoshop», вы можете изменить это поведение позже, выбрав «Правка»> «Сочетания клавиш». Установите ярлыки для: меню приложений и переключите треугольник раскрытия для меню «Просмотр».Прокрутите вниз до «Дополнительно», снова измените ярлык на Command + H и нажмите «Принять», а затем «ОК».

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

Преобразование фигур в смарт-объекты — Чтобы предотвратить преобразование фигуры с помощью свойств динамической формы в обычную фигуру, сначала преобразуйте фигуру в смарт-объект, а затем примените преобразование. И, если вы сначала создаете слой-фигуру и конвертируете его в смарт-объект, а затем дублируете смарт-объект, когда вы редактируете содержимое смарт-объекта (например, для изменения цвета или радиуса угла формы), все экземпляры этого смарт-объекта будут обновлены.Это видео демонстрирует, как (пример начинается в 8:30).

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

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

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

• Удерживая Option + Shift (Mac) | Alt + Shift (Победа) и перетаскивание фигуры добавляет новую нарисованную фигуру к текущему слою фигуры и отображает пересечение фигур, если два пути перекрываются (Пересечение областей фигуры). Примечание: после того, как вы начнете рисовать фигуру, вы можете отпустить горячие клавиши-модификаторы клавиатуры.

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

• Нажмите кнопку + (плюс), чтобы объединить фигуры (установите операцию контура на панели параметров на Объединение фигур).

• Нажмите клавишу — (минус), чтобы вычесть переднюю форму (установите операцию контура на панели параметров на «Вычесть переднюю форму»).

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

• Коснитесь клавиши * (умножить), чтобы установить операцию контура на «Исключение перекрывающихся фигур». Примечание: для этого сочетания клавиш требуется ввод с расширенной клавиатуры (shift + 8 не работает).

Выше приведены примеры: Объединить формы, Вычесть переднюю форму, Пересечь области формы и Исключить перекрывающиеся формы.

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


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

Атрибуты заливки и обводки — Все фигуры на одном слое формы будут иметь одинаковые атрибуты заливки и обводки.Чтобы применить различные атрибуты к фигурам, поместите каждую фигуру на отдельный слой, выделив фигуру и выбрав «Слой»> «Создать»> «Слой фигуры через вырез». Или воспользуйтесь сочетанием клавиш: Command + Shift + J (Mac) | Control + Shift + J (Победа).

Вставка фигур из Illustrator — Если вы скопируете и вставите форму из Illustrator в Photoshop, результаты будут отличаться в зависимости от типа выбранного слоя:

• Если в Photoshop выбран слой пикселей, вставленная фигура примет заливку образца цвета переднего плана, установленного на панели инструментов.

• Если в Photoshop выбран слой-фигура, вставленная фигура примет заливку из панели параметров.

Сохранение пользовательских фигур — Чтобы сохранить фигуру для повторного использования в будущем, выберите фигуру и выберите «Правка»> «Определить пользовательскую фигуру», чтобы добавить фигуру на панель «Фигуры».

Отображение фотографии внутри фигуры или контура — В Photoshop есть несколько способов отобразить фотографию внутри формы или контура.

• В этом первом примере используется векторная маска для управления тем, какая часть фотографии будет скрыта или открыта.Чтобы создать этот эффект, выберите нужный инструмент «Форма» и установите параметры формы (на панели параметров) для создания контура. Вытяните фигуру (с выделенным фото-слоем), затем выберите «Слой»> «Векторная маска»> «Текущий контур».


• Второй пример показывает фотографию, обрезанную на слой-фигуру. Чтобы создать этот эффект, выберите нужный инструмент фигуры и установите параметры инструмента Фигура (на панели параметров), чтобы нарисовать фигуру. Вытяните фигуру, затем переместите слой фигуры на панели «Слои» так, чтобы фигура находилась под слоем с фотографией.Выбрав целевой слой с фотографией (выбран), выберите «Слой»> «Создать обтравочную маску».


• В третьем примере показана копия слоя фотографии (фотокопия) под слоем-фигурой. Непрозрачность слоя фотокопии уменьшена, а к слою-фигуре применена тень для создания интересного эффекта.

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

Создание новых направляющих из фигуры — Чтобы создать новые направляющие на основе ограничивающей рамки вокруг слоя фигуры, выберите слой «Форма» и выберите «Просмотр»> «Новые направляющие из фигуры». Примечание. Вы также можете создавать направляющие вокруг текстовых слоев и слоев на основе пикселей.

Направляющие, созданные из слоя формы.

Инструменты привязки векторов и преобразования в пиксельную сетку — Если вы увеличите масштаб изображения более 500%, пиксельная сетка автоматически отобразится поверх изображения.По умолчанию Photoshop «привязывает» фигуры, нарисованные с помощью инструментов «Фигура» (а также фигуры, нарисованные с помощью инструментов «Перо»), в пиксельную сетку. Это предотвращает создание мягких, сглаженных краев на фигурах, таких как прямоугольники, и может помочь, когда требуется точное выравнивание фигур. Примечание. Если по какой-либо причине вам нужно отключить «привязку», выберите «Настройки»> «Инструменты»> «Привязать векторные инструменты и преобразовать в пиксельную сетку» и отмените выборку. Чтобы отключить пиксельную сетку, снимите флажок «Пиксельный просмотр» в разделе «Просмотр»> «Показать»> «Пиксельная сетка».

На рисунке ниже показаны три варианта выравнивания формы:

• Первая форма была нарисована с включенными настройками Snap Vector Tools и Transforms to Pixel Grid. В результате все стороны прямоугольника получаются сплошными. Примечание: даже если исходная форма прямоугольника могла быть нарисована не с точным выравниванием по пиксельной сетке, Photoshop автоматически привязал форму прямоугольника к этой сетке, поскольку эта настройка была включена.

• Средняя иллюстрация была нарисована с отключенными настройками Snap Vector Tools и Transforms to Pixel Grid.Это привело к сглаживанию краев (различные уровни непрозрачности), потому что форма прямоугольника не была идеально выровнена по краю пикселя при рисовании прямоугольника.

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

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

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


Выровнять слои (2), Распределить (2), Градиент (8), Направляющие (5), Операции с контурами (1), Панель свойств (6), Контрольная точка (2), Слои формы (6), Смарт-объекты (17) ), Инструменты вектора привязки и преобразования в пиксельную сетку (2), Обводка (3), Преобразование (9)

Как загрузить файл.csh (пользовательская форма Photoshop) — Design Aglow

Photoshop Custom Shapes — это удобные мелочи, которые нужно иметь в своем дизайнерском арсенале. Пользовательская фигура или файл .csh — это набор графических изображений, которые можно использовать для рисования фигур в Photoshop. Инструмент «Произвольная форма» работает точно так же, как инструменты рисования «Прямоугольник», «Овал» и «Круг» в Photoshop, с той лишь разницей, что вместо скучных геометрических фигур вы можете рисовать практически все.
Некоторые из наших продуктов имеют формат Custom Shape (.csh), которые позволяют рисовать дизайны в любом формате изображений в Photoshop без потерь из-за уменьшения / увеличения размера файлов JPG, PSD и Tiff. Это связано с тем, что пользовательские формы имеют векторный формат и при отображении зависят от математического алгоритма, а не от данных пикселей. Векторы можно вставлять крошечными, как пиксель, или большими, как рекламный щит, без каких-либо изменений в внешнем виде дизайна.
КАК УСТАНОВИТЬ ФАЙЛ .CSH (в Photoshop)
1. Откройте Photoshop и выберите РЕДАКТИРОВАТЬ -> МЕНЕДЖЕР ПРЕДУСТАНОВКИ в верхнем меню.
2. Когда появится PRESET MANAGER, выберите «Custom Shapes» в раскрывающемся меню.
3. Выберите «Загрузить».
4. Когда появится диалоговое окно с файлом, найдите файл .csh, который вы загрузили из Design Aglow, и выберите его.
5. Выберите ОК.
Теперь вы увидите предварительный просмотр всех пользовательских форм в наборе в окне Preset Manager. Если вы не видите предварительный просмотр, щелкните крошечную черную стрелку в правом верхнем углу окна Preset Manager. Выберите «БОЛЬШИЕ МАТЕРИАЛЫ».Когда вы уверены, что ваши пользовательские формы загружены, вы можете выбрать «Готово» и начать рисовать с их помощью.
Пользовательские фигуры также работают в Photoshop Elements! Если у вас есть PSE, выполните следующие действия:
Для Mac:
1) Открыть Finder
2) Выберите «Macintosh HD»
3) Выбираем папку «Приложения»
4) Выберите «Adobe Photoshop Elements X» ([где X — номер вашей версии Elements (6, 7 и т. Д.)] 5) Выберите папку «Presets»
6) Выберите папку «Custom Shapes» 7) Перетащите «TEXT_ACCESSORIES_DELIGHTFUL.csh «в папку» Custom Shapes «
8) Перезапустите Photoshop Elements
Для Windows:
1) Откройте Мой компьютер
2) Перейдите в папку «Program Files»
3) Выбираем папку «Adobe»
4) Выберите папку «Photoshop Elements X» [где X — номер вашей версии Elements (6.0, 7.0 и т. Д.)]
5) Выбираем папку «Presets»
6) Выберите папку «Custom Shapes»
7) Перетащите «TEXT_ACCESSORIES_DELIGHTFUL.csh «в папку» Custom Shapes «
8) Перезапустите Photoshop Elements

← Предыдущее сообщение Более поздняя публикация →

.

alexxlab

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *