Arttime
  • Уроки фотошоп
    • Photoshop от А...
    • Работа с текстом
    • Уроки для Вконтакте
  • Скачать
    • Социальные кнопки
    • Плагины для PS
    • Экшены
    • Кисти
    • Градиенты
  • Веб дизайн
    • Инфографика
  • Познавательно
    • ART подборки
    • Конкурсы
  • Творчество
« На главную / Уроки фотошоп / Photoshop от А... / Пост "Металлический урок"

Металлический урок


металлическая текстура в фотошопе

В очередной раз, блуждая по dribbble, наткнулся на довольно-таки привлекательную металлическую кнопку… Уж больно захотелось воссоздать ее, да еще и поделиться уроком 🙂 Ну и пока мы не начали,  советую почитать мой пост о том, где взять бесплатные изображения, возможно вам пригодится..

Создаем металлическую текстуру

Сразу предупреждаю: урок проще простого! Так что дважды подумайте, пока вы за него не взялись 😉  Ну а теперь начнем создавать нашу металлическую текстуру. Нарисуйте простой круг при помощи инструмента “Эллипс“.

металлическая текстура

Дальше потребуется применить к нему стиль “Наложение градиента“. Чтобы открыть панель со стилями, достаточно дважды щелкнуть по иконке слоя…металлическая текстура в фотошопеметаллическая текстура в фотошопе

Вы уже могли заметить: я использовал особый градиент, который не составит труда повторить, вдруг что комментируйте – я отвечу. Ладно, с градиентом разобрались, дальше нужно добавить шум. Создайте новый слой: я его назвал “шум” и залил серым цветом #808080. Посмотрите на картинку внизу…

металлическая текстура в фотошопе

Полпути пройдено, назад уже не вернетесь, так  что примените к слою “ШУМ” такие фильтры:

  • Фильтр – Шум -Добавить шум… 

инструмент добавить шум

  •  Фильтр – Размытие – Радиальное размытие…

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

делаем металлическую текстуру
Слой “Шум” потребуется перевести в обтравленную маску, режим наложения слоя нужно изменить на “линейный заменитель” и прозрачность поставить на 20%.

металлическая текстура

Вот и все, металлическая текстура готова, делов на 2 минуты, а результат очень неплох  🙂

круглая металлическая текстура

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


металлические кнопкиметаллические кнопки

Заключение

Признаюсь, пока много времени новому дизайну не уделял , но все же кое-какие коррективы есть, мне вот  что-то сильно режет глаз, но никак не пойму что, у кого есть минутка поделитесь вашими мыслями по этому поводу, я обещаю сделать все наоборот :mrgreen:

новый дизайн ARTtime

Чтобы увеличить, кликните картинку 😉

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

Что же, остается только пожелать хорошего послезавтрашнего дня!

09 Сен 12 | Теги: Photoshop, дизайн, кнопки, Уроки КатегорияPhotoshop от А...

выборочная цветокоррекция Узнай как выборочная цветокоррекция поможет спасти вашу фотографию.
как вырезать обьект в фотошопе Нужно вырезать обьект с фото? Не беда урок как вырезать обьект в фотошопе поможет вам справится быстро илегко.
как создать кисть Надоели невзрачные кисти? Урок как создать кисть поможет вам!.
макет визитки Как сделать макет визитки по правилам типографий.
установить кисть Очень просто установить кисть в фотошоп
  • Твитнуть
  • 6
  1. СергейСен 10, 2012 @ 10:05

    Хороший урок. Теперь с такой текстурой нужно соц. кнопки делать…
    По дизайну первое что бросилось в глаза это черные маркеры у меню рубрик и темные письмо и стрелка в поиске. Да по меню ты меня правильно понял, только подвинь его на уровень заголовков и контента.

    Ответить
    • Eвгений КомиссаровСен 10, 2012 @ 19:52

      Да есть такие мысли насчет соц. кнопок.. ) Все хочу сделать кнопочки в векторе но никак не дается илюстратор, я к нему уже и с видео курсами подкатывал а он…

      Ответить
      • SergeyСен 10, 2012 @ 21:27

        Не переживай, ты не один такой, я с иллюстратором тоже не сдружился. В кореле немного работаю иногда. 😉

  2. Лысенко ЕвгенийСен 10, 2012 @ 12:07

    Урок классный. На самом деле очень все просто и легко 😉
    На счет дизайна у меня такие замечания: границы поля поиска не контрастны, из-за этого оно сливается с фоном; та же тема и вокруг соц.кнопок – тут или поярче выделить контраст или вообще убрать белые кругляши; менюшку и вправду чуток вправо надо сдвинуть, до уровня контента. Думаю пока хватит. 🙂

    Ответить
    • Eвгений КомиссаровСен 10, 2012 @ 19:57

      Еще пару штрихов и думаю можно будет внедрять..)
      Кстати как там дела с марафоном? Участники подтягиваются?

      Ответить
  3. Лысенко ЕвгенийОкт 3, 2012 @ 13:38

    Кстати, я попробовал замутить такую кнопку стальную. Получилось прям в точности 😉

    Ответить
    • Eвгений КомиссаровОкт 3, 2012 @ 23:52

      Надо мне все же сделать кнопку что бы картинки в комментарии лепить 🙂 Как то уже были попытки но результат не очень хороший(

      Ответить

Оставить комментарий (Отменить ответ)

Статьи на E-mail

  • RSS
  • Twitter
  • Вконтакте
  • google
stylus.ua

Интересные статьи

Фишки фотошопа выпуск №1 Фишки фотошопа. Часть 1
металлическая кнопка в фотошопе Делаем металлическую кнопку
цветовой диапазон Как вырезать сложный объект
фишки фотошопа Фишки фотошопа часть 3

Страницы

  • Главная
  • О проекте
  • Контакты
  • Карта сайта

Теги

Action art jpg Photoshop Градиент Кисть Скачать кисть Уроки Экшен дизайн из сети кнопки конкурсы мой арт полезняшки скачать советы социальные кнопки текстуры файлы

Случайные записи

  • Макет аутентичного логотипа
  • Преимущества экспертного IT-консультирования и технической поддержки стартапов
  • Векторные иллюстрации на тему онлайн-поддержки
  • Выбираем графический планшет
  • Сервер Lenovo System x3500 M5 – большие возможности при маленьких затратах
  • Библиотека тестовых файлов: в чем ее необходимость?
  • Об авторе

    Я – автор этого блога и еще десятка успешных проектов.

    В данный момент занимаюсь интернет-коммерцией, иногда пишу в свои блоги. Собираю деньги на открытие грандиозного проекта.

    Пишите мне на странице обратной связи.

    © Все права защищены. | Копировать без обратной индексируемой ссылки на ARTtime запрещено!