Уникальные Видеоуроки по Photoshop.
Убедитесь Сами в их Эффективности!
(каждый месяц свежие уроки)

+ ПОДАРОК
(Ваше реальное имя,
желательно на русском языке)


Закрыть
 
Как использовать тиснение
(44 голосов)
Автор\Перевод Вячеслав Пчелов   
20.07.2008
 
Этот урок был создан специально по просьбе одного из моих читателей. Он прислал мне эту картинку и попросил рассказать, как сделать такой эффект. Итак, в левой части картинки то, что он мне прислал, справа то, что я сейчас тут сделаю.



Шаг 1
Для начала нам понадобится новый документ с белым фоном

Шаг 2
Используйте Rounded Rectangle Tool для того чтобы создать прямоугольный контур

Если вы не имеете понятия о том, что такое контур, представьте себе, что это просто несколько точек, соединенных линиями и называющихся векторами. Изменение размеров фигуры основанной на векторах не произведет к ухудшению качества и появлению рваных краев у фигуры, все края останутся идеальными. А при увеличении обычной фигуры или изображения, произойдет ухудшение качества, так как увеличиваются пиксели (строится на пикселях, а не на векторах).



Шаг 3
Создайте прямоугольник, оставьте немного места вокруг него, не создавайте его на весь размер документа, т.к. там потом будет присутствовать еще и тень.

Шаг 4
Теперь у вас есть контур. Это не картинка, у него нет цвета и это не выделение.



Шаг 5
Откройте панель Paths (или зайдите в WindowPaths ) и нажмите на рабочий контур, после этого нажмите на иконку Load path as Selection



Шаг 6
Вернитесь обратно в панель слоев, создайте новый слой и залейте это выделение белым цветом ( EditFill ). Причина по которой мы это делаем, заключается в том, чтобы применить эффект к чему-нибудь реальному. Итак, заливая белым цветом мы просто получаем область на которой мы сможем в дальнейшем работать. А теперь давайте добавим симпатичный эффект для этой прямоугольной области.

Шаг 7
Дважды щелкните на слое прямоугольной области, чтобы вызвать Blending options . Нажмите на Drop Shadow и используйте следующие настройки:
Opacity : 34
Angle : 143
Distance : 8
Spread : 6
Size : 18
Теперь щелкните на Bevel and Emboss и используйте следующие данные: chisel hard (вы можете выбрать и другой параметр, это не принципиально)
Depth : 23
Size : 5
Soften : 0
Нажмите ОК, чтобы сохранить. В результате вы должны получить вот такую штуку:



Шаг 8
Вы наверное заметили (я уверен что заметили), что опция Use Global Light стоит и в Drop Shadow и в Bevel and Emboss . Я стараюсь сделать так, чтобы свет шел от одного источника, и казалось, что все слои освещаются одинаково. Вы можете убрать опцию глобального освещения и установить свои параметры. Хмм… пример?

Посмотрите на этот пример. В левой части находится объект, у которого Drop Shadow с включенной опцией Use Global Light . Вы можете видеть, что направление тени вполне соответствует направлению тени прямоугольника. Теперь посмотрите на другой, тот, что в правой части. Тень объекта не совпадает с тенью прямоугольника, что придает вид дисбаланса и смотрится не реально… Надеюсь тут все понятно. Немного подучились, продолжим далее:-D

Шаг 9
Теперь добавим немного объектов на прямоугольник.


Используйте любую фигуру из тех, какие предоставляет Adobe Photoshop, которая вам больше нравиться. Я буду использовать вот эту:


Шаг 10
И опять, та же самая процедура как и в начале. Нажмите на вкладке Paths , создайте выделение из контура, создайте новый слой и залейте белым цветом

Шаг 11
Два раза щелкните на слое, тем самым вызвав Blending options и снова поиграйте в настройками Drop Shadow и Bevel and Emboss .
Сейчас я хочу вам показать опцию Bevel с параметром Up и Down . Посмотрите на картинку.



Что вы тут видите? Я скажу вам, что я тут вижу. С эстетической точки зрения, эта штука, слева, выпуклая… дотрагиваясь, я как будто бы могу прочитать эту фигуру, так если бы это был шрифт Брайля для слепых. Другая, та, что справа, кажется вдавленной, создается такое впечатление, что туда можно налить воды.


Если вам понравился или не понравился этот фотошоп урок, в любом случае - можете оставить свой комментарий и проголосовать за него. Хотя, я надеюсь, что он вам понравился:)

Если вы нашли опечатку, можете уведомить меня об этом, выделите текст и нажмите Shift+Enter

 

Комментарии 

 
# Александр 21.07.2008 23:56
А нельзя ли дублировать инструменты и панели на русском для делитантов, вроде меня (PhotoShop с руссификатором)
Спасибо
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 22.07.2008 00:09
Цитирую Александр:
А нельзя ли дублировать инструменты и панели на русском для делитантов, вроде меня (PhotoShop с руссификатором)
Спасибо

Наведите курсор мыши на инструмент или пункт меню и всплывет подсказка на русском языке.
Ответить | Ответить с цитатой | Цитировать
 
 
# Kettrin 26.11.2008 16:49
За что люблю этот сайт, так это за то что здесь все понятно и просто!! Администрации байшое пасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
# Lesik0805 16.02.2009 01:41
а я то всю голову сломала... оказывается все так просто, а я что-то типа этого из микро-картинок собирала )) мозаика блин ))
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитро 07.03.2009 21:20
А можно и с фотографиями это делать?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 08.03.2009 21:43
кончено, просто откройте фотографию, вместо того, чтобы создавать новый документ с белым фоном...
Ответить | Ответить с цитатой | Цитировать
 
 
# Graff 21.03.2009 23:33
Спасибо, пригодилось, полезно...
Ответить | Ответить с цитатой | Цитировать
 
 
# n3k1T 31.03.2009 18:16
всё супер))
Ответить | Ответить с цитатой | Цитировать
 
 
# Дмитро 27.04.2009 18:02
если есть цветная фотография из объектом, который я хочу выделить(так как в даном уроке.как это сделать?
Ответить | Ответить с цитатой | Цитировать
 
 
# Дарья_M 22.05.2009 17:36
а можно ли такое сделать на страничке сайта? И если можно, то как.
Ответить | Ответить с цитатой | Цитировать
 
 
# ...Яна... 01.06.2009 02:44
Вячеслав, подскажите пожалуйста как обрезать картинку так, чтобы у неё были закруглёные концы? Типа как тут. :-?
Ответить | Ответить с цитатой | Цитировать
 
 
# Вячеслав Пчелов 01.06.2009 03:14
Яна, поверх картинки наносите прямоугольник со скругленными углами (инструмент так и называется - Прямоугольник со скругленными углами), после этого подведите курсор к миниатюре только что созданного слоя, и нажмите левую кнопку мыши, удерживая клавишу ctrl.

Теперь переместитесь к слою с картинкой, и нажмите сочетание клавиш ctrl+shift+i, нажимайте клавишу del, вот и все...
Ответить | Ответить с цитатой | Цитировать
 
 
# ...Яна... 06.06.2009 04:53
Спасибо большое
Ответить | Ответить с цитатой | Цитировать
 
 
# Илья_ 06.02.2010 19:29
Урок очень помог и понравился. Редкость :0
Особенно порадовали подсказки на русском!
Сайт идет в закладки в обязательном порядке, а значит несоклько беклинков обеспечено :)
Ответить | Ответить с цитатой | Цитировать
 
 
# Гульжик 03.11.2010 17:19
Вячеслав, премного благодарна, все гениальное просто, особенно очень понравилось итерактивы на рус.
Ответить | Ответить с цитатой | Цитировать
 
 
# Hoshi 29.03.2012 12:54
Шикарный урок!Всё предельно ясно, автору спасибо огромное :D :D :D
Ответить | Ответить с цитатой | Цитировать
 
 
# нью 29.08.2012 15:24
А как сделать тоже самое но со шрифтом как на первом примере?
Ответить | Ответить с цитатой | Цитировать