Linked Letters — урок Photoshop от Janee

Linked Letters

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

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

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

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

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

1. Создание центральной буквы.
ПРИМЕЧАНИЕ. Для ясности я буду называть внешние буквы буквами J и E, а внутренние буквы буквами A. Конечно, это будет работать для любых букв, которые вы выберете. <г>

а. Начать:

  • Файл -> Новый.
  • Сделайте свой холст 1000×1000 пикселей и, для Интернета, 72 ppi. Если планируете печатать, используйте 300 ppi. Убедитесь, что вы находитесь в режиме RGB.
  • Щелкните вкладку «Каналы», чтобы открыть палитру «Каналы».
  • Щелкните значок «Создать новый канал» (тот, что рядом с корзиной).
  • Дважды щелкните новый канал Alpha 1 в палитре и назовите этот канал «ORIGINAL». (В версии 5 убедитесь, что установлен флажок «Замаскированные области».)
  • Введите букву d, чтобы ваши цвета стали цветами по умолчанию. В палитре каналов это белое на черном. (По умолчанию в палитре слоев черный на белом!)

б. Сделайте свое Оригинальное письмо в Альфа-канале:

  • Выберите инструмент «Текст».
  • Выберите шрифт и размер. Это будет ваша центральная буква. Так как вы собираетесь зацикливать внешние буквы вокруг нее, используйте букву с широким основанием, а не узкую букву.
  • Наберите большую букву на черном фоне. Эй! Он становится красным! Не паникуйте.
  • Нажмите на название канала в палитре каналов, и оно превратит букву в белую, и появятся муравьи выбора.
  • Ctrl-d для отмены выбора.

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

В версии 5 кнопка буква будет белой, как только вы ее наберете, она также не будет выделена.)

в. Теперь создадим канал текстуры:

.
  • Дублируйте «Исходный» канал, перетащив этот канал на значок нового канала.
  • Назовите дубликат канала «ТЕКСТУРА».
  • Щелкните канал ТЕКСТУРА в палитре каналов, чтобы выбрать его. (Вы выбираете канал, а не букву. Сейчас марширующих муравьев быть не должно. Если есть, Ctrl-D.)
  • Нажмите «Фильтр» -> «Размытие» -> «Размытие по Гауссу» и выберите параметр, обеспечивающий довольно хорошее размытие, но оставляющий букву четко читаемой. Нажмите «ОК».

Файл -> Сохранить как и выберите имя для вашего файла. Оставьте формат .psd.

  • Чтобы обрезать размытую букву, нажмите «ОРИГИНАЛ» в палитре «Каналы», удерживая нажатой клавишу «Ctrl». В размытой букве теперь бегают марширующие муравьи.
  • Выберите Select -> Inverse -> и нажмите клавишу Delete.
  • Ctrl-D для отмены выбора.

д. Время для цвета!

  • Щелкните палитру «Слои» и создайте новый слой, щелкнув значок «Создать новый слой» в нижней части палитры «Слои».
  • Щелкните этот слой в палитре слоев, чтобы выбрать его.
  • Выберите цвет письма с помощью палитры переднего плана.
  • Alt-Backspace, чтобы заполнить слой вашим цветом. Теперь у вас есть слой, заполненный сплошным цветом. Буквы не видно.
  • Ctrl-S для сохранения.

 

эл. Хорошо, а теперь самое интересное, перенос буквы через канал текстуры! Вот как:

  • Фильтр -> Рендеринг -> Световые эффекты.
  • В появившемся диалоговом окне обязательно выберите ТЕКСТУРА в раскрывающемся списке «текстура». Если вы этого не сделаете, ваше письмо будет просто плоским.
  • Светите прожектором до тех пор, пока вам не понравится эффект, который вы получите. Поэкспериментируйте с различными настройками. Нажмите OK, когда найдете подходящий эффект. (См. ниже.)
  • Ctrl-s для сохранения.

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

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

ч. Обрежьте букву:

  • В палитре каналов щелкните ORIGINAL, удерживая нажатой клавишу Ctrl. По периметру письма, которое вы только что сделали, ходят муравьи.
  • Выберите -> Inverse -> и нажмите клавишу Delete, чтобы обрезать букву.
  • Ctrl-d для отмены выбора.
  • Файл -> Сохранить.
жж
2. Чтобы сделать две другие буквы, используйте несколько зацикленный шрифт.
Я использовал французский сценарий. Для этого золота залейте слой цветом #BEAD90. (Введите этот номер в поле # в нижней части диалогового окна выбора цвета.) Чтобы получить красивое медное золото, попробуйте #CF9F5F.
  • Следуя указаниям шага 1, сделайте две внешние буквы.
  • Делайте их каждый ОТДЕЛЬНО, каждый на своих альфа каналах, и каждый на своем слое. И… это важно… убедитесь, что когда вы применяете Эффекты Освещения, вы используете канал Текстуры для каждой новой буквы по очереди.
  • Не избавляйтесь ни от одного из альфа-каналов. Когда вы закончите с этим, у вас будет 4 слоя — фон, БОЛЬШАЯ буква и две зацикленные буквы — и 6 альфа-каналов, по 2 для каждой буквы.
  • Подпишите все слои с буквами, дважды щелкнув слой в палитре слоев и введя имя. Своим я дал умные названия J, A и E.  (Размечать слои — хорошая привычка. Это может показаться глупым с чем-то вроде этого. У вас есть 3 рабочих слоя, зачем вам их маркировать? . .. Ну, у тебя скоро будет 9слои очень скоро, и они будут очень похожи на маленьком эскизе на палитре слоев. Поверьте мне. Обозначьте их. <строгий взгляд>
    )
  • Ctrl-s для сохранения.
 
3. Изготовление и расстановка теней.

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

а. Сделайте тени.

  • На каждой из букв щелкните маленькую букву f в нижней части палитры слоев, чтобы открыть окно эффектов слоя. (В версии 5 вы можете сделать это: Слой -> Эффекты слоя -> Тень.)
    • Выберите Drop Shadow и задайте настройки, которые вам нравятся.

     

б. Далее мы продублируем и расположим тени для каждой из букв. Вот как:
  • Нажмите «Слой» -> «Стиль слоя» -> «Создать слой». (В версии 5. 5 вы напротив щелкаете маленькую букву f для эффектов на этом слое в палитре слоев. Это вызовет меню эффектов. В этом меню вы увидите «Создать слой». Нажмите на него. Это сделает вашу тень в свой слой!)
    • Теперь продублируйте этот слой с тенью, перетащив его на иконку нового слоя.
    • В палитре слоев расположите слои, как я, справа. Обратите внимание, что есть тень для J и E над A и тень для E над J. Существует тень для A над E и J и тени для E и J под A. Это из-за того, что где тени должны быть в конце.
    • Пока отключите «глаза» на всех теневых слоях.
    • Ctrl-s для сохранения.

     

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

а. Аранжировка:

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

б. Планирование: Решите, где вы хотите, чтобы внешние буквы зацикливались ПОД A. Везде, где внешняя буква идет ПОД A, вы сотрете эту часть внешней буквы.

в. Ссылка:

  • Увеличение области.
  • Удерживая нажатой клавишу Ctrl, щелкните слой A в палитре слоев, чтобы загрузить контур A в качестве выделения.
  • Затем нажмите на слой J в палитре слоев.
  • Выберите жесткий ластик без динамики кисти.
  • Сотрите часть буквы J, которая должна находиться ПОД буквой A. Поскольку вы разрешаете стирать только пиксели J в выбранной области, вы не рискуете испортить остальную часть буквы J. И поскольку вы просто работая над слоем J, вы не рискуете испортить A. Разве слои не прекрасны?
  • Файл -> Сохранить.
  • Точно так же, когда буква А все еще загружена в качестве выделения, щелкните слой Е и сотрите части буквы Е, которые будут находиться ПОД буквой А.
  • Ctrl-s для сохранения.

4. Хорошо…. теперь это выглядит уже довольно круто, но нам нужно больше реализма. Делаем тени! Тени — самая важная часть реалистичности.

Когда вы свяжете буквы, вы увидите, что есть места на буквах J и E, которые должны быть затенены буквой A. Точно так же есть места на букве A, которые должны быть закрашены буквами J и E. В этой следующей части вы должны действительно думать о том, что вы делаете, чтобы сделать это реалистичным.

а. Тень J на ​​A: Теперь мы удалим те части тени J, которые нам не нужны. Вы узнаете, какие части, потому что это будет отображаться как тень J на ​​букве A, где буква J теперь находится ЗА буквой A. Это тень там, где тени быть не должно:

  • Включите глаз для верхней тени буквы J. Это будет глаз, который затеняет букву А. Внимательно посмотрите на него и определите, где тень НЕ должна быть.
  • Удерживая нажатой клавишу Ctrl, щелкните слой A (средняя буква) в палитре слоев, чтобы загрузить контур A в качестве выделения.
  • Затем нажмите на слой с тенью J.
  • Используйте ластик, чтобы стереть то, что вам не нужно, как я изобразил слева.
  • Ctrl-s для сохранения.

б. Теперь проделаем то же самое для своенравных теней E на A.

.
  • Нажмите на верхний слой тени E в палитре слоев.
  • Загрузите свой слой A как выделение.
  • Сотрите ненужные части тени E.
  • Ctrl-s для сохранения.

 

д. Почти готово! Нам все еще нужно иметь дело с тенью А.

  • Включите глаз для ВЕРХНЕЙ тени.

Переместив эту тень над буквой А в палитре слоев, мы сделали ее ПОКРЫВАЮЩЕЙ букву А. Не очень хорошо. над временем А. Оптическая иллюзия!

  • Загрузите слой A как выделение.
  • Выделив верхнюю тень A, нажмите клавишу Delete. Это удалит все пиксели из этого теневого слоя, которые были поверх самого A.

Теперь вы хотите также стереть из верхней части A тени те части, которые находятся поверх J или E, где эта буква находится на ВЕРХУ буквы A. (Если вы думаете об этом, это действительно не так сложно как я это произношу!)

На рисунке справа это будет понятнее. Красные круги вокруг частей верхней тени А, которые закрывают части букв Е и J, которые не должны быть в тени А!

  • Удерживая нажатой клавишу Ctrl, щелкните букву E и, выделив верхнюю тень A в палитре слоев, сотрите ненужные части тени.

 

[Примечание: Еще одна вещь, которую вам, возможно, придется рассмотреть, заключается в следующем: должна ли тень от верхнего хвоста буквы E быть дальше от буквы E, где она затеняет фон, чем там, где она затеняет букву A? Да! Из-за темноты буквы А и небольшого размера этого изображения это здесь не имеет большого значения, но вы должны учитывать это в своей работе.

Если вам нужно сделать часть тени ближе к букве или дальше, вы можете выбрать эту часть тени. Затем Ctrl-Shift-J, чтобы поместить эту часть на отдельный слой. Затем используйте инструмент перемещения, чтобы переместить его на место.]

Сделайте себе крутой фон, если хотите. Затем сохраните файл .psd. а затем вместо выравнивания используйте Файл -> Сохранить копию (в версии 5), Файл -> Сохранить как.. или Файл -> Сохранить для Интернета, чтобы создать .jpg или .gif. (Подробнее о сохранении файлов)

Еще я сделал:

 

  

Студенческая работа:

  ВОЗВРАТ к Архиву Janee’s Учебный указатель

Задавайте вопросы по учебнику на доске объявлений или по электронной почте!

Все материалы на этом сайте © 2001-2003 by myJanee. com Graphic Creations. Никакая его часть не может быть использована без моего письменного разрешения. Если у вас есть вопросы или комментарии об этом сайте или его конструкции, свяжитесь с Джейни по адресу myJanee.com Graphic Creations по электронной почте.

Дизайны, темы, шаблоны и графические элементы Letter для Photoshop на Dribbble

  1. Посмотреть логотип Дисофт. Буква D + стрелка

    Логотип Дисофт. Буква D + стрелка

  2. Посмотреть М

  3. Посмотреть Редизайн логотипа Adobe — дизайн логотипа, брендинг, иконка

    Редизайн логотипа Adobe — дизайн логотипа, брендинг, значок

  4. Посмотреть ИТАЛИЯ

    ИТАЛИЯ

  5. Вид Б

  6. Посмотреть логотип и фирменный стиль A1pro

    Дизайн логотипа и фирменного стиля A1pro

  7. Посмотреть концепцию редизайна логотипа Adobe

    Концепция редизайна логотипа Adobe

  8. Посмотреть монограмму MS — работа в прямом эфире

    Монограмма MS — работа в прямом эфире

  9. Посмотреть Пиксо | Предварительные концепции логотипа

    Пиксо | Предварительные концепции логотипа

  10. Посмотреть Пиксо | Дизайн логотипа

    Пиксо | Дизайн логотипа

  11. Вид А — Л

  12. Просмотр композиции

    Исследование состава

  13. Посмотреть логотип Da In

    Da В логотипе

  14. Посмотреть дизайн логотипа «H»

    Дизайн логотипа «H»

  15. Посмотреть логотип и дизайн значка «H» в цвете

    Цветной логотип и значок «H»

  16. Посмотреть дизайн логотипа «X» в цвете

    Цветной логотип «X»

  17. Просмотр логотипа буквы W / набора иконок

    Буква W, набор логотипов и значков

  18. Вид D

  19. Посмотреть уход

    Сокращение

  20. Посмотреть монограмму буквы А — 2/6

    Буква A Monogram — 2/6

  21. Посмотреть дизайн логотипа «М»

    Дизайн логотипа «М»

  22. Посмотреть букву H • ЭКСПЕРИМЕНТАЛЬНАЯ ТИПОГРАФИЯ

    Буква H • ЭКСПЕРИМЕНТАЛЬНАЯ ТИПОГРАФИЯ

  23. Посмотреть дизайн логотипа S speedy

    Дизайн логотипа S speedy

  24. Посмотреть Плутус Париж.

Автор записи

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

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