+ Ответить в теме
Показано с 1 по 9 из 9

Тема: Матовый фон для надписи

  1. #1
    Пользователь chellos на пути к лучшему Аватар для chellos
    Регистрация
    23.01.2011
    Адрес
    Беларусь
    Сообщений
    95
    Thanks
    2
    Thanked 3 Times in 3 Posts

    Матовый фон для надписи





    В этом небольшом и быстром уроке, демонстрируется, как улучшить текстовую надпись, создав матовый фон, который может улучшить вид Ваших фотографий или проектов.

    Шаг 1.
    Откройте любое изображение в Photoshop. Автор использовал осеннюю фотографию. Вы можете использовать подобный снимок, если Вам нравится. Или выберите любое другое. Переименуйте слой, дважды щелкая по слою, назовите его "Листья".




    Шаг 2.
    Создайте новый слой (Ctrl + Shift + N) сверху слоя Листья, и назовите его "Frosted Bar". Используя инструмент Прямоугольная область (M), проверьте, активным должен быть слой "Frosted Bar", сделайте выделение нужного Вам размера, выделение должно быть от одного края изображения до другого. Размещение бара Ваше дело. В случае автора: бар расположен у основания изображения, как показано ниже.



    Шаг 3. Заполните выделение белым цветом, используя Инструмент Заливка (G) (#FFFFFF) и снимите текущее выделение (Ctrl) + D).



    Шаг 4. Примените следующие стили слоя к "Frosted Bar" . (Параметры наложения: Нормальный - Непрозрачность заливки 20 %.



    Обводка: Цвет белый (#FFFFFF) Размер 2 и Положение: снаружи и 50 % Непрозрачности.



    Шаг 5. Мы должны будем отредактировать наше оригинальное изображение. Значит, лучше делать дубликат, таким образом Вы можете всегда полностью изменять его. Делаем копию слоя "Листья"((Ctrl) + J). Активный слой "copy Leaves" , загрузим выделение слоя с матовым изображение (Ctrl) + щелчок на слое "frosted bar" (по миниатюре изображения слоя). Примените Размытие по Гауссу (Фильтр>Размытие>Размытие по Гауссу) Радиус 20, жмём OK.





    Шаг 6. Проработав основные моменты на слое "frosted bar". Создайте новый слой ((Ctrl) + Shift + N) сверху слоя "frosted bar", и назовите его "Highlights". Снова загрузите выделение слоя с матовым изображением, и выбираете инструмент Кисть (B). Используя большую мягкую кисть (500px, Нажим 0% и цвет Белый: #FFFFFF), осветлите верхние и нижние грани (как показано на изображении), а затем снизьте прозрачность слоя до 60 %.





    Шаг 7. На заключительном шаге, добавим текст. Используя инструмент Горизонтальный текст (T) добавте любой текст, который Вы захотите в пределах бара любого размера (В случае автора, размер шрифта 100px). Снизьте прозрачность до 40 % на слое с текстом, и измените режим наложения на Перекрытие.

    Финальное изображение
    Посмотрите на то, что должно было получиться. Надеюсь, что Вам понравился урок!



    Автор урока:
    Aaron Vanston
    Последний раз редактировалось chellos; 24.05.2011 в 16:40.

  2. #2
    Супер-модератор Licoric - весьма и весьма положительная личность Licoric - весьма и весьма положительная личность Licoric - весьма и весьма положительная личность Аватар для Licoric
    Регистрация
    15.11.2008
    Адрес
    St.Petersburg
    Сообщений
    5,304
    Thanks
    236
    Thanked 298 Times in 282 Posts
    Записей в дневнике
    3
    Это у меня рисунки не подгружаются или ты их сюда не ставил?
    Царь Леонид ;)

  3. #3
    Пользователь chellos на пути к лучшему Аватар для chellos
    Регистрация
    23.01.2011
    Адрес
    Беларусь
    Сообщений
    95
    Thanks
    2
    Thanked 3 Times in 3 Posts
    Цитата Сообщение от Licoric Посмотреть сообщение
    Это у меня рисунки не подгружаются или ты их сюда не ставил?
    Это у тебя.

  4. #4
    Местный SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится SEVI за этого человека можно гордится Аватар для SEVI
    Регистрация
    09.06.2009
    Адрес
    Украина/Харьков/Старый Салтов
    Сообщений
    820
    Thanks
    33
    Thanked 36 Times in 36 Posts
    Записей в дневнике
    1
    chellos, у меня тож рисунки не подгружаются.
    Zend Framework Forever

  5. #5
    Пользователь chellos на пути к лучшему Аватар для chellos
    Регистрация
    23.01.2011
    Адрес
    Беларусь
    Сообщений
    95
    Thanks
    2
    Thanked 3 Times in 3 Posts
    Я даже незнаю чего ? У меня все нормально !

  6. #6
    Пользователь maxim_malets на пути к лучшему Аватар для maxim_malets
    Регистрация
    27.04.2011
    Адрес
    Минск
    Сообщений
    78
    Thanks
    0
    Thanked 9 Times in 9 Posts
    Подружаются

  7. #7
    Супер-модератор Apay как роза среди колючек Apay как роза среди колючек Apay как роза среди колючек Apay как роза среди колючек Аватар для Apay
    Регистрация
    04.02.2008
    Сообщений
    3,458
    Thanks
    4
    Thanked 511 Times in 506 Posts
    рисунки наверное на сервере, который только по белоруси траф не режет.
    чаще всего пишу в спешке, могут быть очепятки

  8. #8
    Пользователь chellos на пути к лучшему Аватар для chellos
    Регистрация
    23.01.2011
    Адрес
    Беларусь
    Сообщений
    95
    Thanks
    2
    Thanked 3 Times in 3 Posts
    А теперь ?

  9. #9
    Супер-модератор Licoric - весьма и весьма положительная личность Licoric - весьма и весьма положительная личность Licoric - весьма и весьма положительная личность Аватар для Licoric
    Регистрация
    15.11.2008
    Адрес
    St.Petersburg
    Сообщений
    5,304
    Thanks
    236
    Thanked 298 Times in 282 Posts
    Записей в дневнике
    3
    Цитата Сообщение от chellos Посмотреть сообщение
    А теперь ?
    Теперь путем)
    Царь Леонид ;)

+ Ответить в теме

Похожие темы

  1. Изменить надписи
    от RayOfLight в разделе Анимация / Flash
    Ответов: 1
    Последнее сообщение: 28.12.2010, 22:41
  2. Надписи в формах
    от HTMLandPHP в разделе JavaScript
    Ответов: 2
    Последнее сообщение: 26.05.2009, 16:57
  3. Нет надписи на кнопке
    от cididoma в разделе CSS
    Ответов: 3
    Последнее сообщение: 09.03.2009, 23:08
  4. Ответов: 1
    Последнее сообщение: 28.01.2009, 22:36

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения