Меню
Учебник
Партнёры

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

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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Введение

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

В этом уроке, я в первую очередь выбирал шрифт: Ayosmonika. Я использовал его раньше, и на этот раз я хотел бы перейти к более совершенномуего применению. Шрифт кажется очень подходящим для меня, поэтому я и стремился найти хороший интернет ресурс и нашел кисти Ornate Patterns Vector Freebie. Эти кисточки имеют много деталей, а это именно то, что нам нужно.

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

Step 1

Первое, что мы будем делать это создадим очень большую деревянную фактуру. Получение этого результата может быть затруднено, так что просто пытаемся получить то, что выглядит как текстура древесины. Запустите Photoshop и создайте новый документ. Размер документа около 6000 пикселей на 6000 пикселей (300 PPI).

Выберите один темно-коричневый (# 48403a), цвет и легкую версию (# ac9f92), в качестве фонового цвета. Заполнить документ фона с цветом (# 48403a) и перейдите на Filter > Render > Fibers (Филетр-Рендеринг- Волокно). Изменить параметры Variance of 12.0 and Strength of 34.0 (Отклонение на 12.0 и Интенсивность на 34.0) и выборочно, пока вы получите нечто подобное.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 2

Теперь дадим Волокну более глубокий темный цвет. Перейдите на Layer > New Adjustment Layer > Gradient Map (Слой-Новый корректирующий слой-Карта градиента). После того, как вы создали его, измените его Blending Mode на наложения Перекрытие (Overlay) и непрозрачность на 50%.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 3

Теперь создайте новый пустой слой и залейте его цветом # 633a1c. Установить слоя Blending Mode to Multiply.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 4

И, наконец, выберите инструмент Gradient Tool (Инструмент "Градиент") градиент (G). Выбрать, как белый цвет, а также создать белый прозрачный белый градиент сверху вниз. Изменить Прозрачность слоя поставьте около 10%. Выберите весь холст (Command + A) и скопируйте. (Command + Shift + C).

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 5
Создайте новый документ, с помощью Photoshop A4 холст (29,7 х 21 см на 300 PPI). Я выбрал режим CMYK, убедитесь, что вы выберите CMYK, а не RGB.

Теперь добавьте к этому типу новый документ. Скачайте шрифт url=http://www.dafont.com/ayosmonika.font]Ayosmonika[/url] и выбрав этот шрифт напишите слово. Создайте каждую букву на отдельном слое. Цвет не имеет значения, так как она будет заменена на текстуру. Я выбрал различные оттенки зеленого, чтобы показать слой порядка.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 6
Теперь дважды щелкните на букву "Т" слой и добавить эти эффекты. Ниже приведены коды цвета для каждого из них: Drop Shadow (Тень) установить на # 000000; Outer Glow (Внешнее свечение) установить на # 476454; Bevel и Emboss (Тиснение). Highlight установите на # f09629 и Shadow установить на # 45293c, и Stroke (Обводка (выполнить обводку) установить на # 466454.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация



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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 7
Скопируйте стиль слоя (щелкните правой кнопкой мыши на слое и выберите Copy Layer Style (Скопировать стиль слоя) и вставьте его над остальными. Также создайте крупных ampersand за все буквы.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 8
Создайте новый пустой слой над слоем буквы "Т" и сделать как ее clipping mask. Место деревянной текстурой внутри.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 9
Создайте еще один пустой слой как clipping mask над текстурой. Сделать выбор из "Т" слой (Command + Щелкните по иконке слоя) и измените Contract на семь пикселей Выделение-Модификация-Сжать (Select >Modify > Contract).

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 10
Залейте его белым и размытие ее незначительно Филетр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur).

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 11
Измените непрозрачность слоя до 40% и выберите Eraser Tool (E). Установите около 80% мягких и удалите нижнюю часть.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 12
Получить этот и этот винт. Вырежти их и desaturate их (Command + Shift + U). Мы будем использовать первый как большие шурупы, а второй как более мелкие. Место одного из крупных в центре "Т", и применить. Эффект показан ниже.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация



Теперь эффект будто шуруп держит букву "T" прибитой на месте.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 13
Сделайте то же самое с остальными буквами, где вы считаете это необходимым.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 14
Теперь вам нужно это Ornate Patterns Vector Freebie. Откройте его в Illustrator и дважды щелкните по flourish detail (не pattern). Использование прямого Selection Tool (A), чтобы выбрать белую часть деталей. Измените цвет на # 486554, скопируйте его (Command + C) и вставить его (Command + V) в Photoshop файл в качестве смарт-объекта(Smart Object).

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 15
Теперь добавьте настройки стиля слоя, которые показаны ниже.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


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

Step 16
Создайте новый пустой слой как clipping mask и установите цвета (#74cdd8) с мягкой кистью flourish detail.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 20
Добавте подобный элемент за последнюю букву.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 21
Как обычно, мы будем корректировать цвета и контрастность документа с хорошим ol' Adjustment Layers. Добавить первое изменение цвета, перейдя на Layer > New Adjustment Layer > Gradient Map.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 22
Теперь добавьте Selective Color Adjustment Layer и в выпадающем меню цветов выберите черный цвет

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 23
Я думаю, состав необходимо пополнить еще одним цветом, так что давайте добавим оттенки оранжевого. Копируйте один из floral patterns(Завитушки за буквами) сделайте одну из них меньше. Удалите ярко-синий цвет и вместо этого покрасьте элемент цветом: #f7db58

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 24
Добавьте подобную раскраску тех же элементов в других местах.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 25
Теперь выделите слои букв и раскрасьте их таким же цветом как на картинке ниже.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 26
Вернитесь к файлу Media Illustrator и дважды щелкните на ornate pattern. Выделите белую часть, и перекрасьте ее черным. Скопируйте его и перейдите в Photoshop. Создайте новый документ того же размера (pxls). Вставить шаблон в новом документе, который должен быть точно подходят. Сделать фон слоя невидимыми, и перейдите по Edit > Define Pattern.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 27
Создайте новый пустой слой выше слоя текстуры древесины в нашей иллюстрации. Выберите Bucket Tool, и в выпадающем меню цветов, чтобы раскрасить схемы.Выделите вновь созданный слой и создайте еще один пустой слой. Добавте настройки стиля слоя показанные ниже.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Это то, что вы видите при непрозрачности 100%

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Step 28
Создайте новый слой, сделайте его clipping mask, ближе к центру добавьте мягкие тени, и раскрасьте бледно белым цветом, что б создать эффект блика. Поставьте Непрозрачность(Opacity)на низкий уровень, для того, чтобы слой не стал слишком видным. Результат сравните с изображением ниже.

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Если урок отображается у вас не корректно, то вы можете скачать браузер Safari для Windows и возможно он решит проблему - скачать сафари

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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


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

Уроки PhotoShop - Как создать Богато Насыщенные Типографские Иллюстрация


Перевод: Ефимов Анатолий (Mirk)

#1 написал: Boomer (25 мая 2009 08:21)



Группа: Гости
Регистрация: --
вот это я понимаю, урок....:)))
огромнейшее спасибо переводчику, как прийду с работы обязательно выполню урок! bully
ICQ: {icq}
#2 написал: to be CooL (25 мая 2009 08:56)



Группа: Гости
Регистрация: --
Это нечто :))) Игорь ты мэн :)))
ICQ: {icq}
#3 написал: ADMIN (25 мая 2009 11:10)



Группа: Администраторы
Регистрация: 9.01.2009
Это точно! winked
ICQ: {icq}
#4 написал: traser (25 мая 2009 18:10)



Группа: Гости
Регистрация: --
да уж, классный урок)))
ICQ: {icq}
#5 написал: Lektor (26 мая 2009 10:18)



Группа: Администраторы
Регистрация: 9.01.2009
Цитата: to be CooL
Это нечто :))) Игорь ты мэн :)))

урок переводил не я, а мой друг:) так что все благодарности к нему:)
ICQ: {icq}
#6 написал: to be CooL (27 мая 2009 22:14)



Группа: Гости
Регистрация: --
И всё равно это не умоляет твоей заслуги :)))
ICQ: {icq}
#7 написал: West (29 июля 2009 19:36)



Группа: Гости
Регистрация: --
просто слов нету
супер
ICQ: {icq}
#8 написал: Mr.Steve (8 февраля 2012 19:28)



Группа: Посетители
Регистрация: 8.02.2012
Извиние пожалуйста, Step 8 не понять...
Можно пояснить это?
Как так сделать чтоб внутри буквы было так?
заранее спасибо;)
ICQ: {icq}
#9 написал: ADMIN (10 февраля 2012 21:04)



Группа: Администраторы
Регистрация: 9.01.2009
Здравствуёте скорее всего автор урока имел ввиду использовать волшебное лассо для выделения буквы Т далее нужно создать новый слой и применить фильтр Create Clipping Mask - создать обтравочную маску (Alt+Cntr+G)
ICQ: {icq}
#10 написал: InigoOrlen (29 сентября 2012 09:09)



Группа: Посетители
Регистрация: 29.09.2012
Потрясный урок!


--------------------
Я ПРЫНЦЕССАА!!111
ICQ: {icq}
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.