Понедельник, 18.12.2017
BS.UCOZ.KZ
Меню сайта
Категории раздела
Мои статьи [13]
Мини-чат
Наш опрос
Оцените мой сайт
Всего ответов: 27
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Мои статьи

Трехмерная надпись
Этап 1
Советую точно выполнять данный туториал, поскольку он является довольно трудным для восприятия и только правильное воспроизведение этапов позволит вам получить такой же результат как у меня. В дальнейшем, когда вы поймете значение каждого этапа для конечного результата, вы можете поэкспериментировать. А сейчас откройте ваш Photoshop.

Этап 2
Cоздайте изображение размером 1000 на 1000 пикселей. Работайте с ним в 50 %-уменьшении. Потом, когда вы уменьшите уже готовое изображение до 50%, то получите более высокое качество картинки, чем если бы вы работали изначально в 500 на 500. Заполните первый слой темно-серым цветом и назовите его backdrop. (для переименования слоя кликните правой кнопкой мышки в меню слоев и выберите пункт свойства. Измените имя слоя с layer1 на backdrop). Мы заполняем фоновый слой темно-серым цветом для того, чтобы было лучше видно наши трехмерные буквы.

Этап 3
Создайте новый уровень и назовите его forgroundletters. Он должен находиться выше уровня backdrop.

3D_1
Этап 4
Выберите Type Mask Tool (T) и щелкните им где-нибудь в центре изображения. Я собираюсь использовать шрифт под названием Impact. Это довольно простой шрифт и я советую вам использовать именно его или подобный ему шрифт. Более сложный шрифт труднее будет сделать трехмерным. Напечатайте слово GFX и поставьте размер шрифта приблизительно 400 пикселей. Нажмите [OK].

3D_2
Этап 5
На слое forgroundletters залейте выделенную текстом область белым цветом. Теперь отмените выделение. У вас должна получиться надпись, как на приведенном выше рисунке.

3D_3
Этап 6
В меню выберите: Edit/Transform/skew. Переместите правый верхний и нижний углы так, как показано на рисунке.

Этап 7
Сделайте копию слоя forgroundletters (переместите иконку слоя на ниже расположенную кнопку 'новый слой') и назовите его guide. Слой guide, это слой который не будет удален до тех пор, пока мы не закончим всю работу над эффектом. Для облегчения работы вы можете периодически включать и выключать его.

3d_4
Этап 8
Измените прозрачность слоя forgroundletters до 50 %. Теперь выберите слой guide и сдвиньте его на 100-200 пикселей влево. Выставите у него прозрачность до 20%. В итоге ваше изображение должно выглядеть подобно приведенному выше.

3D_5
Этап 9
У вас все еще должен быть выбран слой guide, если же нет — выберите его. Выберите в меню: Edit/Transform/Scale. Уменьшите немного высоту символов слоя guide. Пытайтесь достичь того, что изображено на рисунке. В дальнейшем это уменьшение создаст иллюзию глубины.

3D_6
Этап 10
Теперь сделайте копию слоя guide. Переименуйте его в Gside. Этот слой должен находиться выше слоя guide. Мы называем этот слой Gside потому, что он будет являться боковиной нашей буквы G. Создайте новый слой и назовите его Gside2. Расположение всех ваших уровней должно быть таким, как на выше приведенном рисунке. Backdrop должен быть весь серым. Guide должен быть более укороченной версией слоя forgroundletters'а. Gside должен быть копией слоя guide. Gside2 сейчас должен быть пуст. Forgroundletters должен быть слегка увеличенной версией слоя guide. Если ваши слои так не выглядят, значит вами где-то допущена ошибка.

3D_7
Этап 11
Выберите Polygonal Lasso.

3D_8

Этап 12
Выберите слой Gside2. Используйте Polygonal Lasso для того, чтобы соединить соответствующие стороны буквы G на слое forgroundletters и слое guide. Я знаю, что это звучит запутанно, но вам достаточно посмотреть на рисунок, чтобы понять необходимые действия. Теперь заполните выделение белым цветом, удостоверившись, что вы делаете это на слое Gside2.

Этап 13
Измените прозрачность слоя Gside до 100%. Теперь объедините слои Gside2 и Gside. Для того чтобы это сделать выберите слой Gside, а затем щелкните на пустом квадратике рядом с глазком слоя — появится иконка цепи, что означает объединение слоев. Теперь зайдите в меню и выберите Layer/Merge Linked. Теперь должен получиться один уровень под именем Gside.

3D_9
Этап 14
Выберите слой Gside и удерживая нажатой клавишу CTRL выберите слой forgroundletters. Появиться выделенный контур этого слоя. Удостоверитесь, что вы все еще на слое Gside и нажимаете DEL. Это позволит стереть все сегменты слоя Gside, которые были внутри выделения слоя forgroundletters. Теперь берите eraser tool и стирайте все оставшиеся небольшие фрагменты, которые не входят в букву G. Это, опять же, тяжело звучит на словах, но вам достаточно просто посмотреть на рисунок и удалить все кусочки помеченные красным цветом. Теперь у вас готова боковина буквы G — приготовьтесь ее затенять.

3D_10
Этап 15
Здесь вам придется поиграться с градиентами, для того чтобы получить реальный эффект затенения. Вы можете использовать foreground to transparent градиент с черным, установленным основным цветом. Удерживая CTRL выберите слой Gside. Создайте два новых слоя выше слоя Gside. Вам не обязательно их называть, но, если есть желание, можете назвать их top shade и bottom shade. Используйте градиент один раз на каждом слое для того, чтобы затенить боковину буквы G. Посмотрите на рисунок если вы испытываете трудности с местом приложения градиента. Объедините оба новых слоя со слоем Gside.

3D_11
Этап 16
Повторите этапы 11-15 для других частей буквы G, а также для букв F и X. Затем удалите слой guide и измените слой backdrop. Если вы знаете как работает источник света, то вы можете достичь градиентом иллюзию трехмерного затенения. Ваш окончательный рисунок должен выглядеть подобно приведенному выше.

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

Автор: Hyperion
Категория: Мои статьи | Добавил: sneip (09.03.2009)
Просмотров: 10382 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Copyright MyCorp © 2017