КИТА unofficial
Ноябрь 22, 2024, 10:36:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Новости:
 
   Начало   ПРАВИЛА Помощь WIKI PDA Войти Регистрация  


Страниц: [1]   Вниз
  Печать  
Автор Тема: Эффект стекла.  (Прочитано 9636 раз)
0 Пользователей и 1 Гость смотрят эту тему.
grimgav
↑ так меня зовут, а это я говорю →
Просто гламурный
Проректор
*****

Карма: +161/-17
Offline Offline

Пол: Мужской
Награды:
I место в фотоконкурсе \
Сообщений: 4636


не ^i^


« : Август 28, 2007, 09:10:57 »

Рисовал в шопе на быструю руку
Как сделать эти buttons "стеклянными"?

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


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

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



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



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



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



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



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



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

· Я русский ·
Olorin
Mодератор
Профессор
*****

Карма: +25/-4
Offline Offline

Пол: Мужской
Награды:
За долгое терпение.
Сообщений: 902


Кто к нам с чем зачем, тот от того и того


« Ответ #1 : Август 28, 2007, 10:47:13 »

Ну что, талантливо Улыбка
Записан

Количество опыта пропорционально количеству выведенной из строя техники.
Романыч
Я Романов!
Завкаф
****

Карма: +34/-2
Offline Offline

Пол: Мужской
Награды:
1 место в фотоконкурсе \
Сообщений: 1068


Я Русский!


« Ответ #2 : Август 28, 2007, 10:50:01 »

Классно!) Пасиб)
Записан

Freelance, web designer, front-end & back-end developer, java developer, php developer. A person who enjoys designing software and building programs.
Zimburella
Солнечная
Проректор
*****

Карма: +156/-9
Offline Offline

Пол: Женский
Награды:
2 место в фотоконкурсе \А чем я хуже тафта??
Сообщений: 4152



« Ответ #3 : Август 28, 2007, 02:15:25 »

Я конечно не знааааю. Но как по мне, так на стекло похоже весьма отдаленно.
Записан

Весь фокус в том, что черное - это белое, закосившее под зеленое
Alder
Администратор
Проректор
*****

Карма: +331/-16
Offline Offline

Пол: Мужской
Награды:
За II место в конкурсе поэзии (весна-2007)2 место в фотоконкурсе \За II место в фотоконкурсе \3 место в фотоконкурсе \2 место в фотоконкурсе \Лучший знаток музыки 2009Лучший знаток музыки 2010
Сообщений: 11224


just for fun


WWW
« Ответ #4 : Август 28, 2007, 02:16:48 »

Я конечно не знааааю. Но как по мне, так на стекло похоже весьма отдаленно.
Гав вроде ж написал, что с синим бока при скриншотах получились. Надо самому попробывать сделать Улыбка
Записан

"There are things known and there are things unknown, and in between are the doors..." (Jim Morrison)
Романыч
Я Романов!
Завкаф
****

Карма: +34/-2
Offline Offline

Пол: Мужской
Награды:
1 место в фотоконкурсе \
Сообщений: 1068


Я Русский!


« Ответ #5 : Август 29, 2007, 12:17:57 »

grimgav, а можно ли из моих исходников сделать "прозрачное стекло"? =)

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

Freelance, web designer, front-end & back-end developer, java developer, php developer. A person who enjoys designing software and building programs.
grimgav
↑ так меня зовут, а это я говорю →
Просто гламурный
Проректор
*****

Карма: +161/-17
Offline Offline

Пол: Мужской
Награды:
I место в фотоконкурсе \
Сообщений: 4636


не ^i^


« Ответ #6 : Август 29, 2007, 08:33:38 »

Самый обалденный туториал по созданию стеклянных кнопарей был написан n-цать лет назад замечательной Wendy Peck, вот те ссылка http://www.webreference.com/graphics/column25/

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



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


Записан

· Я русский ·
Романыч
Я Романов!
Завкаф
****

Карма: +34/-2
Offline Offline

Пол: Мужской
Награды:
1 место в фотоконкурсе \
Сообщений: 1068


Я Русский!


« Ответ #7 : Август 29, 2007, 10:04:46 »

Но если эти buttons повернуть в перспективе... то будут уже не стеклянные и не трехмерные кнопочки...
Записан

Freelance, web designer, front-end & back-end developer, java developer, php developer. A person who enjoys designing software and building programs.
grimgav
↑ так меня зовут, а это я говорю →
Просто гламурный
Проректор
*****

Карма: +161/-17
Offline Offline

Пол: Мужской
Награды:
I место в фотоконкурсе \
Сообщений: 4636


не ^i^


« Ответ #8 : Август 29, 2007, 10:30:16 »

Но если эти buttons повернуть в перспективе... то будут уже не стеклянные и не трехмерные кнопочки...

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

· Я русский ·
Романыч
Я Романов!
Завкаф
****

Карма: +34/-2
Offline Offline

Пол: Мужской
Награды:
1 место в фотоконкурсе \
Сообщений: 1068


Я Русский!


« Ответ #9 : Август 29, 2007, 10:53:20 »

В максе я рисовал уже... просто хотелось в шопе научится =)
Я как-то видил в ютубе как человек нарисовал в шопе 3д интерфейс нереальный..)
Записан

Freelance, web designer, front-end & back-end developer, java developer, php developer. A person who enjoys designing software and building programs.
grimgav
↑ так меня зовут, а это я говорю →
Просто гламурный
Проректор
*****

Карма: +161/-17
Offline Offline

Пол: Мужской
Награды:
I место в фотоконкурсе \
Сообщений: 4636


не ^i^


« Ответ #10 : Август 29, 2007, 12:29:13 »

Ну что тут скажешь?) Есть особые энтузиасты которые в пейнте похлеще фотошопа рисуют )) каждому своё ))
Записан

· Я русский ·
Страниц: [1]   Вверх
  Печать  
 
Перейти в:  

Penguins Counter Powered by MySQL Powered by PHP Powered by SMF 1.1.8 | SMF © 2006-2008, Simple Machines LLC Valid XHTML 1.0! Valid CSS! Internetmap
Страница сгенерирована за 0.179 секунд. Запросов: 32.