1. BURMALDA28.06.2024 в 18:21от
Загрузка...

Tutorial by Paul | Прозрачный текст в Photoshop CS6

Тема в разделе "Уроки/Видеоуроки", создана пользователем Paul, 31.08.2012.

  1. Paul

    2nd year student of FHIR
    Paul

    Статус:
    Оффлайн
    Регистрация:
    16.08.12
    Сообщения:
    309
    Репутация:
    825 +/-
    Финальное изображение, которое мы будем создавать:
    [​IMG]
    Загрузить исходные файлы
    Используемые материалы
    Следующие материалы были использованы в данном уроке:
    Шрифт -TheNautiGal
    Текстура для фона - Graphic River
    Фон(бесплатно)
    Шаг 1 - Подготовка материалов и создание документа
    Создайте новый PSD документ, 600 х 400 пикселей в RGB режиме разрешением 72 точки на дюйм с белым фоном. Теперь подготовим наши материалы. Установите шрифт TheNautiGal на ваш компьютер и при необходимости откройте .PAT файл для создания фона или используйте готовое фоновое изображение, чтобы не создавать фон. Вы можете пропустить создание фона и перейти сразу к шагу 3 этого урока.
    [​IMG]
    Шаг 2 - Создание фона
    Идём в Menu>Layer> Layer Styles> Blending Options (Меню>Слой>Стиль слоя>Параметры наложения) и используем настройки ниже. Вы также можете получить доступ к Параметрам наложения двумя более быстрыми способами. Первый и самый быстрый способ это дважды щелкнуть на слое в меню слоев.
    Другой способ: Нажмите правой кнопкой мыши на слое в меню слоев и выберите Режимы наложения. Когда вы закончите со всеми настройками ниже, не забудьте нажать "OK" в окне настроек наложения! Если вы скачали шаблоны файлов – используйте шаблон № 31. Вы также можете оставить фон без наложения текстуры или использовать любую другую текстуру, которая подойдёт для светлого фона.
    Внутренняя тень: Режим наложения – Линейный затемнитель, цвет #171718, непрозрачность 34%, угол -90, использовать глобальное освещение, смещение 96 пикс., стягивание 30%, размер 250 пикс., шум 8%.
    [​IMG]
    Внутреннее свечение: Режим наложения: Осветление основы, непрозрачность 19%, шум 0%, цвет #ffffff, метод-мягкий, источник - из центра, стягивание 24%, размер 250 пикс., диапазон 50%, колебание 0%.
    [​IMG]
    Наложение градиента: Режим наложения - Умножение, непрозрачность 100%, , от #80b2a7 до #c7c8a2, стиль - радиальный, галочка "выровнять по слою", угол 0, масштаб 74%.
    [​IMG]
    Наложение узора: Режим наложения - Нормальный, непрозрачность 100%, используйте текстуру из набора 72 Subtle Web Patterns, масштаб 100%.
    [​IMG]
    Шаг 3 - Приступим к созданию первого слоя с текстом
    Теперь мы можем начать делать наш текстовый эффект. Сначала выберите инструмент "текст" и измените шрифт на TheNautiGal, размером около 255 пунктов и метод сглаживания - резкий. Теперь введите текст где-то в центре изображения. Вы можете написать любое слово, но в этом уроке мы будем использовать слово "Wow".
    [​IMG]
    Шаг 4
    Этот первый слой с текстом будет расположен ниже всех текстовых слоев. Идём в Menu>Layer> Layer Styles> Blending Options (Меню>Слой>Стиль слоя>Параметры наложения) и используем настройки ниже для нашего текста.
    Установите непрозрачность заливки - 0%.
    [​IMG]
    Тень: Режим наложения - Линейный затемнитель, цвет #171718, непрозрачность 19%, угол - 52, снять галочку с "использовать глобальное освещение", смещение 11 пикс., стягивание 0%, размер 16 пикс., шум 0%.
    [​IMG]
    Тиснение: Стиль-внутренний скос, метод-плавный, глубина 83%, направление - вверх, размер 3 пикс., смягчение 0 пикс., угол 0, снять галочку с "использовать глобальное освещение", высота 26, галочка на "сглаживание", режим подсветки - линейный осветлитель, цвет #ffffff, непрозрачность 28%, режим тени - линейный затемнитель, цвет #000000, непрозрачность 0%.
    [​IMG]
    Шаг 5 - Создание и настройка 2-го слоя с текстом
    Теперь дублируем слой с текстом. Выделите слой с текстом и перейдите Menu > Layer > Duplicate layer (Меню>Слой>Создать дубликат слоя) и назовите его как хотите. Теперь перейдите Menu> Layer> Layer Style> Clear Layer Style (Меню>Слой>Стиль слоя>Очистить стиль слоя), так как мы будем применять другой стиль для этого слоя. Наконец идите в Menu> Layer> Layer Style> Blending Options (Меню>Слой>Стиль слоя>Параметры наложения) и используйте настройки ниже для вашего текста.
    Опять же, вы можете использовать быстрый доступ к параметрам наложения из шага 2 этого урока. Когда вы закончите со всеми настройками ниже, не забудьте нажать "OK" в окне настроек наложения! Этот слой с текстом будет в середине всех слоев. Так что сейчас он должна быть расположен выше первого слоя с текстом.
    Установите непрозрачность заливки-0%.
    [​IMG]
    Внутренняя тень: Режим наложения – Линейный затемнитель, цвет #171718, непрозрачность 24%, угол 180, снять галочку с "использовать глобальное освещение", смещение 1 пикс., стягивание 0%, размер 0 пикс., шум 0%.
    [​IMG]
    Тиснение: Стиль-внутренний скос, метод-плавный, глубина 1000%, направление - вверх, размер 4 пикс., смягчение 1 пикс., угол 0, снять галочку с "использовать глобальное освещение", высота 26, галочка на "сглаживание", режим подсветки-осветление основы, цвет #ffffff, непрозрачность 4%, режим тени - линейный затемнитель, цвет #000000, непрозрачность 10%.
    [​IMG]
    Шаг 6
    Создание и настройка последнего 3-го слоя с текстом. Мы почти у цели. Теперь нам нужно дублировать наш 2-ой слой с текстом. Выделите слой с текстом и перейдите Menu > Layer > Duplicate layer (Меню>Слой>Создать дубликат слоя) и назовите его как хотите. Теперь перейдите Menu> Layer> Layer Style> Clear Layer Style (Меню>Слой>Стиль слоя>Очистить стиль слоя), так как мы будем применять другой стиль для этого слоя. Наконец идите в Menu> Layer> Layer Style> Blending Options (Меню>Слой>Стиль слоя>Параметры наложения) и используйте настройки ниже для вашего текста.
    Опять же, вы можете использовать быстрый доступ к параметрам наложения из шага 2 этого урока. Когда вы закончите со всеми настройками ниже, не забудьте нажать "OK" в окне настроек наложения! Это - главный слой с текстом и он должен быть расположен выше всех других слоев с текстом.
    Установите непрозрачность заливки - 0%.
    [​IMG]
    Тень: Режим наложения - Умножение, цвет #171718, непрозрачность 82%, угол -0, снять галочку с "использовать глобальное освещение", смещение 2 пикс., стягивание 0%, размер 8 пикс., шум 0%.
    [​IMG]
    Внутренняя тень: Режим наложения – Линейный осветлитель, цвет #ffffff, непрозрачность 22%, угол - 90, снять галочку с "использовать глобальное освещение", смещение 1 пикс., стягивание 0%, размер 0 пикс., галочка на "сглаживание", шум 0%.
    [​IMG]
    Тиснение: Стиль - внутренний скос, метод-плавный, глубина 1000%, направление - вверх, размер 16 пикс., смягчение 0 пикс., угол 0, снять галочку с "использовать глобальное освещение", высота 40, галочка на "сглаживание", режим подсветки - линейный осветлитель, цвет #ffffff, непрозрачность 18%, режим тени - линейный затемнитель, цвет #000000, непрозрачность 8%.
    [​IMG]
    Обводка: Размер 1 пикс., положение - внутри, режим наложения-перекрытие, непрозрачность 27%, тип обводки - цвет, цвет #999999.
    [​IMG]
    Окончательное изображение
    [​IMG]
    Автор урока: Jan Stverak
    Переводчик урока: Андрей Росса (Paul)
     
  2. pitch666

    pitch666

    Статус:
    Оффлайн
    Регистрация:
    27.08.12
    Сообщения:
    82
    Репутация:
    6 +/-
    Су Изи
     
  3. pitch666

    pitch666

    Статус:
    Оффлайн
    Регистрация:
    27.08.12
    Сообщения:
    82
    Репутация:
    6 +/-
  4. worldqwerty

    worldqwerty

    Статус:
    Оффлайн
    Регистрация:
    25.08.12
    Сообщения:
    417
    Репутация:
    236 +/-
    ну так се
     
  5. О Л О Л О Ш А

    О Л О Л О Ш А

    Статус:
    Оффлайн
    Регистрация:
    20.04.12
    Сообщения:
    791
    Репутация:
    483 +/-
    Попробую!
     
  6. LegionerX14

    LegionerX14

    Статус:
    Оффлайн
    Регистрация:
    16.12.11
    Сообщения:
    41
    Репутация:
    22 +/-
    слишком затянуто для такого легкого эффекта.
    бэк уже готов.
    урок бесполезен.
     
  7. qweez

    qweez

    Статус:
    Оффлайн
    Регистрация:
    20.09.12
    Сообщения:
    412
    Репутация:
    234 +/-
    Красиво
     
  8. archil1997

    archil1997

    Статус:
    Оффлайн
    Регистрация:
    22.08.11
    Сообщения:
    193
    Репутация:
    49 +/-
    Написал, что Tutorial by Paul, хотя это тупо копипаст.
     
  9. Paul

    2nd year student of FHIR
    Paul

    Статус:
    Оффлайн
    Регистрация:
    16.08.12
    Сообщения:
    309
    Репутация:
    825 +/-
    :fuck:
     
  10. lazik

    lazik

    Статус:
    Оффлайн
    Регистрация:
    22.05.12
    Сообщения:
    40
    Репутация:
    6 +/-
    Хм хороший урок, я делал себе красивее и засунул его в стили чтобы каждый раз мозги не е*ть:ok: