На главную страницу FAQ, вопросы и ответы, подробная помощь Форум AllDesign.biz Форма обратной связи
Главное меню
Календарь
«    Октябрь 2008    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Новое на форуме
50 плагинов к Photoshop
Ответил: mila_net
Как сделать полоски? Нужна помощь
Ответил: decoy
Как разрезать шаблон сайта
Ответил: Tanok
офтоперня
Ответил: xelium1604
Шаблоны для ucoz
Ответил: optysm
Где скачать
Ответил: optysm
adobe photoshop CS2 v.9.0 русский
Ответил: Mari
Как установить и использовать Actions
Ответил: Mari
Как установить кисти в Photoshop
Ответил: Mari
Мои работы ( Автор "3D" )
Ответил: Mari



Главная » Все для Photoshop » Уроки Photoshop » Web 2.0 - Стеклянный текст с отражением

Понравился наш сайт? Расскажи о нем друзьям и знакомым. Узнать подробнее...


Web 2.0 - Стеклянный текст с отражением Все для Photoshop » Уроки Photoshop 
Урок Adobe Photoshop по приданию тексту "стеклянного" эффекта и по созданию отражения.
Данный прием часто используется при создании логотипов в стиле Web 2.0.

Создадим новы документ с произвольными размерами. Я установил 600х400.

Теперь напишем необходимый текст, предварительно выбрав желаемый цвет (хотя его можно изменить и после).
Я написал ALLDESIGN.BIZ цветом 0568b2

Web 2.0 - Стеклянный текст с отражением

Удерживая клавишу Ctrl, нажимаем на иконку слоя в палитре слоев. Появится выделенная область в форме нашей надписи.
Теперь создадим новый слой в палитре слоев и убедившись что выбран именно он идем в меню Выделение - Модификация - Сжать
.

Web 2.0 - Стеклянный текст с отражением

Вводим значение 2 пикселя. Получится следующее.

Web 2.0 - Стеклянный текст с отражением

Дальше выбираем инструмент Овальная область и нажимаем на иконку Пересечение с выделенной областью.

Web 2.0 - Стеклянный текст с отражением

Рисуем овальную область примерно как на рисунке.

Web 2.0 - Стеклянный текст с отражением

Должно получиться следующее.

Web 2.0 - Стеклянный текст с отражением

Теперь с помощью инструмента Градиент (цвет от белого к прозрачному) зальем выделенную область. Дополнительно можно поэксперементировать с прозрачностью слоя в палитре слоев.

Web 2.0 - Стеклянный текст с отражением

В результате наш текст уже преобразился, но мы не будем останавливаться на этом. Добавим еще один модный в данное время эффект - отражение.
Для этого продублируем слой с текстом. Дальше заходим в меню Редактирование - Трансформирование - Отразить по вертикали, и с помощью кнопки со стрелкой вниз перемещаем перевернутый текст так как показано на рисунке.

Web 2.0 - Стеклянный текст с отражением

Дальше добавим к этому слою Слой-маску.

Web 2.0 - Стеклянный текст с отражением

Выбираем инструмент градиент (цвет от черного к белому) и проводим линию от нижнего края надписи вверх. Дополнительно можно уменьшить прозрачность в палитре слоев. Вот что получилось у меня.

Web 2.0 - Стеклянный текст с отражением

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

Web 2.0 - Стеклянный текст с отражением


Автор: m0skit

При копировании статьи, ссылка на AllDesign.biz обязательна !!!


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




#1 написал: Maksimall89
хороший урок smile

#2 написал: Sus@nin
Пробывал, пробывал а так ничего и не получилось. Чуть монитор не разбил от злости.

#3 написал: Conqeror
Не выходит "Выбираем инструмент градиент (цвет от черного к белому) и проводим линию от нижнего края надписи вверх." фигня получается.

А ёмоё, забыл обводку убрать! ЫЫЫыы wink

#4 написал: aggel
ПОМОГИТЕ!!! Дальше заходим в меню Редактирование - Трансформирование - Отразить по вертикали...." у меня трансформирование неразрывность!!!! почему??? дубликат сделал. а вот не трансформирует!!!!! помогите ;)

**** неразрешает ****

#5 написал: Vaserson
Блин, почему фотошоп русифицированный??? Так же неудобно......((( А вообще урок хороший....вроде всё понятно)))

#6 написал: lisa-elisa
ничегошеньки не выходит....
в можно разживать для непонятных.

#7 написал: Vaso
Инфа сссупер!!! такуму спецу как я самый раз wink
Спасибо!!!

#8 написал: buyer9868008
Здравствуйте! Очень нравятся ващи уроки,но вот здесь такая проблема...
После выделения при попытке заливки выводится вот такое сообщение;
Could not use the gradient tool because the pixels in a
type layer cannot be edited without first rasterizing the
layer.

Что не так делаю?
С уважением,buyer9868008
Прошу прощения,разобрался.

#9 написал: Shadow
А у мня такая батва..Провожу линию и нифига ни че не меняется))))

#10 написал: rusty
Еще попробуйте добавить смазывание, тоже прикольно выходит!

#11 написал: $mems
Клёво! У меня получилось. Интересно... wink

#12 написал: Intex
Спасибо! Наконец то научился делать отражение )

#13 написал: mafias
неплохо

#14 написал: fyl85x
Спасибо за урок! Очень помог в изучении Photoshop. До этого незнал очень многих параметров + научился делать отражение!
Большой Thanks + Respect!

#15 написал: Demon
Прикольно! wink

#16 написал: wazzzuup
Как раз то, что нужно! Спасибо! smile


--------------------

#17 написал: GreeMAx
Очень много пропущено в этом уроке, пришлось половину самому догонять, а так клёво получилось winked

#18 написал: m0skit
GreeMAx, да куда еще подробнее. Итак все подробно написано и уж точно ничего не пропущено.

#19 написал: Lotos
Все получилось.Спасибо

#20 написал: Башня
прикольно... сенкс smile

#21 написал: Катюничка
Спасибо за урок, подскажите пожалуйста, как сохранять без нижнего фона, просто чтоб картинка была с отражением на прозрачном фоне.Если в gif (у меня анимация) то при вставлении на другой фон в лого, все отражение не прозрачное а приобретает белый цвет?

#22 написал: -=Midnight=-
Давно искал нечто

#23 написал: Volder
классная статья.
спасибо.

PS
над градиентом в последнем этапе попыхтел, конечно, но все это потому что в фотошопе первый раз что-то делал.
в итоге все получилось.

#24 написал: ghostinshell
урок падет. кул получилось

#25 написал: DarkHunter
Всё усвоил wink Большое спасибо!!!!

#26 написал: sykanax
у меня не получилось трудна работать когда уроки на русском

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.


Вход на сайт
Логин
Пароль
 
Опрос на сайте

Первый раз
Редко
Регулярно
Часто
Каждый день


Популярные новости
» Рамка для фото - Веселая прогулка
» Tribal flame brushes
» Scratches brushers - кисти в виде царапин
» Две бабочки - шаблон для фотомонтажа
» Рамка для фотомонтажа - Розовая нежность
» Винтажный цветочный фон
» Рамочки для фото
» Короткие женские прически
» Sakura Photoshop Brushes
» SD Sidebar Clock

Архив новостей
Октябрь 2008 (95)
Сентябрь 2008 (252)
Август 2008 (191)
Июль 2008 (202)
Июнь 2008 (169)
Май 2008 (210)
Апрель 2008 (217)
Март 2008 (220)
Февраль 2008 (192)
Январь 2008 (160)
Декабрь 2007 (154)
Ноябрь 2007 (146)
Октябрь 2007 (66)
Сентябрь 2007 (70)
Август 2007 (82)
Июль 2007 (83)
Июнь 2007 (16)
Май 2007 (17)
Апрель 2007 (35)

Наши друзья
Autographics.org.ru
Nakleiki.net
Media Portal Russia
DJRAFN MUSIC PORTAL
Winprof Warez Portal

Обмен ссылками
Наш код:

После того как вы разместите нашу ссылку на вашем сайте напишите нам через форму обратной связи, после проверки мы добавим вашу ссылку в этот раздел.
Условия обмена:
ТИЦ не менее 50
PR от 1

Сайты с бесплатных хостов не принимаются!

Copyright © 2007-2008 AllDesign.biz
При копировании информации с сайта ссылка на AllDesign.biz обязательна!!!
Дизайн сайта: m0skit © 2008.

Rambler's Top100