КИТА unofficial

Компьютерный => Компьютерная графика и цифровое фото => Тема начата: grimgav от Август 28, 2007, 09:10:57



Название: Эффект стекла.
Отправлено: grimgav от Август 28, 2007, 09:10:57
Рисовал в шопе на быструю руку
Как сделать эти buttons "стеклянными"?

Если есть manual то плиз поделитесь =)

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

1. У нас есть исходное изображение на которое надо нанести эффект стекла (взял не всё, а только фрагмент и на тёмном фоне чтоб заметней было)

(http://clearone.com.ua/tutor/glass/01.jpg)

2. Делаем выделение по форме необходимого нам блика на стекле.

(http://clearone.com.ua/tutor/glass/02.jpg)

3. Создаем новый слой и заливаем его бело-черным градиентом в направлении падения лучей света.

(http://clearone.com.ua/tutor/glass/03.jpg)

4. Снимаем выделение, устанавливаем режим наложения пикселей у слоя в Screen, и прозрачность в пределах 60%.

(http://clearone.com.ua/tutor/glass/04.jpg)

5. Повторяем описанную процедуру на всех необходимых участках (можно просто скопировать слой с бликом)

(http://clearone.com.ua/tutor/glass/05.jpg)

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

(http://clearone.com.ua/tutor/glass/06.jpg)

PS: С синим наплужил при деланьи скриншотов, сильно не пинайте ))


Название: Re: Эффект стекла.
Отправлено: Olorin от Август 28, 2007, 10:47:13
Ну что, талантливо :)


Название: Re: Эффект стекла.
Отправлено: Романыч от Август 28, 2007, 10:50:01
Классно!) Пасиб)


Название: Re: Эффект стекла.
Отправлено: Zimburella от Август 28, 2007, 02:15:25
Я конечно не знааааю. Но как по мне, так на стекло похоже весьма отдаленно.


Название: Re: Эффект стекла.
Отправлено: Alder от Август 28, 2007, 02:16:48
Я конечно не знааааю. Но как по мне, так на стекло похоже весьма отдаленно.
Гав вроде ж написал, что с синим бока при скриншотах получились. Надо самому попробывать сделать :)


Название: Re: Эффект стекла.
Отправлено: Романыч от Август 29, 2007, 12:17:57
grimgav, а можно ли из моих исходников сделать "прозрачное стекло"? =)

Я через ctrl+j сделал слой от кнопок и поместил на задний слой... потом ctrl+l сменил output level 255 на 160. А первоначальный слой opacity 100% на 75%.. вообщем не очень оно похоже на прозрачное стекло((
Обыскал много сайтов но так и не нашел мана по созданию прозрачного стекла... Хнык


Название: Re: Эффект стекла.
Отправлено: grimgav от Август 29, 2007, 08:33:38
Самый обалденный туториал по созданию стеклянных кнопарей был написан n-цать лет назад замечательной Wendy Peck, вот те ссылка http://www.webreference.com/graphics/column25/ (http://www.webreference.com/graphics/column25/)

После его прохождения получиться что-то в духе вот такого

(http://www.webreference.com/graphics/column25/art/psbutv2.jpg)

При этом замена цвета будет очень простой:

(http://www.webreference.com/graphics/column25/art/psbut6.jpg) (http://www.webreference.com/graphics/column25/art/psbutv1.jpg) (http://www.webreference.com/graphics/column25/art/psbut1.jpg)


Название: Re: Эффект стекла.
Отправлено: Романыч от Август 29, 2007, 10:04:46
Но если эти buttons повернуть в перспективе... то будут уже не стеклянные и не трехмерные кнопочки...


Название: Re: Эффект стекла.
Отправлено: grimgav от Август 29, 2007, 10:30:16
Но если эти buttons повернуть в перспективе... то будут уже не стеклянные и не трехмерные кнопочки...

Ну батенька, если в перспективе повернуть, то придеться в перспективе их и рисовать. Но тут уж, как мне кажеться, лучше использовать специализированные плагины  или 3D редакторы. Это куда менее трудоёмкий процесс получиться.


Название: Re: Эффект стекла.
Отправлено: Романыч от Август 29, 2007, 10:53:20
В максе я рисовал уже... просто хотелось в шопе научится =)
Я как-то видил в ютубе как человек нарисовал в шопе 3д интерфейс нереальный..)


Название: Re: Эффект стекла.
Отправлено: grimgav от Август 29, 2007, 12:29:13
Ну что тут скажешь?) Есть особые энтузиасты которые в пейнте похлеще фотошопа рисуют )) каждому своё ))