Кисти надписи для фотошопа: Как сделать надпись текста видом кисти? — Хабр Q&A

alexxlab
Кист |

Содержание

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

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

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

Шаг 1.

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

Создайте новый документ размером 1400 х 700 px. Далее используйте инструмент Градиент (Gradient Tool) и залейте с его помощью фоновый слой переходом от светло-синего до голубого.

Шаг 2.

Создание фона

Теперь используйте набор «облаков кистей», которые расположены в материалах к данному уроку. Используйте белый цвет и на новом слое нарисуйте композицию из облаков по вашему усмотрению. Это 2 слоя будут служить нашим фоном.

Шаг 3.

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

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

Шаг 4.

Рисуем надпись из облаков

Загрузим кисти «Дыма» в Фотошоп и используем следующую кисть:


Далее нажмем «F5» для того чтобы активировать окно настройки Кистей.

После этого применим следующие настройки:


Также убедитесь, что поставлены галочки напротив Сглаживание (Smoothing) и Защита Текстуры (Protect Texture).

Аккуратно используя инструмент Кисть (Brush Tool (B), рисуем поверх текста, используя соответствующий размер кисти.



Шаг 5.

Промежуточный результат

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

Шаг 6.

Добавление эффектов

Затем на этом нарисованном слое, активируем Стиль Слоя (Layer Style) и там эффект «Тиснения» (Bevel and Emboss), со следующими настройками:

У нас должно получиться следующие:


Шаг 7.

Добавление эффектов

Затем добавим немного ретуши на наш слой. Увеличим резкость с помощью фильтра Контурная резкость (Unsharpen Mask) со следующими настройками:


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


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

Шаг 8.

Финальный результат

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

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

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

Brushes_Team — FAQ — Часто Задаваемые Вопросы, а также очень полезная информация.

Об этом написано очень подробно в специальном разделе сайта make-avatar:

.

Авторские права

Авторские права распространяются на созданное кем-то, не смотря на то, написано где-то предупреждение о том, кому принадлежит авторское право или не анписано.

Во-первых, я всей душой уважаю авторские права и призываю всех им следовать:

  • Не присваивайте себе авторство на чужие кисти
  • Сохарняя любой набор кистей или ещё чего-то, обязательно пишите в его названии (или описании) имя автора.
    • Это будет удобней и вам (если вдруг нужно будет сказать, откуда и чья это кисть, например, или найти ещё работы этого автора)
    • и вы также отдадите дань уважения автору, не просто вычеркнув его из памяти, воспользовавшись его трудом.
  • Если вы выкладываете не своё набор кистей — обязательно указывайте автора.
  • О нарушении авторских в сообществе прав сообщайте мне.

Про кисти

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

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

Часто в сообществе задаются странные вопросы в стиле:

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

  • Просто можно набрать нужное слово в поиске на страницах с бесплатными изображениями (предварительно посмотрев, как оно будет писаться по-английски):
    • superstock — Оригинальные, красивые, без надписей (после простой регистрации) фотографии;
    • stockxchg — можно найти реально хорошие изображения и stock images. 🙂 Рекомендовано зарегиться, чтобы смотреть большие изображения.
    • kinomania — хороший ресурс с фотографиями актеров и актрис
    • Getty Images — бесплатные фотографии, можно искать по ключевому слову.
    • Deviantart — любимый сайт аватаромейщика: здесь можно найти кучу фоток и рисунков, кистей, а также выложить свои.
    • Veer ; Flikr — photo sharing
  • Можно также набрать в поисковиках нужное вам слово/имя (Русских: Ya.ru; Rambler; Google.ru или Английских: Google; Yahoo) и вы найдете массу изображений, которые сможете использовать!
Очень вас прошу — не применяйте кисть там, где она не нужна!
  • Посмотрите стандартные Фигуры (Shapes) в фотошопе — там чего только нет! Как открыть фигуры. Для того, чтобы фигуры получались пропорциональными, удерживайте Shift, растягивая их. После того, как отпустите мышь, отпускайте и Shift.
  • Нужны изображения собак, готов, марихуаны, «в романтическом стиле», «в день рождественском стиле», с аниме — найдите изображения, рисунки!
  • Нужен мелкий шрифт, а кисти нет — уменьшите настоящий текст до размера в 2px.

Кисть по-английски произносится как [браш] (brush), а ну бруш, а если вы думаете, что читаете по-немецки, то тоже ошибаетесь: на немеком кисть — Pinsel.

Я потеряла все свои кисти с переустновкой!

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

Как создать кисть, как сделать из нескольких кистей набор?

Ответ в том же разделе make-avatar. «О кистях».

Как скачать кисти/что-то ещё с Devianart’а?

Под картинкой нажмите на надпись «Download to Desktop»

Как посмотреть abr файлы, не заходя в Фотошоп?

ABR Viewer

Как пользоваться текстурами?

В комментариях я (ник Brushes Team) объяснила всё.

Как загружать Patternы?

По аналогии с кистями и градиентами.

Где взять patternы?

Вот здесь большой выбор:

Как улучшить чёткость?

Filter >> Sharpen >> Sharpen

Как уменьшить вес аватара?

Обычный аватар — File >> Save for web.

Про анимированный аватар читайте здесь.

У меня почему-то все кисти черно-белые, без цвета.

Поменяйте при создании нового документа в Color Mode настройку на «RGB color».
Если картинка – просто выделите ее Rectangular Marquee Tool, затем жмите копировать (Edit >> Copy или просто Ctrl+C), создавайте новый документ с RGB color и жмите вставить: Edit >> Paste (Ctrl+V)

Как сделать анимацию?

Для этого есть Image Ready — программа, идущая дополнением к Photoshop’у. И два урока:

Аватар «не двигается» после сохранения.

Сохранять анимированные аватары нужно только в формате GIF, он единственный поддерживает анимацию. Делается это так: File >> Save Optimized as >> GIF

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

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

Как сделать паттерны (квадратики, клетки, косые полоски и т.п.)

Урок здесь.

Как делается пунктирная рамка?

урок

Как сделать эффект идущего дождя?

Урок выложен здесь.

Эффект «после дождя»,

Об этом читайте здесь.

Halftone effect

Здесь

Как делаются линии и кривые из точек?

Читайте в легком уроке на make-avatar. Сайт создан в системе uCoz

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

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

поможет внести оригинальную нотку в ваш проект!

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

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

Шаг 2

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

Совет

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

Шаг 3

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

Шаг 4

На индикаторе основного и фонового цветов: для основного цвета выбираем светло-зеленый цвет, а для фонового темно-зеленый.

Шаг 5

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

Шаг 6

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

Шаг 7 Измените параметры кисти, добавив к ней Рассеивание.

Шаг 8

Снова выделяем наш текст (клик по слою с зажатым Ctrl) и применяем команду Выделение — Модификация – Растушевка с параметром 3. Должно получиться так:

Шаг 9

Теперь добавим к получившейся надписи немного объема. Создаем новый слой, не убирая выделение. Изменяем параметр кисти Интервалы на 50%:

Шаг 10

Чтобы было наглядней, добавляем к новому слою эффект Тень (параметры оставляем стандартными).

Шаг 11

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

В результате у вас должно получиться следующее: