Как шрифт в фотошопе сделать толще: Как сделать шрифт жирным в Фотошопе

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

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

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

Жирный шрифт в Фотошопе

Как известно, Фотошоп использует в своей работе системные шрифты, и все их свойства работают и в нем. Некоторые шрифты, к примеру, Arial, имеют в своем наборе знаки разной толщины. У данного шрифта это «Bold», «Bold Italic» и «Black».

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

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

Практика

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

1. Выбираем инструмент «Горизонтальный текст» на левой панели инструментов.

2. Пишем необходимый текст. Слой создастся автоматически.

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

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

4. Для вызова палитры настроек шрифта идем в меню «Окно» и выбираем пункт под названием «Символ».

5. В открывшейся палитре выбираем нужный шрифт (Arial), выбираем его «вес», и активируем кнопку «Псевдополужирное».

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

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

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

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

ДА НЕТ

7 хитростей профессиональной работы с типографикой

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

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

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

Пример HTML-страницы

Шаг 1.

Что не так с этим изображением?

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

Шаг 2.

Отступы и пустое пространство

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

Шаг 3.

Интерлиньяж и межстрочное расстояние

Другой способ сделать ваш текст более удобочитаемым – увеличить межстрочное расстояние (Line spacing), или Интерлиньяж (Leading). Интерлиньяж (Leading)

– это попросту вертикальный интервал между строками текста в абзаце.
Достаточное значение интерлиньяжа упрощает переход от строчки к строчке во время чтения. Есть хорошее правило для определения оптимального интерлиньяжа: он должен быть порядка 150% от размера вашего шрифта.
Например, если установлен размер шрифта 12 пунктов, то интерлиньяж будет 18 пунктов. Это простая математика: 12 пунктов x 1.5 = 18 пунктов.

Интерлиньяж (Leading), как и другие настройки, о которых рассказано в этом руководстве можно изменить в программах Photoshop или Illustrator на панели Символ (Character).  В меню Photoshop это Окно > Символ (Window > Character)

, в меню Illustrator — Окно > Текст > Символ (Window > Type > Character).

Шаг 4.

Трекинг и межбуквенное расстояние

Ну вот, текст уже выглядит получше, но для достижения результата близкого к идеалу еще многое нужно сделать.
По умолчанию межбуквенное расстояние во многих шрифтах не оптимизировано для улучшения удобочитаемости. Часто буквы расположены слишком близко друг к другу, и для удобного чтения их нужно разреживать. Межбуквенное расстояние еще называют Трекингом (Tracking).

Не стоит путать Трекингом (Tracking) с Кернингом (Kerning) – это интервал между определенными парами букв.
В данном документе мы совсем немного увеличили значение

Трекинга (Tracking), но все равно это улучшило удобочитаемость и подачу текстового материала.

Шаг 5.

Начертание и выбор шрифта

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

·         Adobe Fontfolio (very expensive)

·         Hoefler and Frere-Jones

·         HvD Fonts

·         DaFont

Шаг 6.

Размер шрифта

Другой способ создать разделение между заголовками и абзацами – это изменить размер текста.

Еще одно полезное правило для заголовков: их размер должен быть в 2-3 раза больше, чем размер текста абзацев. Итак, размер текста в абзаце в данном случае 12 пунктов, так что заголовок будет 32 пункта – это в 2 и 2/3 раза больше.

Шаг 7.

Толщина шрифта

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

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

Шаг 8.

Цвет и контраст

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

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

Кроме снижения нагрузки на глаза, изменение цвета заголовков поможет читателю быстрее заметить их. Даже использование неяркого синего оттенка (как в данном случае) очень сильно меняет ситуацию.
Люди подсознательно воспринимают черный цвет, как “скучный”, а вы же не хотите чтобы так было…

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

Шаг 9.

Экспериментирование

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

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

Шаг 10.

До и после

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

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

Пример HTML-страницы

Другие звуки в комиксах. Создаём текст для комиксов в Фотошоп

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

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

2. Если переводить название этого шрифта, получится что-то типа “куриная задница”. Я не знаю почему так. Мне этот шрифт приглянулся необычной формой и . Думаю вполне уместен в каких-то мультипликационных заголовках и всяком таком. Имеет как прописные, так и строчные символы.

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

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

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

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

7. Утонченный, резковатый, слегка разнузданный. Не знаю где я его видел, то ли в комиксах, то ли в мультиках?

8. Каменно – треснутый шрифт. Подойдет, естественно, для легенд о

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

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

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

Шаг 1

Откройте программу Photoshop. Создайте новый документ (Ctrl + N) или перейдите Файл — Новый (File > New) со следующими размерами: 2000 px по ширине и 2000 px по высоте (Разрешение (resolution) особой роли не играет, т.к. мы используем пиксели). Я назвал новый документ “Текст для книжки с комиксами”.

Шаг 2

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

Примечание переводчика: тип градиента Радиальный (Radial).

Шаг 3

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

Примечание переводчика: автор применяет узор “ Gray Grunge 128 х 128 pixels”, если у вас нет данной текстуры, примените похожую текстуру.

Шаг 4

Кисть (Brush tool (B)), установите размер кисти 1957 px. Вы можете использовать любой цветовой оттенок на своё усмотрение. Теперь добавьте полутон в центре изображения, как показано на скриншоте ниже. Также, поменяйте режим наложения для данного слоя на Свечение (Luminosity), а также уменьшите значение Заливки (Fill) до 16%.

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

Шаг 5

Создайте новый слой. Выберите инструмент Перо (Pen tool (P)), нарисуйте фигуру, как показано на скриншоте ниже.

Шаг 6

Идём в закладку Контуры (Paths), дважды щёлкаем по контуру, который мы только что создали, и выбираем опцию Создать выделение (Make Selection). Нажмите ‘ОК’.

Шаг 7

Залейте выделенную область любым цветовым оттенком на своё усмотрение. Далее, дважды щёлкните по слою с фигурой, чтобы применить следующие стили слоя Наложение цвета (Color Overlay) и Тень (Drop Shadow).

Шаг 8

Добавьте стиль слоя Тень (Drop Shadow)

Шаг 9

Создайте новый слой. Создайте активное выделение, удерживая клавишу ‘Ctrl’+щёлкните по миниатюре слоя с фигурой, которую вы нарисовали в предыдущем действии. Ещё раз выберите полутоновую кисть, примените кисть, как показано на скриншоте ниже. Вы можете использовать любой цветовой оттенок на своё усмотрение.

Шаг 10

Дважды щёлкните по новому слою, чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Не забудьте уменьшить значение Заливки (Fill) до 0%.

Примечание переводчика: тип градиента Линейный (Linear), режим наложения Умножение (Multiply).

Шаг 11

Создайте новый слой. Далее, с помощью инструмента Перо (pen tool), создайте контур вокруг фигуры, которую мы создали. Создайте выделение, а затем залейте выделенную область цветовым оттенком #000000. Расположите данный слой ниже слоя с фигурой.

Шаг 12

Выберите инструмент Горизонтальный текст (type tool), я напишу слово “POW!”, как в данном примере, но вы можете напечатать любое слово на своё усмотрение. Я использовал шрифт Komika Axis, размер шрифта 125.5 pt.

Примечание переводчика: вначале напишите букву “ P” или ту букву, с которой начинается ваш текст, вначале автор применяет стили слоя к слою с буквой “ P”.

Шаг 13

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

Шаг 14

Добавьте стиль слоя Контур (Contour)

Шаг 15

Добавьте стиль слоя Внутреннее свечение (Inner Glow)

Шаг 16

Добавьте стиль слоя Глянец (Satin)

Шаг 17

Буква “P” должна выглядеть, как на скриншоте ниже.

Шаг 18

Помните, мы продублировали слой с буквой “P”, теперь, перейдите на дубликат этого слоя. Используйте клавиши направления со стрелками, нажмите клавишу со стрелкой вправо 5 раз, а также нажмите 5 раз клавишу со стрелкой вниз. При смещении дубликата слоя, должен быть активен инструмент Перемещение (Move tool).

Шаг 19

Находясь на дубликате слоя, который вы только что сместили, ещё раз продублируйте его (сместите полученный дубликат слоя 5 раз вправо и 5 раз вниз). Повторите предыдущие шаги, создав ещё три слоя с буквой “P”. Таким образом, в общем, у вас должно получиться 6 слоёв с буквой “P”, включая оригинальный слой с буквой “P”.

Примечание переводчика: 1. Каждый дубликат слоя смещайте 5 раз вправо и 5 раз вниз 2. Все дубликаты слоёв должны быть ниже оригинального слоя с буквой “ P” 3. Всего дубликатов будет 5.

Шаг 20

Сгруппируйте 5 дубликатов слоёв с буквой “P” в одну группу, а затем примените следующие стили слоя.

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

Шаг 21

Добавьте стиль слоя Внутренняя тень (Inner Shadow)

Шаг 22

Добавьте стиль слоя Глянец (Satin)

Шаг 23

Добавьте стиль слоя Наложение градиента (Gradient Overlay)

Примечание переводчика: тип градиента Линейный (Linear).

Шаг 24

Добавьте стиль слоя Внешнее свечение (Outer Glow)

Шаг 25

Ваша буква “P” должна выглядеть, как на скриншоте ниже.

Шаг 26

Далее, мы применим полутоновую кисть к созданной букве “P”. Перейдите на оригинальный слой с буквой “P”, создайте активное выделение вокруг данной буквы. Создайте новый слой, выберите инструмент Кисть ( Brush tool). Я использовал цветовой оттенок #000000. С помощью полутоновой кисти добавьте полутон на букву, как показано на скриншоте ниже.

Шаг 27

Поменяйте режим наложения для данного слоя на Перекрытие (Overlay).

Шаг 28

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

Шаг 29

Создайте новый слой, выполните активное выделение всех букв от первой до последней буквы (P, O, W, включая восклицательный знак), нажимая и удерживая клавиши ‘Ctrl’ и ‘Shift’. Залейте выделенную область чёрным цветом.

Шаг 30

К созданному слою, примените стиль слоя Тиснение (Bevel and Emboss).

Шаг 31

Уменьшите Заливку (Fill) для данного слоя до 0%.

Шаг 32

Далее, мы повторим Шаг 29, чтобы добавить обводку. Создайте новый слой, расположив его ниже всех слоёв с текстом. Создайте активное выделение всех букв от первой до последней буквы (P, O, W, включая восклицательный знак), нажимая и удерживая клавиши ‘Ctrl’ и ‘Shift’. Залейте данный слой чёрным цветом. К данному слою, добавьте чёрную обводку.

Шаг 33

Преобразуйте данный слой в смарт-объект, щёлкнув правой кнопкой мыши по слою и в появившемся окне выбрав опцию Преобразовать в смарт-объект (Convert to Smart Object). Добавьте стиль слоя Тень (Drop Shadow).

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

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

Основные приемы

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

Вспышки, гром и молния

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

Борьба

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

Смех

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

Плач

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

Призыв о помощи

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

Задержание кого-либо

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

Боль

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

Сон

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

Чихание

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

За обедом

Некоторые герои комиксов очень шумно едят и пьют.

Дикие и домашние животные

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

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

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

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

Любовь и поцелуи

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

Холод и жара

Звуки холода и дрожи и противоположные им горячие и жаркие.

Автомобили

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

Повторяющиеся звуки

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

Удлиненные звуки

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

Другие звуки в комиксах

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

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

Шрифт в комиксе: наборный или рисованный

Выступление 11.11.2010 по Скайпу в Московском комикс-клубе

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

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

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

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

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

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

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

Многим знакома коллекция комиксных шрифтов компании Blambot. Замечательные шрифты, отлично передающие традиции рисованных шрифтов из американских комиксов.

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

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

Никакая готовая библиотека шрифтов не даст вам такого шрифтового разнообразия, как ваша собственная фантазия и талант.

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

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

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

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

И выходные данные…

Подобным образом в своей книге поступил и Крэг Томпсон.

Включая выходные данные…

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

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

Сделать свой шрифт!

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

Следующий шаг — сканирование. Сканировать буквы нужно в черно-белом режиме (или градациях серого, но с высоким контрастом) с довольно высоким разрешением (не менее 600 ДПИ). Затем буквы нужно обработать в графическом редакторе: очистить от ненужных деталей и случайных пятен, затеков чернил и помарок. Если вам не нравится конструкция каких-то символов, например, среди печатных букв несколько букв получились рукописными, их лучше исправить по своему вкусу.

Затем растровый файл открывается в любом векторном графическом редакторе, поддерживающем функции трассировки, и трассируется строго в черно-белом режиме. Лишние объекты (мусор внутри букв) нужно удалить, а количество вершин у букв лучше максимально уменьшить, иначе шрифт будет очень «тяжелым» и с ним неудобно будет работать.

Буквы надо подогнать по размеру и по одной перетаскать через буфер обмена в шрифтовой редактор. В данном случае я использовал Фонтлаб Студио 5.0. Буквы помещаются в соответствующие глифы. Для кириллицы нужно выбрать соответствующую кириллическую кодировку (например, Виндовс 1251 для Виндовс ХР).

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

Шрифт готов! По крайней мере, пока вам не захочется внести в него изменения. Вы можете установить его в систему и начать использовать в своем комиксе.

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

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

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

Что мы будем создавать

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

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

Поэтому мы начнем создавать иллюстрацию в формате A2, а затем обрежем ее под А3. Итак, создайте новый документ со следующими параметрами: ширина — 42.5 см, высота — 59.4 см, разрешение — 300 пикселей на дюйм, цветовой режим — CMYK.

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

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

Для выполнения этого шага я перейду в Illustrator. Мне удобнее писать буквы в нем, но вы можете сделать это и в Photoshop. После того, как вы закончите, скопируйте объект (Command/Ctrl-C):

Вставьте объект в Photoshop, как контур (Command / Ctrl + V и выберите в диалоговом окне «Контур»):

Выберите инструмент «Кисть» (B) с мягкими краями, «Диаметр» — 10 пикселей. Выберите инструмент «Перо» (P), кликните правой кнопкой мыши и выберите из выпадающего меню пункт «Обводка контура». Убедитесь, что в диалоговом окне флажок для опции «Эмуляция нажима» снят и нажмите ОК:

Перейдите в Фильтр> Размытие> Размытие в движении. Задайте для «Угла» значение 60 градусов, для «Силы» — 20. Нажмите OK:

Уменьшите непрозрачность слоя букв примерно до 50% и продублируйте его. Примените к новому слою «Маску слоя» (Слой> Маска слоя> Показать все) и скройте части букв большой черной кистью:

Выберите инструмент «Перо» и прочертите первую световую линию в режиме «Путь»:

Так же, как мы делали раньше, обведите контур кистью с диаметром 10 пикселей. Это лучше сделать вручную, чтобы внешний вид был реалистичным. Периодически меняйте размер кисти на 5, 10 и 15 пикселей и уровень непрозрачности:

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

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

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

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

Обработайте контуры всех букв, пока не получите следующий результат:

Поверх всех слоев добавьте корректирующий слой «Карта градиента» (Слой> Новый корректирующий слой> Карта градиента). Используйте следующие цвета: #000000; #54000c; #D69f0a; #fffee9:

Разметите корректирующий слой в палитре сверху всех остальных слоев. Теперь добавим эффект свечения. Повторите процесс создания контура, но на этот раз используйте большой размер кисти (100-200 пикселей) и включите опцию «Эмуляция давления». В качестве цвета используйте серый 50% (#8c8c8c). Измените режим смешивания слоя на «Экран»:

Обведите все толстые части букв аналогичным образом:

Теперь мы добавим еще более толстые линии с включенной опцией «Эмуляция движения» и белым цветом. Используйте линии разной ширины (25-75 пикселей):

Добавьте толстые «мягкие» линии белого цвета вдоль всех букв:

Скачайте изображение вспышки и перетяните его в основной документ. Поверните его так, чтобы угол между лучами составлял 90 градусов. Установите режим смешивания – «Экран»:

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

Перейдите в Фильтр> Размытие> Размытие по Гауссу, и используйте значение «Радиуса» в 30 пикселей, чтобы смягчить увеличенную часть вспышки:

Создайте несколько дубликатов слоев со вспышками и разместите их по всему изображению:

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

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

Откройте изображение рассеянных огней и перетяните его в основной документ. Установите режим смешивания слоя «Экран»:

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

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

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

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

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

Оставьте включенной опцию «Динамика формы», а для «Рассеивания» задайте значение 550:

Включите опцию «Другая динамика» и задайте для ее параметров следующие значения:

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

Повторите этот процесс:

Теперь нам нужно добавить шум, не исказив цвета и яркость композиции. Выберите серый цвет 50% и залейте им пустой слой. Он будет отображаться коричневым, потому что находится под слоем «Карты градиента»:

Перейдите в Фильтр> Шум> Добавить шум и установите для фильтра максимальное значение «Количества»:

Примените размытие с «Радиусом» 0,8 пикселей (Фильтр> Размытие> Размытие по Гауссу):

Измените режим смешивания слоя на «Яркий свет», «Непрозрачность» — 5%:

Перейдите в Слой> Новый корректирующий слой> Фото фильтр. Выберите «Красный» фильтр:

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

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

Как сделать четкий контур в фотошопе. Создание контуров в фотошоп

Line Art Tutorial Recommended for Intermediate Level Photoshop Users

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

Для успешного выполнения урока вам необходимо уметь работать с инструментом Pen (перо).

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

1) Подготовка слоев

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

Отрегулируйте яркость (Brightness) изображения, используя команду Adjustments>Brightness/Contrast из меню Image.

Сдублируйте (Ctrl+J) исходный слой, назвав новый слой «top».

Создайте еще два новых слоя (меню Layer>New>Layer или Ctrl+Shift+N), разместив их под слоем top.

Залейте один из новых слоев (расположенный над слоем oroginal) белым, переимено- вав его на background, а второй оставьте прозрачным, задав для него имя line art.

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

2) Настройка инструмента Brush (кисть)

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

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

Все это вы можете изучить, рассматривая контур- ные рисунки и комиксы.

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

Перейдем теперь непосредственно к настройке кис- ти (Paint Brush) и настроим ее так, чтобы штрихи, наносимые ею сужались от начала к концу.

Щелкните инстумент кисть, затем выберите вклад- ку Brushes (кисти) в правой верхней части экрана:

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

Теперь перейдем в раздел Shape Dinamics (динамическое изменение формы):

1. Задайте для параметра Control режим Fade (затухание)

2. Задайте желаемое значение затухания

3. Задайте Minimum Diametr (Минимальный диаметр)

(На скриншоте показаны значения Fade=250, Minimum Diameter=27%, но вы можете по- добрать другую комбинацию этих параметров, которая понравится вам больше – поэкспе- риментируйте с двумя этими значениями)

Выберите в качестве foreground colour (цвет переднего плана) – черный (быстро сделать это можно, нажав клавишу D – цвета по умолчанию)

3) Создание контуров (Paths)

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

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

Убедитесь, что для инструмента Pen (перо) задан режим Create New Work Paths (Paths в Photoshop CS):

Создайте контур вокруг внешней части верхней губы, отрегулировав при необходимос- ти положение точек и расположение кривых участков инструментом Direct Selection Tool.

Когда вид контура вас удовлетворит, щелкните правой кнопкой мыши, не снимая выде- ления с конутура, и выберите в раскрывшемся меню пункт Stroke Path (обводка контура).

Щелкнув по пиктограмме глаза в палитре слоев, «верните» видимость слою background. Затем удалите вспомогательный контур (path), щелкнув правой кнопкой мыши и выбрав пункт delete path. Теперь ничто не мешает вам рассмотреть созданную линию. Если вы удовлетворены результатом, снова отключите видимость слоя background и переходите к созданию следующего контура. Если нет – вернитесь с помощью палитры History на ста- дию корректировки вспомогательного контура, нарисованного инструментом Pen и отре- гулируйте его:

Кроме того, полученную линию можно подправить с помощью инструмента Eraser (ластик):

Для создания линий, тонких с обоих концов и утолщающихся к центру (как у внешнего контура нижней губы на рисунке) в настройках кисти (раздел Shape Dynamics) для пара- метра Control измените режим Fade на Pen Pressure со значением Minimum Diameter=1%:

Для таких линий при обводке их с помощью команды Stroke Path включайте режим Simulate Pressure (имитировать нажим).

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

Для создания очень толстых линий, таких, как контуры бровей, мы рисуем замкнутый (то есть, не имеющий разрывов) вспомогательный контур (path), и, при создании линии выби- раем не обводку вспомогательного контура (Stroke Path), а его заливку (Fill Path):

Для создания геометрических фигур – овалов, кругов, квадратов и т.п. – используйте со- ответствующие инструменты Ellipse Tool, Rectangle Tool.

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

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

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

Я написала следующий текст, с помощью инструмента «Horizontal Type Tool» , и выбрала для него настройки, какие подчеркнуты на рисунке ниже.

Теперь нужно выделить наш текст. Про различные способы выделения , Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.

Кликаем Волшебной палочкой по тексту. В результате, он будет выделен. Если бы мы оставили галочку напротив «Contiguous» (Смежные пиксели), то выделилась бы только одна буква, по которой мы кликнули, и пришлось бы кликать по каждой букве, чтобы выделить ее.

Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК» .

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

Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer» (Создать новый слой).

Оставляем выделенным созданный слой «Layer 1» .

Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.

Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

Кликните мышкой внутри выделенного контура и выберите из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК» .

Контур текста будет обведен. В примере, кистью салатового цвета.

Чтобы удалить тонкую серую линию, которой изначально был обведен текст, нажмите «Backspace» . На рисунке через светлый контур просвечивается темная полоска – это уберет ее.

На этом все – мы сделали контур для текста в Фотошопе.

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

Для данного примера это делается так: разблокируйте слой «Background» , удалите слои «Background» и «сайт» , сохраните изображение в формате *.png или *.gif .

Как сделать контур для изображения

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

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

Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).

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

Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.

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

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

Выбираем на панели инструментов «Path Selection Tool» (Выделение контура). Кликаем мышкой внутри выделенного контура и выбираем из меню «Stroke Path» (Выполнить обводку контура).

В следующем окне выберите тот инструмент, который настраивали.

Если отключить видимость основного слоя, получится следующее. Удалить тонкую серую линию контура можно клавишей «Backspace» .

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1» .

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

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

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

Пошаговая инструкция

1. Загрузите в программу Photoshop исходное изображение.

2. Теперь начнем работу с фильтрами. Зайдите в меню «Фильтр» – «Стилизация» – «Выделение краев».

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

3. Теперь так же откройте меню «Фильтр» и перейдите в «Эскиз» – «Ксерокопия». Откроется окно, в правой части которого необходимо выставить следующие параметры: «Детализация» – 9; «Затемненность» – 5. Нажмите кнопку ОК. На заметку: в этом пункте необязательно строго следовать инструкции. Поэкспериментируйте с показателями детализации и затемненности, чтобы добиться наиболее подходящего для вас результата.

4. Перейдите в меню «Изображение» – «Коррекция» – «Яркость/Контрастность» и отрегулируйте с помощью ползунков параметры, пока не добьетесь наиболее подходящего результата.

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

Инструкция

Выделить контур в Фотошопе можно несколькими способами. Самый простой связан с использованием «Волшебной палочки» — Magic Wand. В палитре компонентов ее значок выглядит как палочка со звездочкой на конце. Для корректного выделения контуров Magic Wand следует правильно настроить. Установите в свойствах инструмента параметр Tolerance (допуск) равным 30. Это значение позволит достаточно уверенно отделять контур нужного изображения от фона.

Работать с «Волшебной палочкой» очень просто. Поднесите ее к краю предмета, контур которого вы хотите выделить, и кликните левой кнопкой мышки. Контур части изображения будет выделен. Теперь нажмите Shift и, удерживая клавишу, снова кликните левой кнопкой мыши возле еще не выделенной контуром части изображения. Нажатие Shift позволяет тянуть дальше уже выделенный контур. Продолжайте тем же способом создавать контур. Если вы ошиблись, переключитесь раскладку и нажмите Ctrl + Z – последнее действие будет отменено.

Когда контур будет замкнут, переходите к редактированию выделения. Оно может понадобиться в том случае, если в некоторых участках изображения оконтуривание было выполнено некорректно, и контур срезал часть изображения. Немного уменьшите значение tolerance, затем подведите Magic Wand к захваченной контуром части изображения. Удерживая нажатой клавишу Alt, кликните мышкой ошибочно выделенную область. Контур будет исправлен. Теперь нажмите Del, существующий фон вокруг изображения будет удален и залит фоном, выбранным в палитре компонентов.

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

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

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

Видео по теме

Источники:

• Работа с инструментом «Уточнить край»
• как выделить контур в фотошопе

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

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

• — компьютер с программой Adobe Photoshop;
• — выход в Интернет;
• — сканер;
• — принтер;
• — тушь;
• — алюминиевая или бронзовая пудра;
• — клей для стекла;
• — калька.

Инструкция

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

В маленьких прямоугольных панельках найдите ту, на которой обозначены кисти. Активизируйте ее. Перетащите ее на верхнюю панель или оставьте там, где она есть. Но в любом случае проставьте параметры. Выберите круглую жесткую кисть и задайте ее размер. Если вы никуда ничего не перетаскивали, справа от названия панельки есть стрелка. Нажмите на нее, и перед вами откроется окошко, где нужно проставить размер. Если линии контура тонкие, выберите 2 или 3. Там же вы найдете окошко «Непрозрачность». Установите 100%.

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

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

Определите, какой вам нужен размер рисунка . В меню «Файл» выставите опции для печати. Если вам нужен очень большой рисунок, а принтер позволяет распечатывать только формат А4, разделите ваш эскиз на несколько частей. Распечатайте каждую часть отдельно, на забыв обозначить места для склейки.

Видео по теме

Полезный совет

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

Если вы хотите сделать самодельный витраж, положите рисунок на горизонтальную поверхность и накройте его стеклом. К 5 частям клея по стеклу добавьте 2 части черной туши и 5 частей алюминиевой или бронзовой пудры. Клей лучше взять в баночке и такой, который не очень быстро схватывается. Это может быть, например, ПВА. Герметик не подойдет, а вот с жидким стеклом можно попробовать поэкспериментировать. Перемешайте компоненты. Накладывайте получившуюся краску по контуру мягкой художественной кисточкой. Линия должна быть выпуклой, чтобы жидкий лак, которым вы зальете детали рисунка, не перетекал из одной части витража в другую.

Источники:

• как сделать контур у изображения в 2019

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

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

• — программа Photoshop;
• — изображение.

Инструкция

К наиболее очевидным способам выделения фрагмента картинки четко заданной формы относится применение таких инструментов, как Rectangular Marquee, Elliptical Marquee, Single Row Marquee и Single Column Marquee. При помощи Rectangular Marquee можно выделить участок прямоугольной формы любого размера. Для этого включите инструмент, зажмите левую кнопку мышки и растяните рамку, ограничивающую выделение. Если вам нужно выделить квадратную область , в процессе применения Rectangular Marquee зажмите клавишу Shift.

Для выделения фрагмента эллиптической формы подойдет инструмент Elliptical Marquee. Зажатая в процессе работы клавиша Shift даст возможность выделить круглый участок изображения.

Инструменты Single Row Marquee и Single Column Marquee пригодятся в случае, когда требуется выделить вертикальный или горизонтальный ряд шириной в один пиксель.

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

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

Инструмент Magnetic Lasso служит для быстрого выделения областей с контрастными краями. Перед началом работы установите значение в поле Edge Contrast. При небольшой величине этого параметра инструмент будет реагировать на незначительное изменение контраста. Кликните по краю выделяемого объекта и, отпустив клавишу мыши, обведите фрагмент. Magnetic Lasso проставит на краях области опорные точки. Если последняя опорная точка оказалась не на месте, удалите ее клавишей Backspace. Если требуется, поставьте точку вручную, кликнув по контуру в нужном месте.

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

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

Видео по теме

Источники:

• 5 секретов инструментов выделения в Фотошоп
• как выделить область в фотошопе

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

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

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

Инструкция

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

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

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

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

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

Видео по теме

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

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

• — компьютер;
• — любая версия программы «Фотошоп».

Инструкция

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

Внести изменения в обрабатываемое фото можно на любом этапе редактирования. Правда, пред началом работы вам, естественно, нужно открыть изображение. Для этого достаточно одновременно нажать клавиши клавиатуры Alt+Shift+Ctr+O или в меню «Файл», что на рабочей панели, выбрать опцию «Открыть как», после чего указать место расположения изображения и его формат.

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

Для удобства вы можете воспользоваться «горячими клавишами»: Ctrl+Z – для отмены последнего действия, Shift+Ctrl+Z — для совершения шага вперед и Alt+Ctrl+Z – для выполнения шага назад.

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

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

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

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

Инструкция

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

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

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

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

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

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

Источники:

• Сложное выделение волос за 5 минут в Photoshop CS5

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

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

• Компьютер с установленным «Фотошопом», фотография.

Инструкция

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

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

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

Вернитесь к своей фотографии, чтобы сделать заливку на новом слое. Это действие можно вызвать с помощью сочетания клавиш Shift+F5 или через меню программы: «Правка» – «Заливка» («Edit» – «Fill»). В открывшемся окне выберите «Цвет переднего плана» («Foreground Color») и подтвердите действие. Никакие другие параметры изменять или задавать не нужно. Также можно просто выбрать нужный значок на панели инструментов и кликнуть мышью в нужную область. В результате заливки выбранный вами участок кожи полностью окрасится в необходимый цвет. Не пугайтесь, когда увидите, что пока это еще не похоже на загар.

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

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

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

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

Инструкция

Откройте изображение. Зайдите в меню «Фильтр -> Размытие -> Умное размытие» (Filter -> Blur -> Smart Blur). Выберите режим «Только края». Далее инвертируйте цвета. «Редактирование -> Коррекция -> Инвертировать цвета» (Edit -> correction -> inventirovat color). Или нажмите Ctrl + I.

Создайте новый документ: «Файл -> Создать» (file -> new). Перенесите туда рисунок. Выделите слой, на котором изображен рисунок. Для этого зайдите в палитру слоев. Отключите видимость фонового слоя, то есть щелкните по глазику напротив.

Щелкните по выделенному слою правой кнопкой мыши и выберите «Параметры наложения» (Blending Options). На главной панели в параметре «Наложить, если»(Blend If) перетащите белый ползунок так, чтобы на изображении исчез весь белый цвет. Нажмите ОК.

Создайте новый слой так, чтобы он находился поверх остальных. Зайдите «Слои -> новый слой» (layer -> new layer). Нажмите клавиши Ctrl + E. Или в меню выберите «Слои -> Связать слои» (layer -> link layer). Это действие позволит окончательно вытеснить белый цвет. Далее необходимо выделить фигуру . Нажмите Ctrl и одновременно щелкните мышкой по окну первого слоя.

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

Два способа создания обводки

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

Обводка слоя в «Фотошопе»

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

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

1. Выбрать слой.
2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

• по границе слоя снаружи;
• так, чтобы граница была ее центром;
• по границе внутри.

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

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее — «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Смысл существования двух диалоговых окон «Обводка»

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

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

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

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

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Обводка текста по контуру

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

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

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

Коррекция фигуры в фотошопе

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

Наращиваем мышцы

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

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

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

Теперь выбираем слой с которым мы будем работать, кликнув по нему левой кнопкой мыши и в верхнем меню выбираем «Редактирование» — «Марионеточная деформация».

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

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

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

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

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

После марионеточной деформации у меня получилось следующее:

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

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

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

Вот таким простым способом можно нарастить мышцы в фотошопе.

Как сделать стройную фигуру

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

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

Функцией «Марионеточная деформация» в данном случае пользоваться не обязательно. В результате работы с кистью у меня получилось следующее:

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

Увеличиваем грудь, губы

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

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

Как сделать шрифт тоньше в фотошопе – Telegraph

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

Скачать файл — Как сделать шрифт тоньше в фотошопе

TM Feed Хабрахабр Geektimes Тостер Мой круг Фрилансим. Вот здесь шрифт толще других Как сделать его тоньше? Facebook Вконтакте Twitter Google. Свойство font-weight позволяет задать толщину насыщенность шрифта. Стандартное значение normal соответствует , bold — Написано более года назад. Ответы на вопрос 4 tef tef. Забей, это херня никогда не работала нормально. Просто возьми другой, тонкий шрифт. Ответ написан более года назад. Mini MVC alleroy Изучаю фреймворк laravel. Ваш ответ на вопрос Войдите, чтобы написать ответ Войти через TM ID. Много задач по сайту. Хороший верстальщик срочно за бешенные бабки! Собрать видео-стриминговый ios апп на базе готовых исходников. Выполнить интеграцию Битрикс 24 — Астериск. Войдите на сайт Чтобы задать вопрос и получить на него квалифицированный ответ.

Уроки Фотошоп

Любая жирность любого шрифта Часто бывают ситуации, когда нужно найти шрифт жирнее или тоньше имеющегося. К примеру, получить шрифт, жирнее чем Arial Black, или создать книжную надпись шрифтом тоньше чем Book Antiqua. И зачастую обидно, когда видишь интересный стильный шрифт, который бы пошел в дело, но подходящий по жирности. Есть один простой способ получить нужную толщину шрифта в Corel DRAW. Об этом читайте в уроке. Перейдем сразу к делу. Напишите что-нибудь нужным шрифтом. Для примера я взял распространенный шрифт Arial:. Найдите в главном меню следующий пункт: Inside Внутрь — выберите этот пункт если хотите сделать шрифт тоньше. Outside Наружу — выберите этот пункт если хотите сделать шрифт жирнее. Offset Смещение — на сколько жирнее или тоньше будет Ваш шрифт. Steps Шагов — этот пункт должен всегда быть равен 1. Теперь выберите светлый цвет букв, для того чтобы получившийся результат был лучше виден. Выделите надпись, выберите необходимые пункты для соответствующей жирности и нажмите Apply Применить в докере контура. Но для того, чтобы получившуюся надпись отделить от изначальной, нужно правой кнопкой мыши кликнуть по получившейся надписи иногда нужно изловчиться, чтобы попасть курсором , и в появившемся меню выбрать пункт Break Contour Group Apart Разделить группу контура:. Вот еще примеры шрифтов, полученных этим же способом:. Оригинал урока на vectorbank. Перепечатка урока разрешается при абсолютном сохранении текста, подписи авторских прав и всех ссылок, которые должны быть прямыми. Уроки Corel DRAW Щрифт Элементы дизайна. Пятница, 14 Май Уроки CorelDRAW и PHOTO-PAINT Просмотров: Юрий 15 Май, Спасиб большое, очень полезный урок, глаеное нужный. David 10 Июль, Выбираю контуры и ничего не происходит…. Все комментарии сначала просматриваются администратором. Главная Уроки Новости Подписка Информация. Для примера я взял распространенный шрифт Arial: После выбора пункта справа появится докер контура: Красными цифрами я обозначил важные моменты: Вот что может получиться: Но для того, чтобы получившуюся надпись отделить от изначальной, нужно правой кнопкой мыши кликнуть по получившейся надписи иногда нужно изловчиться, чтобы попасть курсором , и в появившемся меню выбрать пункт Break Contour Group Apart Разделить группу контура: Вот еще примеры шрифтов, полученных этим же способом: Уроки Corel DRAW Щрифт Элементы дизайна Пятница, 14 Май Уроки CorelDRAW и PHOTO-PAINT Просмотров: David 10 Июль, Не получается.

Как сделать шрифт тоньше?

1 понятие принципов уголовного судопроизводства

1 мг сколько килограмм

Форум сайта фотошоп-мастер: Как сделать тоньше шрифт? — Форум сайта фотошоп-мастер

Структура и функции службы безопасности предприятия

Формула кино на полежаевской расписание на сегодня

Уроки Corel. Любая жирность любого шрифта

Можно ли варить замороженное мясо без разморозки

Предложения с описанием действий

Как увеличить толщину текста в Photoshop?

Если вы хотите сделать буквы толще с помощью Photoshop, выполните следующие действия:

1. Откройте новый документ, размер Letter, 300 ppi и прозрачный фон.
2. Убедитесь, что ваш цвет переднего плана черный.
3. На палитре слоев нажмите клавишу Ctrl и одновременно щелкните по слою с вашим текстом .

Нажмите, чтобы увидеть полный ответ

Точно так же вы можете спросить, что такое faux bold в Photoshop?

Если у вас есть шрифт, для которого нет версии жирным шрифтом или курсивом, не переживайте — Photoshop может сделать для вас поддельный жирным шрифтом или курсивом.Их называют faux bold и faux курсивом (не произносите их «fox bold », иначе французы будут очень капризными по этому поводу. Оно произносится «fo», как в «Fe, Fi, Fo, Фум »).

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

Вы можете выполнить следующие общие шаги:

1. Выберите текст, на который вы хотите повлиять.
2. Увеличить размер шрифта до 15 пунктов.
3. Отобразить вкладку «Межсимвольный интервал» диалогового окна «Шрифт».

Из-за этого можно в Word шрифт сделать толще?

Вкладка «Дополнительно» диалогового окна Font . Используйте раскрывающийся список «Масштаб», чтобы указать масштабирования, которое вы хотите применить к символам . можно выбрать из предопределенной шкалы или ввести любое значение от 1% до 600%. Щелкните на ОК.

Как сделать силуэтные шрифты толще?

Как сгущать шрифты в Silhouette Studio с помощью смещения

1. В Silhouette Studio перейдите в окно смещения.
2. Выберите свой дизайн и нажмите «Смещение».
3. Теперь используйте ползунок рядом с «Distance», чтобы сделать шрифт более толстым.
4. Теперь вы перетащите новый дизайн смещения от исходного текста и удалите его.

Утолщение шрифта, у которого нет жирного шрифта |

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

Выбор шрифта

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

Для начала давайте выберем шрифт .

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

Выделение шрифта вручную

Есть два разных способа вручную «полужирным» или жирным шрифтом :

1. Добавление строки

ИЛИ

2. Использование корректора

1.Добавление строки

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

1. Открыть панель Стили линий
2. Увеличьте Толщина линии до желаемой ширины

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

1. Открыть окно Параметры резки
2. Выбрав формулировку, выберите Cut Edge в разделе Cut Style . Это перемещает линию пореза из-за пределов исходного шрифта за пределы добавленной линии.

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

2. Использование инструмента коррекции

Другой вариант увеличения толщины тонкого шрифта — смещение букв.Чтобы компенсировать вашу формулировку:

1. 1 . Выберите свою формулировку
2. Открыть окно смещения
3. Выберите расстояние смещения . Это определит, какой толщины будет ваша окончательная надпись.

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

4. Потяните за новые формы смещения, чтобы отделить их от исходного тонкого шрифта.
5. Открыть окно Цвет заливки
6. Выберите желаемый цвет заливки

Цвет заливки имеет значение только для печатных дизайнов. Для меня толщина букв имела значение для вырезания, поэтому цвет не имел значения.

Использование других инструментов Silhouette Studio®

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

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

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

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

Какой проект вы можете создать с помощью этой подсказки?

Применение нескольких штрихов к тексту в Photoshop

Версия Примечание: Используете Photoshop CC 2020 или более поздней версии? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.

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

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

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

Приступим!

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

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

Начните с создания нового пустого документа Photoshop.Подойдите к меню Файл вверху экрана и выберите Новый или просто нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac). В любом случае открывается диалоговое окно Photoshop New Document . Выберите любой размер, который вам нужен для вашего документа. Я установил для своего документа ширину из 6 дюймов , высоту из 4 дюйма и разрешение из 300 пикселей / дюйм . Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна, и на экране появится новый пустой документ.

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

Чтобы добавить текст в наш документ, нам понадобится Photoshop Type Too l. Выберите его на палитре инструментов или нажмите на клавиатуре букву T , чтобы выбрать его с помощью сочетания клавиш:

Выберите инструмент «Текст» на палитре «Инструменты» или нажмите «T» для сочетания клавиш.

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

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

Выберите шрифт и размер шрифта на панели параметров в верхней части экрана.

Шаг 4. Добавьте текст

Щелкните внутри окна документа и добавьте текст. Я наберу слово «ИНСУЛЬТЫ».После того, как вы добавили текст, нажмите галочку на панели параметров, чтобы принять его и выйти из режима редактирования текста:

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

Шаг 5. Добавьте стиль слоя «Обводка»

Теперь, когда ваш текст добавлен, щелкните значок Layer Styles внизу палитры слоев и выберите Stroke в нижней части появившегося списка стилей слоя:

Выберите «Обводка» из списка стилей слоя.

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

Вокруг текста появляется красная обводка.

Шаг 6. Отрегулируйте размер и положение обводки

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

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

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

Ход после изменения его размера и положения.

Шаг 7. Установите «Заливку» текста на 0%

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

Выделив текстовый слой, поднимитесь наверх палитры слоев. Вы увидите два варианта: «Непрозрачность» и «Заливка». Вы можете скрыть текст, понизив значение Непрозрачности до 0%, но параметр Непрозрачности влияет на все на слое, включая стили слоя, что означает, что мы также будем скрывать обводку. «Заливка», с другой стороны, не влияет на стили слоя.Он скроет все содержимое слоя , кроме , любые стили слоя, которые мы применили к нему, а это означает, что если мы установим значение Заливки на 0%, мы будем скрывать текст, не скрывая обводку! Давайте сделаем это. Снова убедитесь, что текстовый слой выбран (выбранные слои выделены синим) и уменьшите значение Fill до 0% :

Скройте текст, уменьшив Заливку до 0%.

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

При уменьшении значения «Заливка» текст скрывается, но стили слоя остаются видимыми.

Шаг 8: Дублируйте текстовый слой

Пока все хорошо. Мы добавили одну обводку вокруг текста. Здесь мы начинаем добавлять несколько штрихов к тексту. Обычно Photoshop не позволяет нам добавлять более одного штриха к текстовому слою (или слою любого типа), но ничто не говорит о том, что мы не можем делать копии нашего текстового слоя и добавлять разные штрихи к каждой копии! Чтобы сделать каждый штрих видимым, мы просто изменим положение и / или размер каждого штриха!

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

.

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

Шаг 9. Измените цвет обводки и положение исходного текстового слоя

Видите значок «fx» в дальнем правом углу текстового слоя на палитре «Слои» (в более ранних версиях Photoshop отображается круглый значок с буквой «f» внутри)? Когда этот значок виден, это говорит нам о том, что один или несколько стилей слоя в настоящее время прикреплены к слою. Дважды щелкните значок на значке, чтобы вернуться в диалоговое окно «Стиль слоя», затем выберите Обводка в нижней части списка стилей слоев в левой части диалогового окна. Вы увидите, что параметры обводки появятся в среднем столбце.

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

Щелкните образец цвета и выберите новый цвет обводки в палитре цветов.

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

Измените положение обводки на внешнее.

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна Layer Style, и вы увидите, что теперь у вас есть два штриха вокруг ваших букв. Исходная обводка (красная) находится внутри букв, а новая (оранжевая), которую мы только что добавили, находится снаружи. Изменяя положение двух штрихов, мы предотвратили их наложение друг на друга, что позволило нам увидеть их оба одновременно:

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

Нет необходимости останавливаться на двух штрихах, тем более что добавлять их так же легко!

Шаг 10. Еще раз продублируйте исходный текстовый слой

Пока исходный текстовый слой все еще выбран в палитре слоев, нажмите Ctrl + J (Win) / Command + J (Mac), чтобы еще раз продублировать слой, поместив его новую копию прямо над оригиналом. Когда вы закончите, снова щелкните исходный текстовый слой, чтобы выбрать его. Мы собираемся снова изменить цвет обводки, и на этот раз мы также собираемся увеличить ее размер.

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

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

Шаг 11: выберите другой новый цвет для обводки и увеличьте размер обводки

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

Образец цвета показывает текущий цвет обводки.

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

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

Новый штрих теперь выглядит как толстый красный штрих вокруг двух предыдущих штрихов:

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

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

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

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

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

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

Обведенные заголовки в Photoshop Elements

Создание обведенных заголовков в Photoshop Elements немного отличается от их создания в Photoshop / CC (PS / CC). Обведенный заголовок добавит эффектности и визуального интереса к создаваемому вами макету, не отвлекая внимание от дизайна или истории. В PS / CC обводку (контур) можно добавить на тот же слой, что и текст, тогда, когда непрозрачность уменьшается до 0%, текст исчезает, а обводка остается.Примечание. Пользователи Photoshop / CC могут найти аналогичный учебник здесь. Если в Photoshop Elements применить обводку к тому же слою, что и текст, текст и обводка исчезнут при понижении непрозрачности до 0%. Это определенно не то, что вам нужно! В этом уроке мы рассмотрим, как создать выделенный заголовок в Photoshop Elements.

Начните с жирного короткого шрифта

Сначала выберите толстый жирный шрифт и введите желаемый заголовок. Я использую Basic Sans Black. Неважно, какой цвет используется для шрифта, поскольку он не отображается.Скопируйте текстовый слой (Ctrl + J). Переименуйте первый текстовый слой в «оригинальный», а скопированный слой «в рабочий» или как-нибудь так, что вам кажется понятным. Поскольку текстовый слой необходимо упростить, рекомендуется поработать с копией, поэтому, если сделана ошибка или вы передумаете, можно легко начать заново, используя исходный текстовый слой.

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

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

Если заголовок вас устраивает, вы можете просто добавить обводку на отдельный слой. Сначала добавьте новый слой над слоем с упрощенным текстом.Переименуйте новый слой в «Обводка» или «Контур». Затем, выделив текстовый слой, удерживайте Ctrl и щелкните миниатюру, чтобы выделить текст. Затем, выбрав слой Stroke, перейдите в Edit> Stroke (Outline) Selection. Установите ширину, цвет и расположение обводки. Это те настройки, которые я использовал, но они будут отличаться в зависимости от вашего текста и желаемой толщины контура заголовка. Когда вы будете удовлетворены, нажмите ОК. При необходимости всегда можно вернуться (Ctrl + Z).

Отключить текстовый слой

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

Дополнительный совет: добавить обводку на том же или на отдельном слое?

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

Или удерживайте Shift + число, чтобы выбрать видимость. Например: 1 = 10%, 2 = 20%, 3 = 30% и так далее до 0 = 100%.

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

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

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

Альтернативные очерченные дизайны

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

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

Затем слои O и V были наложены и объединены. L и E были расположены немного шире, и ко всем добавлены центральная обводка и тень.

Наконец, я просто добавил немного места между буквами, объединил их и вырезал бумагу LJS Designs из ее бумаг Vintage Flea Market. Эти работы были включены в класс чемпионов января 2017 года.

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

Сохранить

Как набросать текст в Photoshop, учебник

---

Есть 2 варианта контурных шрифтов. Первый — это эффект, при котором вы создаете контур шрифта, например обводку или фаску.

эффект контура. для Photoshop CC здесь

---

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

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

Превращение текста в контур произвольной формы (Боевой ангел Алита)

Давайте начнем с фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта), которую я недавно сделал. Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

Здесь вы можете увидеть 2 фрагмента текста на странице, довольно простой материал.

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

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

Шаг 7

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

Преобразование текста в Photoshop

Шаг 8

Выбрав текстовый слой на панели «Слои», нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

Щелкните правой кнопкой мыши для параметров и выберите Искажение

Шаг 12

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

Изменение цвета заливки текста.

Step 13

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

Выберите типовой слой на панели слоев

Шаг 14

Выберите инструмент прямого выбора (он отличается от инструмента перемещения)

Шаг 15

Перейдите в верхнюю часть панели параметров инструмента и щелкните в поле «Заполнить».

Step 16

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

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками здесь, в PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

Увидимся в CAFE

Colin

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

---

Встраиваемые шрифты — с InDesign, Photoshop и Illustrator

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

Содержание статьи:

Зачем встраивать шрифты?

Вероятно, на вашем компьютере установлено множество разнообразных шрифтов, таких как классический шрифт Helvetica или декоративные курсивные шрифты для любого случая. И вы наверняка сталкивались со следующей проблемой в таких программах, как Word или PowerPoint: вы тратите много времени и усилий на создание правильного и визуально привлекательного документа.Но после отправки документа, например, коллеге, все в вашем документе внезапно выглядит совершенно иначе, потому что шрифты были заменены автоматически. Аналогичный эффект может иметь место в художественных документах, в которые не встроены шрифты. При создании обложки вы обычно выбираете шрифт для своего проекта, размещаете текст с этим шрифтом в своем документе и, наконец, экспортируете готовый проект в формате PDF. Когда вы загружаете файл PDF с художественным оформлением в типографию, в нем могут быть не те шрифты, которые вы использовали.В результате изображение может печататься неправильно.

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

Что происходит при встраивании шрифтов?

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

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

Экспорт шрифтов из InDesign

InDesign автоматически встраивает все шрифты при экспорте файла при условии, что это разрешено условиями лицензирования поставщика. Чтобы убедиться, что все шрифты включены при экспорте вашей работы в формате PDF, перейдите на вкладку «Дополнительно» в окне «Экспорт» InDesign.

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

Проверить встраивание шрифтов

Если шрифты не были правильно экспортированы, Adobe заменит их стандартными шрифтами в документе PDF. В одних случаях это сразу видно, в других — нет. Чтобы проверить, все ли желаемые шрифты были экспортированы правильно, вы можете просмотреть настройки экспорта шрифтов в Adobe Acrobat. Для этого щелкните правой кнопкой мыши открытый документ и выберите Свойства документа в контекстном меню. Откроется окно с разными вкладками, где вы можете просмотреть настройки экспорта.На вкладке «Шрифты» отображается список всех шрифтов в документе.

Важна информация после шрифта:

• Название шрифта ( встроенный ): Шрифт полностью внедрен.
• Название шрифта ( встроенное подмножество ): шрифт частично встроен.
• Название шрифта : Шрифт не внедрен.

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

Преобразование шрифтов в контуры

Если невозможно внедрить шрифт или он неправильно отображается в PDF, несмотря на то, что он встроен, необходимо преобразовать шрифт в контуры. Могут возникать ошибки отображения в PDF-файле, например, из-за того, что создатель типа шрифта не в точности следовал типографским спецификациям.Хотя шрифт выглядит хорошо, его нельзя правильно обработать. Такие программы, как Adobe Acrobat, пытаются исправить такие ошибки или пересчитать, что в большинстве случаев усугубляет проблему. В результате возникают незначительные пиксельные ошибки или отсутствуют элементы очень курсивных шрифтов. Взгляните на PDF-файл, чтобы узнать, так ли это. Для этого увеличьте заголовок с помощью лупы или сочетания клавиш CTRL & +/-. Проверьте наличие ошибок шрифта, используя высокий коэффициент масштабирования. Повторите эту проверку для всех остальных частей текста.

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

Чтобы преобразовать текст в контуры в InDesign, выберите соответствующий текстовый фрейм и нажмите «Создать контуры».

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

Резюме: правильный рабочий процесс в InDesign

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

Шаг 1. Создайте проект InDesign

Разместите текст любым шрифтом и размером точки в вашем печатном проекте.Стандартные шрифты, такие как Arial, Helvetica, Futura или Frutiger, всегда будут экспортированы без проблем. При использовании шрифтов, загруженных из Интернета, вы должны проверить, был ли экспорт успешным.

Шаг 2. Экспорт из InDesign

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

Шаг 3. Проверьте экспортированный файл обложки PDF.

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

Если шрифт не встроен, его необходимо преобразовать в контуры в документе InDesign:

Загрузить инфографику

Загрузить пошаговую инструкцию на «Проверка экспортированных графических изображений PDF и встраивание шрифтов» в виде инфографики.Скачать

Встраивание шрифтов с помощью Photoshop и Illustrator

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

Photoshop

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

Чтобы создать PDF-файл из Photoshop, нажмите «Файл»> «Сохранить как» и выберите Photoshop PDF в качестве формата файла. По сравнению с InDesign или Illustrator, окно экспорта Photoshop содержит только ограниченный набор параметров настройки.

Illustrator

Будучи программой для работы с векторной графикой, Illustrator лучше подходит для экспорта PDF-файлов. После того, как вы разместите текст в документе, Illustrator будет рассматривать его как текстовый слой и соответствующим образом внедрять тип во время экспорта. Процесс сохранения идентичен InDesign. Illustrator также позволяет преобразовывать текст в контуры. Мы рекомендуем этот шаг только в том случае, если вы не можете встроить тип шрифта, например, из-за лицензионных ограничений. Выделите текст и нажмите «Объект»> «Преобразовать».Текстовый фрейм растворяется, и шрифт преобразуется в контуры. Процесс был успешным, если синий текстовый фрейм вокруг всего текста исчез, а вместо этого была выделена каждая буква. Текст больше нельзя редактировать.

Чтобы создать PDF-файл в Illustrator, нажмите «Файл»> «Сохранить как» и выберите PDF-файл в качестве формата файла. Окно экспорта открывается с панелью «Дополнительно», которая идентична своему аналогу в InDesign. Здесь вы можете проверить, действительно ли текст встроен в PDF-файл при экспорте документа.

Источники:

Автор средств массовой информации Кристоф Ульрих.

Как создать собственный шрифт с помощью Illustrator и FontForge

Serif

С выступающими акцентами на концах букв, шрифты Serif имеют висячие акценты на всех буквах; представитель римских колонн. Подумайте о Times New Roman.

Sans-Serif

Sans (без) Serif (выступ). Шрифты без засечек имеют торцы без дополнительных функций. Ха … задницы.(Срок погашения переоценен).

Каллиграфия / одиночный штрих

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

Пузырь / Мультипликация

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

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

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