На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
Дорогие друзья! Поздравляем вас с днём Победы!
msm.ru
! ПРАВИЛА РАЗДЕЛА
В этом разделе решаются вопросы, касающиеся векторной/растровой графики, а также 3D-редакторов.
Вопросы по программированию графики (работу с графическими форматами, распознавание изображений и т.д.) - просьба создавать в разделе Программирование графики.

Обучающие материалы: PhotoShop, PhotoPaint, ... растровая графика, Corel DRAW, Illustrator, ... векторная графика, 3D графика, 3D-анимация
Модераторы: Tri Repetae, Serafim
  
> Стеклянный текст , Photoshop
    Просьба не пинать... я только учусь...

    Оригинальная (вроде бы) статья:
    http://psd.tutsplus.com/tutorials/text-effects-tutorials/transparent-glass-lettering-in-photoshop/

    Наиболее подробный (расписано даже чуть больше чем в оригинале) русский перевод:
    http://megasoft.3dn.ru/forum/17-901-1

    Я для наиболее полного обучения изменил цвет, взял другой шрифт и сделал другой фон, что привело к изменению многих настроек слоя...
    Повторюсь: прошу строго не судить, если где-то ошибся, просьба объяснить, что не так и главное почему :)

    Вот результат:
    Прикреплённая картинка
    Прикреплённая картинка
    Прикреплённая картинка
    Прикреплённая картинка


    1. Создаем полотно (в данном случае 600x300) и заливаем каким-нибудь фоном... Сейчас это не главное :)

    2. Создаем надпись
    Шрифт: Impact (не жирный)
    Размер: 160pt
    Цвет: #9999cc

    3. Настройка слоя
    Открываем диалог Blending Options (двойной щелчок на слое в списке слоев или команда "Blending options..." по правому клику там же в списке слоев)

    3.1. Главная вкладка
    Fill opacity (Прозрачность заливки) ставим 20% (не путать с общей прозрачностью)
    Opacity (Общую прозрачность) я предлагаю настроить по вкусу после того, как все эффекты будут на месте... (у меня 80%)

    3.2. Inner Shadow (Внутренняя тень)
    Blend mode: Screen
    Color: #ccccff
    Opacity: 75%
    Angle: -45%
    Distance: 0px
    Size: 8px
    Прикреплённая картинка
    Прикреплённая картинка


    3.3. Inner Glow (Внутреннее свечение)
    Blend mode: Oerlay
    Color: #ccccff
    Opacity: 100%
    Source: Center
    Choke: 25%
    Size: 24px
    Contour: Half Round (кликаем на изображении контура, вылезает диалог редактирования контура, сверху в списке Presets выбираем Half Round. Или просто на стрелочке и в выпавшем меню иконку с надписью Half Round)
    Прикреплённая картинка
    Прикреплённая картинка


    3.4. Bevel and Emboss
    Size: 5px
    ----
    Gloss Contour: Cone - Inverted
    Highlight Mode: Overlay
    Opacity: 0%
    Shadow Mode: Multiply (Color: #333399)
    Opacity: 75%
    Прикреплённая картинка
    Прикреплённая картинка


    3.5. Satin
    Blend mode: Multiply
    Color: #000066
    Opacity: 50%
    Angle: 19%
    Distance: 18px
    Size: 14px
    Contour: Half Round
    Прикреплённая картинка
    Прикреплённая картинка


    3.6. Stroke
    Size: 1px
    Opacity: 40%
    Color: #9999ff
    Прикреплённая картинка
    Прикреплённая картинка


    Ну с самой надписью разобрались, теперь надо и вокруг порядок навести...

    3.7. Drop Shadow
    Blend mode: Multiply
    Color: black
    Opacity: 60%
    Distance: 0px
    Size: 35px

    3.8. Outer Glow
    Blend mode: Overlay
    Color: #9999ff
    Opacity: 75%
    Size: 32px

    В итоге получаем:
    Прикреплённая картинка
    Прикреплённая картинка


    Уже немного похоже на конечный результат, но чего то не хватает :)

    4. "Подсветка"
    Создаем новый слой поверх основного (Ctrl+Shift+N)
    С зажатым Ctrl кликаем на иконку основного слоя с надписью (или правой кнопкой по иконке и Select Pixels)
    Настраиваем слой:
    Blend mode: Screen
    Opacity: 50%

    Берем инструмент Gradient Tool (G):
    - выбираем обычную черно-белую заливку
    - меняем местами черный и белый цвета
    - выбираем тип заливки: Радиальный
    Делаем заливку от правого нижнего угла к центру надписи

    Копируем данный слой не снимая выделения.
    Делаем заливку от левого верхнего угла к низу центру надписи...

    Ну поиграйтесь сами с заливками, только не заигрывайтесь, а то появляются лишние ненужные контуры со временем :)
    Примечание: Кроме того можно настроить заливку так, чтобы она была от белого (50% прозрачности) к прозрачному, тогда слой настраивать не надо...
    Результат:
    Прикреплённая картинка
    Прикреплённая картинка


    5. "Блик"
    Выделяем все три слоя (кроме фоновых) и дублируем их (Правой кнопкой мыши и Duplicate Layers...).
    На копии основного слоя с надписью отключаем отображение внешнего свечения и внешней тени (для этого достаточно кликнуть на "глаз" рядом с каждым из этих эффектов в писке слоев).
    Затем, сливаем их в один (выделив копии слоев в списке, правой кнопкой мыши на любом, кроме текстового слоя и Merge Layers).
    Настраиваем получившийся слой:
    Blend mode: Screen
    Opacity: 50%

    Берем выделение эллипсом Elliptical Marquee Tool (M) и выделяем надпись примерно так, чтобы верхняя половина надписи попала в эллипс...
    Инвертируем выделение (Ctrl+Shift+I) и удаляем все лишнее...

    Вот и результат
    Прикреплённая картинка
    Прикреплённая картинка


    Теперь можно это все положить на ваш фон и отрегулировать прозрачность всех слоев "по вкусу" :)

    PS: В оригинальной статье, добавляли еще какие-то рюшечки и блестяшки, но я посчитал это несущественным и проигнорировал, возможно потом добавлю когда нибудь...
    А так если интересно, можно сходить по ссылкам, которые я уже приводил 8-)

    Конец.
    Сообщение отредактировано: fatalist -
      Хе-хе. Напоминает моё фото в социалках :) Не очень корректно установлены блики. Было бы лучше поиграться с inner glow и маской слоя, чем с emboss'ом
        Цитата B.V. @
        Не очень корректно установлены блики. Было бы лучше поиграться с inner glow и маской слоя, чем с emboss'ом
        Я что-то такое внутрях чувствую, но маски слоя вообще для меня темный лес :)
        Но я подумаю над этим :)
          вот это больше всего похоже на стекло, имхо:
          http://forum.sources.ru/index.php?act=Atta...attach_id=10153
          0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
          0 пользователей:


          Рейтинг@Mail.ru
          [ Script execution time: 0,3190 ]   [ 17 queries used ]   [ Generated: 12.05.24, 16:06 GMT ]