• О блоге

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

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

    Уроки Blender 3d   Текстуры   Уроки Photoshop   3d max   html/css

 
 
В процессе
 
 

Опанасенко Сергей (sergey@opanasenko.com.ua / sadesign)
Стеклянные элементы
25 августа 2008

Привет, в продолжение темы стеклянных объектов в веб-дизайне и не только хочется написать урок о том, как делаю этот эффект я.  Не хочу говорить, что это все относится к Web 2.0, но его можно использовать и там. В общем я не открою Америки, а расскажу о своем методе – может, что новое есть в моих мыслях.
Я создал документ 350*200 с белым фоном. Взял Rounded Rectangle Tool , в свойствах поставил Fill Pixel , мягкость краев 5px. Создал новый слой и нарисовал кнопочку необходимых размеров.

Этот шаг не обязательный, в нем я отрезал нижнее округление, если его не выполнить ничего страшного не произойдет – просто получим кнопочку другой формы…
Для кнопки нужно установить градиент  от черного к серому:

Теперь, зажав, ctrl кликаю на слой с кнопочкой. Получив выделение мне нужно отсечь половину. Я зажал Alt и сделал это...

На новом слое залил выделение чистым белым и установил ему уровень непрозрачности 30.
Фанальная работа урока в Photoshop

             





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


    Перевод книги


    Скоро на сайте RenderMarket перевод книги Алекса Галузина
    «Создание игрового уровня за 11 дней»

В другом формате

Введите email для автоматического получения новых статей на почту:

Друзья и партнеры

sadesign — создание и поддержка
RenderStuff, бесплатная библиотека 3d полезностей
Умный блог
Система Orphus