Строение
Делаем металлическую текстуру
Тема в разделе "Веб-Дизайн", создана пользователем Angry, 12 авг 2010.
  1. Angry

    Angry Новичок

    Сообщения:
    131
    Симпатии:
    15
    Баллы:
    0
    Доброго времени суток!
    Сегодня Вы научитесь делать металлическую текстуру при помощи программы AdobePhotoshop.

    Что у нас должно получится:


    Итак,приступим...
    1) Для начала нам нужно создать документ.Размеры:500×375px
    2) Теперь на необходимо сделать этот слой градиентным.Переходим в опции слоя и ставим галочку на Gradient Overlay.Для градиента мы будет использовать 2 цвета, а именно : #85888f и #f0f0f2.

    Включаем градиент здесь:


    3) Объединение слоев.
    Создаем поверх нашего "градиентного слоя" еще один слой.Выполняем выделение градиентного слоя, далее нажимаем комбинацию клавиш CTRL+E.

    Вот так:


    4) Добавляем эффект "шума"
    Переходи по Filter > Noise > Add Noise.
    И выставляем параметр Amount примерно 20%

    Вот так:


    5) Далее добавляем немного размытия.
    Переходим по Filter > Blur > Motion Blur
    И выставляем параметр Distance: 35 пикселей.

    Так:


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



    6) Последним шагом является добавление тени (затемненности)во всех углах нашей текстуры.
    Используем кисть (Brush Tool), с такими параметрами:
    Master diameter: 250 px
    Hardness: 0%
    Color: #8a8d96

    И делаем как на картинке ниже:


    Делаем затемненности в каждом углу нашей текстуры.

    Финальный результат:



    С Вами был Angry
     
    5 пользователям это понравилось.
  2. qukis

    qukis Новичок

    Сообщения:
    6
    Симпатии:
    1
    Баллы:
    0
    Отличный урок, никогда не мог понять как это сделать)

    Могли бы вы еще написать как написать на данной поверхности текст который был бы как бы вбит в этот металл???
     
  3. Angry

    Angry Новичок

    Сообщения:
    131
    Симпатии:
    15
    Баллы:
    0
    qukis, Очень просто.
    Создаем слой,затем на этом слое печатаем какой либо текст (на ваше усмотрение), далее меняем тип слоя с Normal на Color (см. рисунок ниже)



    Текст станет невидимым (ну или почти невидимым), далее вы применяете к слою с текстом обводку в один или несколько пикселей.Цвет обводки можете выбрать сами.( желательно чуть светлее/темнее самой картинки, а то ваш текст не будет виден.)
     
  4. kult

    kult Новичок

    Сообщения:
    193
    Симпатии:
    39
    Баллы:
    0
    Урок отличный, уже знаю где применить.

    Angry, все таки решил добавлять номера цветов?? Похвально-похвально ;)
     
  5. TiamatInc

    TiamatInc Moderator

    Сообщения:
    4.707
    Симпатии:
    1.221
    Баллы:
    0
    Думаю что в некоторых случаях подобное добавление более чем уместно.

    Урок отличный, нравится мне их смотреть и понимать, что кажущиеся сложными изображения на деле создаются буквально за пару минут.
     
    Последнее редактирование модератором: 12 авг 2010
  6. ball2n

    ball2n Новичок

    Сообщения:
    703
    Симпатии:
    306
    Баллы:
    0
    Да, действительно, очень приятно, что за небольшой промежуток времени можно сделать такие красивые вещи:)
    Урок подробный и интересный. Люблю такие. Часто просто попадаются в интернете уроки, рассчитанные на тех, кто уже достаточно неплохо владеет всеми возможностями фотошопа, а мне пока нужно все подробно объяснять)
     
  7. Angry

    Angry Новичок

    Сообщения:
    131
    Симпатии:
    15
    Баллы:
    0
    kult, Да, по твоей просьбе добавил номера цветов.
    Потому что этот урок позволяет сделать "металлическую текстуру"и для этого нужны определенные цвета.
    Или может вы видели где то зеленый метал?):D

    TiamatInc, Да-да, полностью согласен что очень (на первый взгляд) трудные работы делаются за очень малое время:)

    ball2n, На счет "а мне пока нужно все подробно объяснять",достаточно почитать книжку "фотошоп с нуля" и вы поймете как принцип работы всех инструментов которыми располагает фотошоп. А далее сможете выполнять уроки без "детальной разжевки" урока.Главное не лениться....:rolleyes:
     
Показать ещё