Меню сайта
В избранное
* Главная страница
* Уроки Photoshop
* Архив аватарок
* КОНКУРСЫ (new)
* Рамки для фото
* Шрифты
* Кисти
* Видео уроки(скоро)
* Уроки рисования карандашом
* Добавить урок (new)
* О сайте
* Гостевая книга
* Обратная связь(new)
Новинки
Скачать все Аватарки в одном архиве(8,12Mb)
---------
Скачать все кисти в одном архиве(206,09Mb)
---------
Скачать все рамки в одном архиве(67,6Mb)
---------
Скачать все шрифты в одном архиве(38,58Mb)
Объявления
Последнее с форума:
Лучшие уроки фотошоп, все для Photoshop

Уроки фотошоп - Photoshop CS



Как нарисовать 3D кольца


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

Это не просто урок Photoshop по созданию колец. Я хочу больше рассказать вам о заливке слоев, векторных и обычных масках, о том, как их использовать.

1. Создаем фигуру круга

Откройте новый документ (размеры не имеют значения).

Выберите на панели инструментов Ellipse Tool Ellipse Tool 


Прежде, чем мы продолжим дальше, взгляните на панель опций данного инструмента.

Важно, чтобы была выбрана иконка Shape layers Shape layers(A). Обратите внимание, что активна иконка Ellipse Tool
Ellipse Tool(B). Также важно, чтобы была выбрана иконка Create a new shape layer Create a new shape layer(C).

Щелкните дважды в области, обозначенной D, чтобы изменить цвет фигуры. Цвет в данном уроке можно выбрать произвольный. Давайте остановимся на обычном синем.



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

Что мы видим? Давайте я немного поясню.

Во-первых, как вы заметили, круг имеет неровные края. На самом деле – это контур, который создает данную фигуру.

Всегда можно сделать его невидимым, но это может смутить тех, что выполняет данный урок, поэтому я оставил контур как есть.

кольца в фотошопе
Взгляните на палитру слоев.

A – это то, что называется Fill Layer (Заливка слоя). Отличие между слоем с Fill Layer и инструментом Paint Bucket Tool в том, что в Fill Layer мы можем легко изменить цвет, щелкнув дважды на иконке на палитре слоев.

B – это векторная маска, которая основана… да, на векторах. В данном случае наш круг нарисован при помощи векторных контуров. Двойная граница вокруг маски также означает, что маска активна. Запомните это, всегда проверяйте, активна ли ваша маска. Это поможет избежать неприятных проблем.

Я не буду детально описывать маски, и как они работают, потому что уже обсуждал эту тему во всех подробностях в Layer Masks Photoshop tutorial. Все, что требуется знать сейчас, - это то, что маска ограничивает видимость части слоя, а в данном случае – заливку слоя. Поэтому в итоге мы видим фигуру круга.

Все станет более понятным, когда вы выберите Path Selection Tool на панели инструментов (на скриншоте отмечено как A).

Выберите контур этим инструментом, чтобы передвинуть его. Вы заметите, что двигается только контур окружности (проверьте по палитре слоев), а не фигура. Хотя все выглядит так, что передвигается фигура. Вот так "работают" фигуры в Photoshop: они представляют собой векторные контуры внутри маски заливки слоя. Довольно туманно звучит, но попробуйте понять это.



2. Создаем второй контур и корректируем размеры

На этом шаге мы собираемся нарисовать второй круг. Убедитесь, что активен инструмент Ellipse Tool
Ellipse Tool и отметьте на панели опций иконку Subtract from shape layer (средняя).

Нарисуйте меньший круг поверх первого. Не забудьте перед началом рисования нажать клавишу Shift.


Второй контур вычитается из первоначальной фигуры (потому что мы выбрали
).

Сейчас я покажу вам, как выровнять оба контура и изменить размеры.

Начнем с выравнивания. Выберите Path Selection Tool выделение на панели инструментов и выберите оба контура, растянув квадратную рамку вокруг них с нажатой левой кнопкой мыши.


На панели опций выберите следующие иконки:

- Align vertical centers (Вертикальное выравнивание центров)

- Align horizontal centers (Горизонтальное выравнивание центров)

Центры обеих фигур теперь выровнены.

Следующим шагом мы изменим диаметр кольца. При активном инструменте Path Selection Tool отметься опцию Show Bounding Box на панели опций:




Это создаст габаритную рамку вокруг нашей фигуры:

рамка вокруг фигуры
Зажав клавишу Shift, щелкните на одной из угловых точек и передвиньте ее внутрь или наружу от центра. Отпустите клавишу Shift и кнопку мыши, когда закончите, и нажмите клавишу Enter.

Щелкните инструментом Path Selection Tool вне фигуры, чтобы отметить выделение контуров.

А теперь щелкните на внутреннем контуре в окне документа, чтобы выделить его. Габаритная рамка появиться снова.

Щелкните на одной из угловых точек и нажмите кнопку мыши. Не двигайте мышь! Нажмите клавиши Alt (Option key для Mac) и Shift и передвиньте выбранный угол внутрь или наружу. Отпустите кнопку мыши и обе клавиши, когда будете удовлетворены результатом, и нажмите клавишу Enter.



Клавишу Alt необходимо было нажать, чтобы центр контура не смещался.

Примечание: Если бы мы выбрали сочетание клавиш Alt + Shift перед тем, как щелкнули на угловой точке, мы создали бы новый контур, а это вовсе не то, что нужно. Поэтому убедитесь, что вы выбрали угловую точку и нажали кнопку мыши перед тем, как нажали клавиши Alt и Shift.

3. Добавляем к слою стили и создаем второе кольцо

Вернемся на панель опции и снимем галочку с опции Show Bounding Box, потому что рамка нам больше не нужна, она только будет отвлекать внимание.

Давайте добавим к кольцу некоторые стили. Щелкните на кнопке Add a Layer Style на палитре инструментов и добавьте следующие стили:

Drop Shadow:

drop shadow
Bevel and Emboss:
Bevel and Emboss

Дублируйте этот слой:, щелкните на иконке заливки слоя на палитре слоев, а затем, зажав кнопку мыши, перетащите ее на иконку Create a New Layer .


Fill Layer
Щелкните дважды на иконке Fill Layer нового слоя и измените цвет на красный:


Верхний слой должен быть активен (проверьте).

Убедитесь, что выбран инструмент Path Selection Tool и затем выделите все кольцо, нарисовав вокруг него прямоугольное выделение этим инструментом. Оба контура, образующие кольцо, будут выделены. Затем, щелкните на красном кольце и, зажав кнопку мыши, сдвиньте его вправо, пока у вас не получится примерно следующее:
кольца

4. Исправляем пересекающиеся участки

А теперь немного поколдуем. Проверьте, что выбран верхний слой (с красным кольцом) и щелкните мышью с нажатой клавишей Ctrl (Command для Mac) на синей иконке заливки слоя. На палитре слоев он расположен ниже.

Хотя мы все еще находимся в слое с красным кольцом, теперь у нас есть выделение, основанное на слое с синим кольцом. Добавим маску, щелкнув на иконке Add Layer Mask  на палитре слоев:
тень колец

Результат выглядит немного странновато, но мы это исправим, инвертировав маску (нажмите Ctrl + I (Command + I on the Mac)):


Теперь мы должны подправить область, где пересекаются оба кольца. Красное кольцо должно располагаться над синим. Маска должна быть все еще активна (это важно), если вы не щелкали где-нибудь еще.

Сначала нажмите D, чтобы изменить основной цвет на белый:  
Теперь выберите Tool Brush на панели инструментов и возьмите обычную кисть размером немного больше, чем участок, который вам необходимо заполнить. Затем закрасьте открытый участок окна документа. Красное кольцо проявиться.


Мы должны заняться еще одной проблемой. Взгляните на этот участок изображения:


В месте, отмеченном как А есть искажение эффекта барельефа. Для детализации я увеличил часть изображения, и вы можете заметить, что затенение края красного кольца исчезает около точки, отмеченной D, чего быть не должно.

Вы также заметите - что-то не так с тенями в местах, отмеченных B и C.

Есть очень простой способ все это исправить. При активном верхнем слое, щелкните дважды на слове Effects на палитре слоев, чтобы открыть окно стилей слоев:


Теперь щелкните дважды на области, обозначенной Blending Options:


Выберите опцию Layer Mask Hides Effects и щелкните OK:


Примечание: я использую Photoshop CS и мне известно, что в более ранних версиях программы этой опции нет. Есть другие способы получить аналогичный эффект, и, возможно, однажды я напишу об этом.

Каким же будет результат применения Layer Mask Hides Effects ?


И как всегда: наслаждайтесь!


Статистика статьи


Дата размещения: 2011-02-25
Средняя оценка: 4.2
Количество голосовавших: 10
Количество просмотров: 9337




Оцените статью по пятибальной системе:
5 баллов || 4 балла || 3 балла || 2 балла || 1 балл

Добавить комментарий
*Введите Имя

Введите E-mail

*Текст комментария

*Введите цифры которые изображены на картинке


Внимание! Поля помеченные |*| Обязательны для заполнения!


Александр || e-mail: alex.kbr@ymail.com || Дата: 2011-07-06 || Время: 23:00:15
Спасибо админу за заметку. А как сделать эти кольца в 3-мерном пространстве - например, положить их на стол? Кстати, с этим эффектом кольца станут гораздо красивее:)



Copyright © 2007-2008 by Павел . Разрешается републикация материалов сайта в Интернете с обязательным указанием ссылки на сайт "Уроки Photoshop" http://www.pscs.ru
Если вы усматриваете какие либо нарушения/ущемления авторских прав, то просим сообщить на driver0505(@)mail.ru. Мы уважаем и ценим авторские права!

Бесплатные уроки фотошоп, photoshop cs
Реклама


Поиск по сайту
Введите запрос на поиск, например название урока
 

Статистика

Статистика :
Количество уроков : 126
Количество рамок: 139
Количество шрифтов: 1273
Количество кистей: 311


Rambler's Top100
Карта сайта