Уроки 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) и выборочно, пока вы получите нечто подобное. Step 2 Теперь дадим Волокну более глубокий темный цвет. Перейдите на Layer > New Adjustment Layer > Gradient Map (Слой-Новый корректирующий слой-Карта градиента). После того, как вы создали его, измените его Blending Mode на наложения Перекрытие (Overlay) и непрозрачность на 50%. Step 3 Теперь создайте новый пустой слой и залейте его цветом # 633a1c. Установить слоя Blending Mode to Multiply. Step 4 И, наконец, выберите инструмент Gradient Tool (Инструмент "Градиент") градиент (G). Выбрать, как белый цвет, а также создать белый прозрачный белый градиент сверху вниз. Изменить Прозрачность слоя поставьте около 10%. Выберите весь холст (Command + A) и скопируйте. (Command + Shift + C). Step 5 Создайте новый документ, с помощью Photoshop A4 холст (29,7 х 21 см на 300 PPI). Я выбрал режим CMYK, убедитесь, что вы выберите CMYK, а не RGB. Теперь добавьте к этому типу новый документ. Скачайте шрифт url=http://www.dafont.com/ayosmonika.font]Ayosmonika[/url] и выбрав этот шрифт напишите слово. Создайте каждую букву на отдельном слое. Цвет не имеет значения, так как она будет заменена на текстуру. Я выбрал различные оттенки зеленого, чтобы показать слой порядка. Step 6 Теперь дважды щелкните на букву "Т" слой и добавить эти эффекты. Ниже приведены коды цвета для каждого из них: Drop Shadow (Тень) установить на # 000000; Outer Glow (Внешнее свечение) установить на # 476454; Bevel и Emboss (Тиснение). Highlight установите на # f09629 и Shadow установить на # 45293c, и Stroke (Обводка (выполнить обводку) установить на # 466454. В целом, у вас должно получиться как на изображении ниже. Step 7 Скопируйте стиль слоя (щелкните правой кнопкой мыши на слое и выберите Copy Layer Style (Скопировать стиль слоя) и вставьте его над остальными. Также создайте крупных ampersand за все буквы. Step 8 Создайте новый пустой слой над слоем буквы "Т" и сделать как ее clipping mask. Место деревянной текстурой внутри. Step 9 Создайте еще один пустой слой как clipping mask над текстурой. Сделать выбор из "Т" слой (Command + Щелкните по иконке слоя) и измените Contract на семь пикселей Выделение-Модификация-Сжать (Select >Modify > Contract). Step 10 Залейте его белым и размытие ее незначительно Филетр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur). Step 11 Измените непрозрачность слоя до 40% и выберите Eraser Tool (E). Установите около 80% мягких и удалите нижнюю часть. Step 12 Получить Теперь эффект будто шуруп держит букву "T" прибитой на месте. Step 13 Сделайте то же самое с остальными буквами, где вы считаете это необходимым. Step 14 Теперь вам нужно это Ornate Patterns Vector Freebie. Откройте его в Illustrator и дважды щелкните по flourish detail (не pattern). Использование прямого Selection Tool (A), чтобы выбрать белую часть деталей. Измените цвет на # 486554, скопируйте его (Command + C) и вставить его (Command + V) в Photoshop файл в качестве смарт-объекта(Smart Object). Step 15 Теперь добавьте настройки стиля слоя, которые показаны ниже. Изображение выглядит странно сейчас, но будет лучше, когда мы добавляем второй цвет. Step 16 Создайте новый пустой слой как clipping mask и установите цвета (#74cdd8) с мягкой кистью flourish detail. Step 17 Сгрупируйте слои и дублируйте группу, затем разместите эту группу соответственно картинке, если вы хотите получить такую же картинку. Step 18 Разместите такие же элементы с другой стороны букв, создайте некоторые элементы поверх букв, поиграй тесь с их расположением. Step 19 Добавить несколько уменьшенные элементы, которые, как бы выходят из под букв. Старайтесь держать ориентацию что б все выглядело максимально естественно. Step 20 Добавте подобный элемент за последнюю букву. Step 21 Как обычно, мы будем корректировать цвета и контрастность документа с хорошим ol' Adjustment Layers. Добавить первое изменение цвета, перейдя на Layer > New Adjustment Layer > Gradient Map. Step 22 Теперь добавьте Selective Color Adjustment Layer и в выпадающем меню цветов выберите черный цвет Step 23 Я думаю, состав необходимо пополнить еще одним цветом, так что давайте добавим оттенки оранжевого. Копируйте один из floral patterns(Завитушки за буквами) сделайте одну из них меньше. Удалите ярко-синий цвет и вместо этого покрасьте элемент цветом: #f7db58 Step 24 Добавьте подобную раскраску тех же элементов в других местах. Step 25 Теперь выделите слои букв и раскрасьте их таким же цветом как на картинке ниже. Step 26 Вернитесь к файлу Media Illustrator и дважды щелкните на ornate pattern. Выделите белую часть, и перекрасьте ее черным. Скопируйте его и перейдите в Photoshop. Создайте новый документ того же размера (pxls). Вставить шаблон в новом документе, который должен быть точно подходят. Сделать фон слоя невидимыми, и перейдите по Edit > Define Pattern. Step 27 Создайте новый пустой слой выше слоя текстуры древесины в нашей иллюстрации. Выберите Bucket Tool, и в выпадающем меню цветов, чтобы раскрасить схемы.Выделите вновь созданный слой и создайте еще один пустой слой. Добавте настройки стиля слоя показанные ниже. Это то, что вы видите при непрозрачности 100% Step 28 Создайте новый слой, сделайте его clipping mask, ближе к центру добавьте мягкие тени, и раскрасьте бледно белым цветом, что б создать эффект блика. Поставьте Непрозрачность(Opacity)на низкий уровень, для того, чтобы слой не стал слишком видным. Результат сравните с изображением ниже. Если урок отображается у вас не корректно, то вы можете скачать браузер Safari для Windows и возможно он решит проблему - скачать сафари Step 29 Используйте тот же оранжевый что б придать слою оранжевое свечение в нескольких местах, так же как и в предыдущем слое. Заключение Находка ресурсов может быть отличным способом в конечном итоге создавать свои собственные иллюстрации. Это похоже на обучение на других работах, когда из чьего то вы делаете свое более совершенное. В свое время, вы сможете создать подробности, которые являются не только такие же или даже более высокого качества, но и то, что отражает ваш стиль. Перевод: Ефимов Анатолий (Mirk) |
|
|
|
Просмотров: 2 602 автор: Lektor 25 мая 2009 |
Информация | |
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации. | |