1. Гость, мы просим Вас ознакомиться с Правилами Форума и Отказом от ответственности!

Создаем наверное современный текст

Тема в разделе 'Графика', создана пользователем Mickey Rourke, 26 мар 2014.

  1. TopicStarter Overlay

    Mickey Rourke Пользователи

    Сообщения:
    11
    Лайки:
    9
    Репутация:
    0
    Команда:
    N/A
    Всем здрасьте. Я лицо новое на форуме, но маленько полистав страницы нашел много чего полезного и интересного, поэтому хочу оказать взаимную "помощь" и поселиться тут. Вообщем, вот мой первый урок (первый не только на этом форуме, но и вообще ;D)

    Делаем вот такой-вот текст:
    [​IMG]
    К уроку прикладываю:
    Шрифт
    Операция (во избежание ниагарского водопада из слов и буков в уроке)
    ВТ файла

    пы.сы. на звание лучшего урока года не претендую, главное, чтоб суть урока передал.

    Шаг намба ван) Создаем новый документ 700х300;
    2) Заливаем фон черным цветом (#100000);
    3) Создаем новый слой, и делаем окружность с помощью EllipticalMarqueeTool (M) как на изображении;
    4) Заливаем выделенную область #3e1d1c;
    5) К залитому слою применяем следующее: Filter -> Blur -> GaussianBlur с параметрами установленными на изображении:
    6) Теперь немного подсветим центр, добавив новый слой, создав примерно такое же выделение как и в 3м шаге, с помощью EllipticalMarqueeTool (M) и заливаем его градиентной заливкой с установленными параметрами, как на изображении:
    [​IMG]

    7)Примерно до такой картины:
    [​IMG]

    8) Слою с подсветкой задаем режим наложения: Overlay;
    9) Далее, добавляем текстурку, указанную в начале урока и ставим режим ColorDodge;
    10) С фоном закончили. Переходим к тексту.
    11) Используя шрифт BebasNeueпишем любой угодный вам текст;
    12) Создаем новый слой (назовем Свечение #1), загружаем выделение текста клацнув по нему с зажатым Cntrl.
    13) Заливаем Свечение #1 белым цветом.
    14) Загружаем выделение текста или нового слоя, без разницы и двигаем выделение вправо буквально на пару шагов;
    [​IMG]

    15) Затем с загруженным выделением удаляем новый слой
    16) Снимаем выделение, скрываем слой с текстом.
    17) Получается что-то в этом роде
    [​IMG]

    18) Затем создаем новый слой, назовем его "Свечение #2" (с фантазией на названия слоев у меня туго), чтоб не путаться. Загружаем выделение Свечение #1.
    19) Берем инструмент градиентной заливки и выставляем следующие параметры
    [​IMG]

    20) Далее, заливаем Свечение #2 с загруженным выделением примерно таким образом
    [​IMG]
    Чтобы залить как можно ровнее, советую шифтовать при этом (прожимаем Shift)

    21) Снимаем выделение и применяем к Свечение #2 следующий эффект - outerglow, в параметрах наложения (не помню как в русской версии точно), кликнув правой кнопкой мыши по слою.
    22) Далее, к слою свечение #2 применяем фильтр размытие в движении - Filter -> Blur -> Motion Blur с параметрами как на примере
    [​IMG]

    Теперь сделаем тень:

    23) Создаем текст и отражаем его вертикально. Для тех кто не знает как:

    24) Заливаем текст черным цветом, растрируем его, выставляем прозрачность 20% и подтираем его, чтоб достигнуть примерно такого результата
    [​IMG]

    25) Добавим немного основания, где бы находился текст.
    26) Создаем новый слой, назовем его "Pen", берем инструмент PenTool (P) и с зажатым шифтом делаем линию под текстом.
    [​IMG]

    27) Далее, берем инструмент Кисть и выставляем диаметр кисти 1px и нажатие 0%
    [​IMG]

    28) Настроив кисть, переключаем обратно на PenTool, правой кнопкой по нашей линии и делаем заливку выбрав StrokePath
    29) В списке инструментов выбираем кисть и ставим птичку на Симулировать нажатие
    30) Затем правой кнопкой по лини, и DeletePath. На выходе получаем следующее
    [​IMG]

    31) Затем, создаем новый слой и выполняем скачанную операцию mmorpgdevs;
    Для завершения можно добавить текстурку с режимом наложения ColorDodge, для пущего эффекта :)

    [​IMG]

    С любовью для морга, спасибо за внимание.
    4elovek, Echo*, GromNya и 3 другим нравится это.
  2. Anasteisha Art Пользователи

    Сообщения:
    660
    Лайки:
    202
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Фабрика котов
    Молодец! Продолжай в том же духе! :)
  3. Joslian AngeliCore Программист Пользователи Open Source Contributor

    Сообщения:
    1.051
    Лайки:
    537
    Пол:
    Мужской
    Репутация:
    2
    Сложно читать такой текст.
  4. uragan Art Пользователи

    Сообщения:
    346
    Лайки:
    241
    Пол:
    Мужской
    Репутация:
    3
    Сам придумал или где-то в интернете нашел урок?
  5. Anasteisha Art Пользователи

    Сообщения:
    660
    Лайки:
    202
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Фабрика котов
    Это его первый графический пост! нормально все ) Текст подходит для баннеров, или для динамической заставки перед видео, в общем обыграть можно по разному.
  6. uragan Art Пользователи

    Сообщения:
    346
    Лайки:
    241
    Пол:
    Мужской
    Репутация:
    3
    Не думаю, на баннере должен быть читаемый текст
  7. TopicStarter Overlay

    Mickey Rourke Пользователи

    Сообщения:
    11
    Лайки:
    9
    Репутация:
    0
    Команда:
    N/A
    Урок мой

    UPD: текст не для баннера, вполне подойдет под подпись, да и просто пару приемчиков простых для знаний. Те, кто шарит, мало что полезного тут найдут, но все же кому нибудь, да пригодится :)
    Anasteisha нравится это.
  8. Anasteisha Art Пользователи

    Сообщения:
    660
    Лайки:
    202
    Пол:
    Женский
    Репутация:
    0
    Команда:
    Фабрика котов
    ну почему, для баннера тоже можно использовать, смотря какое содержание самой рекламы.
    Mickey Rourke нравится это.
Черновик сохранён Черновик удалён
Similar Threads
  1. ward
    Ответов:
    23
    Просмотров:
    8.384
  2. roslimberg
    Ответов:
    26
    Просмотров:
    5.390
  3. xamster
    Ответов:
    4
    Просмотров:
    1.343
  4. Anasteisha
    Ответов:
    11
    Просмотров:
    4.960
  5. Anasteisha
    Ответов:
    9
    Просмотров:
    3.381
Загрузка...

Поделиться этой страницей