Сегодня
Главная | Поиск | Контакты | Реклама | Авторам | Магазин | Download datasheets | Форум
Internet:
Новости Интернета Новости Интернета
Интернет: что это такое? Интернет: что это такое?
Основные сведения об Интернет Основные сведения об Интернет
Безопасность Безопасность
Бизнес в Интернет Бизнес в Интернет
Компьютеры:
Новости Новости
Процессоры Процессоры
Системные платы Системные платы
Видеосистема Видеосистема
Мультимедиа Мультимедиа
Периферия Периферия
Коммуникация Коммуникация
Носители информации Носители информации
F.A.Q. - часто задаваемые вопросы F.A.Q. - часто задаваемые вопросы
Программы:
Новости софта Новости софта
Программы и утилиты для компонентов компьютера (процессоры, видеокарты, и т.д...) Программы и утилиты для компонентов компьютера (процессоры, видеокарты, и т.д...)
Программы для Internet Программы для Internet
Обзоры самых популярных программ Обзоры самых популярных программ
Драйверы Драйверы
DLL файлы DLL файлы
Программы, софт Программы, софт
Аудио и видео кодеки Аудио и видео кодеки
Драйвера Windows Vista Драйвера Windows Vista
Компьютерный форум
Наши друзья
Рассылка наших новостей:
Новости сайта о компьютерах InterComp.net.ru


Добавить в ИзбранноеСделать СтартовойОтправить ссылку друзьям










Главная - Обзоры самых популярных программ - Создание пульта управления в Photoshop

Создание пульта управления в Photoshop

Техника владения инструментом Airbrush (Распылитель) вызывает достаточно много вопросов среди пользователей Photoshop, поэтому мы решили поподробнее рассказать о приемах, используемых при работе с этим мощным инструментом в сочетании с манипулированием слоями.
Этот урок рассчитан на опытных пользователей Photoshop, знающих основы работы с соответсвующими панелями инструментов

При работе с Airbrush (Распылителем) достаточно сложно управлять яркостью бликов, тенями и другими деталями изображения. Поэтому мы рекомендуем использовать отдельный слой для каждого из элементов.
Ключом успеха здесь является правильное изображение световых бликов. Чтобы реалистично нарисовать панель, необходимо знать по крайней мере основы того, как свет преломляется и отражается различными материалами. Возможно, чтобы получить начальное предствление имеет смысл прочитать статью "Тона и тени" из раздела по практическому рисованию.
Итак, вот несколько примеров того, чего вы можете добиться использованием рубленой техники и распылителя.

if.jpg (10024 bytes)

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

Итак, создаем канал с общими очертаниями панели и называем его outline ("контур"). Если вы еще не умеете рисовать правильные закругленные углы, загляните в соответствующий урок. (В общих чертах технология такова: инструментом Path (Контур или Перо) создаете контур, превращаете его в выделение и затем выделение сохраняете как канал.)

Переключимся в канал RGB и загрузим канал outline ("контур") (Select>Load Selection…outline). Нажмите Ctrl-J чтобы создать копию текущего слоя. В панели "Слои" отметьте "Preserve Transparency" (Сохранить прозрачность). Переименуйте слой в main ("основной") и залейте его сплошныи серым цветом (Edit>Fill…50% Gray

Снова создайте копию канала outline ("контур") и назовите ее shadow ("тень"). Размойте его фильтром Гаусса на 4-5 пикселя (Filter>Blur>Gaussian Blur…5).

Прекрасно, переключимся в канал RGB и загрузим канал shadow ("тень") (Select>Load Selection…shadow). Сожмите получившееся выделение на 3 пикселя (Select>Modify>Contract…3) и затем инвертируйте его (Select>Inverse).

Нажмите Ctrl-J чтобы создать копию слоя (с путайте с каналом!), переименуйте его в shadow ("тень"). Отметьте галочкой "Preserve Transparency" (Сохранить прозрачность) и залейте слой черным (Edit>Fill…Black).

2.jpg (2798 bytes)

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

3.jpg (9143 bytes)

Снова идем в каналы: скопируйте канал shadow ("тень") переименовав его в reflex ("рефлексия").

Далее - Image>Adjust>Curves. Простым перетаскиванием измените кривую как показано на рисунке. Эта манипуляция изменит канал таким образом, что он сможет быть использован для изображения рефлексии. Рефлексия, на самом деле, есть ничто иное как разница между тенями (собственной тенью и тенями других объектов). В реальной жизни если объект расположен на темном фоне рефлексии у него не будет.

4.jpg (3896 bytes)

Вот как будет выглядеть канал "рефлексия" после искажения:

Теперь переключаемся на канал RGB. Также сделайте активным слой main ("основа"). Загрузите канал reflex ("рефлексия") (Select>Load Selection…reflex). Сдвиньте выделенную область на 3 пикселя вверх и влево (активизировав инструмент Move (Перемещение), вы сможете сдвинуть выделление курсором). Далее выберите Select>Inverse. Нажмите Ctrl-J чтобы создать копию текущего слоя. Отметьте на нем "Preserve Transparency", заполните белым и переименуйте в reflex ("рефлексию"). Теперь необходимо подправить слой рефлексии. Установите его прозрачность на 60-80% если он кажется вам слишком ярким (на ваш вкус). Затем уберите галочку с опции "Preserve Transparency", выберите инструмент Ластик и используя большую мягкую кисть сотрите верхний и левый край изображения, так чтобы стало видно тень). Переключитесь на слой "тень" и дважды нажмите Ctrl-E (слияние слоя с предыдущим) так, чтобы в итоге у вас получился только слой "основа".

5.jpg (2826 bytes)

Снова зайдите в Image>Adjust>Curves и настройте кривую так чтобы добиться наилучшего баланса между тенями и бликами. После этого рисунок будет выглядеть примерно так:

6.jpg (11783 bytes)7.jpg (1951 bytes)

Теперь нужно создать нижний слой.

Выделите часть слоя и переместите ее вниз.

Создайте новый слой и назовите его insert ("вставка"). Нарисуйте выделение и заполните его светло-серым как показано на рисунке. Поставьте галочку напротив "Preserve Transparency".

Славно… Теперь воспользуйтесь Airbrush (Распылитель) (мягкая кисть 45 пикселей и жесткость 25-30%). Нарисуйте две тени по краям, удерживая при этом Shift чтобы линии получились вертикальными. Возможно, вам потребуется несколько попыток, чтобы добиться желаемого результата.

10.jpg (3326 bytes)

Теперь, переключившись на слой "основа", выделите горизонтальную область толщиной 2 пикселя при помощи инструмента Single Row Marquee там, где мы разделили панель на две части. Далее Image>Adjust>Levels. Для верхней границы в среднем окошке запроса "Input Levels" введите значение 2, затем переместите выделение на 1 пиксель вверх, снова выберите Image>Adjust>Levels и в среднем окошке запроса "Input Levels" введите значение 0.4 Соответственно для нижней границы значения нужно вводить в обратном порядке и перемещать выделение вниз. Этот очень удобный прием создает эффект вдавленной линии или канавки, поэкспериментируйте с ним, поскольку мы будем пользоваться им и в дальнейшем.

Настало время добавить тени для всего пульта. Предварительно нажав Ctrl-Click на слое main ("основа"), создайте новый слой, назовите его, скажем, object shadow ("тень объекта"). Бросьте тень от слоя "основа" так, чтобы она легла на вновь созданный слой "тени объекта" (Layer>Effects>Drop Shadow - можете выставить параметры эффекта по своему усмотрению). Проделайте то же самое для слоя "вставка".

11.jpg (9149 bytes)

Теперь, используя уже знакомую нам технику создания вдавленных канавок, на каждом из слоев ("основе" или "вставке") создайте кнопки для вашего пульта, добавив надписи и желаемый фон.

Вот что получилось у меня…



Ваши вопросы, комментарии, дополнения:

Ваше имя *

Ваш e-mail *

Тема

Текст *

Код *


Введите число, нарисованное на картинке

* Поля обязательные для заполнения.


Скачать кодеки, аудио, видео
Медиа портал с возможностью скачать кодеки, аудио, видео - поддержка пользователей.
Скачать драйвера для Windows Vista
Онлайн поддержка пользователей ОС Windows Vista, коллекция протестированных драйверов для Vista - скачать драйвера для Windows Vista.

Обзоры компьютерных комплектующих, статьи о компьютерном "железе", техническая документация.
Download drivers for Windows Vista
Online international support for Windows Vista users, pretested drivers and software - download drivers for Windows Vista.

Rambler's Top100 be number one

InterComp.net.ru, 2001-2012 г.
Все о компьютерах и для вашего компьютера (hardware, software)