Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

Создание хрустального шара - уроки фотошоп

6 июля 2008 | Пользователь NonSa

Время выполнения работы: 2-3 часа.
Автор: Mark Mayers - внештатный иллюстратор и цифровой художник, работающий в Корнуолле. Дизайнерский опыт более 18 лет, сотрудничал с такими компаниями как: American Express, British Gas и Euro Disney. Обладатель премий ‘MetalFX Designer of the Year 06’ и ‘MetalFX Designer 07’.

Несмотря на то, что это изображение вначале выглядит довольно просто, но если присмотреться вы поймете, что содержит множество графических трудностей: преломление руки, здания, которые отражены перевернуто, когда смотрим через стеклянный шар, отражение неба на искривленной поверхности шара.
В этом уроке Mark Mayers пошагово показывает несколько методов использования фильтров distortion и polar coordinates Adobe Photoshop. Совместно с изменением непрозрачности и режимов смешивания, эта техника позволит воплотить данный усложненный эффект.

01. Подберите несколько фотографий для работы. Здесь, я использовал эти три фото, которые купил на istockphoto.com.

Создание хрустального шара - уроки фотошоп


Создание хрустального шара - уроки фотошоп


Альтернативно используйте свои собственные фотографии.

(NS: подборку подобных фото можете скачать здесь:
Небо – Вы не можете скачивать файлы с нашего сервера

Небоскребы – Вы не можете скачивать файлы с нашего сервера

Откройте фото небоскребов в Photoshop и очертите контур зданий, используя инструмент Перо. Преобразуйте контур в выделение (правый щелчок на контуре и выбираем Make selection), а затем копируем в буфер обмена.

Создание хрустального шара - уроки фотошоп


02. Создайте новый документ A3, RGB и 300dpi. Вставьте здания в документ в новом слое и трансформируйте, как показано ниже. Затем откройте два изображения неба и перенесите в рабочий холст ниже слоя «здания». Слой «оранжевое небо» располагаем выше слоя «голубое небо», меняем режим смешивания слоя на Screen. Трансформируйте каждый слой неба и создайте драматичную центральную область облаков.

Создание хрустального шара - уроки фотошоп


03. Корректируем оранжевые тона верхнего слоя неба, открыв Image > Adjust > Replace Colour. Используйте пипетку, чтобы выбрать оранжевые тона, и устанавливаем saturation на -82. Затем нажимаем Ctrl + B, чтобы открыть диалоговое окно Color Balance; уменьшаем в midtone красный цвет до -18 и увеличиваем синий +32.

Создание хрустального шара - уроки фотошоп


04. Скройте видимость слоя зданий, перейдите в верхний слой неба и нажмите Ctrl + Alt + Shift + E (это копирует видимые элементы в новом слое). Это изображение будет преломлено в сфере позже; наличие оригинальных неповрежденных слоев предоставляет гибкость действий, слейте слои неба. Открываем фото Hand. jpg, удерживая Ctrl, щелчок на существующем контуре (в закладке Контуры), чтобы загрузить выделение, затем вставляем это свой рабочий файл в самый верхний слой и меняем размер, поворачиваем и размещаем, как показано ниже. Корректируем midtone Levels, передвигаем средний серый ползунок к 0.87.

(NS: файл к уроку можете скачать здесь: Вы не можете скачивать файлы с нашего сервера

Создание хрустального шара - уроки фотошоп


05. Чертим круг инструментом Marquee tool, при необходимости измените размер выделение (правый щелчок и выбираем Трансформировать выделение) и стрелками на клавиатуре передвиньте круг, чтобы он лежал в пределах кисти руки. Создайте новый канал и установите цвет foreground черный, нажмите Delete, это зальет выделение белым. Затем, включаем верхний канал RGB (клик по «глазу»), чертим контур вокруг мизинца и загружаем выделение контура (правый щелчок и выбираем make selection). Сейчас переходим в слой «рука» и нажимаем Ctrl + J, чтобы копировать и вставить область выделения в новый слой; назовите это соответственно.

Создание хрустального шара - уроки фотошоп


06. Переходим в объединенный слой неба и тянем квадратное выделение, больше области круга. Используйте свой дополнительный канал в качестве гида (щелкните два раза по иконке Channel, откроется окно настройки непрозрачности). Масштабируйте выделение, как требуется, затем Копируем выбеленную область в буфер обмена.

Создание хрустального шара - уроки фотошоп


07. Создайте новый документ, использующий размер, содержащийся в буфере обмена, установите background content (фон) transparent (прозрачный). Вставьте выделение. Сейчас начинается забавная часть: выберите Filter > Distort > Polar Coordinates, в открывшемся окне выбираем Polar to Rectangular.

Создание хрустального шара - уроки фотошоп


08. Выберите canvas size (размер холста) и отключите опцию Relative. Установите высоту на 200 percent и anchor (белый квадратик - якорь) переместите посередине вверх. Дублируйте слой, поверните на 180 и отразите по горизонтали. Теперь, удерживая shift, перемещаем дубликат вниз холста, но оставив немного прозрачных пикселей в самом низу.

Создание хрустального шара - уроки фотошоп


Создание хрустального шара - уроки фотошоп


09. Слейте слои и нажмите Alt + Ctrl + F, чтобы открыть последний примененный фильтр. Выберите опцию Rectangular to Polar, которая создаст вам неправильную сферу. Чтобы исправить это, выбираем Image > Image Size, отключаем Constrain Proportions и включаем Resample Image, устанавливаем высоту такой же, как ширина. Затем, увеличиваем сферу, используя фильтр Filter > Distort > Pinch, используя отрицательный процент, чтобы переместить пиксели далеко от центра (я использовал -86%).

Создание хрустального шара - уроки фотошоп


Создание хрустального шара - уроки фотошоп


10. Теперь вы можете перенести шар в рабочий документ. Поместите слой с шаром между слоями руки и мизинца; используйте свой Альфа канал, чтобы точнее разместить. Не волнуйтесь о сфере, которая слегка больше необходимого размера – загрузите выделение Альфа канала, инвертируйте, нажмите Delete. В реальном мире, объекты, рассматриваемые через стеклянную сферу, видятся перевернутыми – сделать это просто, поверните сферу на 180 градусов.

Создание хрустального шара - уроки фотошоп


11. Полярные координаты, работают лучше всего с изображениями без специфических деталей, так что используем другую технику, чтобы исказить здания. Перейдите в слой зданий и тяните квадратное выделение, но теперь примерно на 20% большего размера, чем вы это сделали в шаге 06. Копируем выделение в новый слой, поворачиваем на 180 градусов и выбираем Edit > Transform > Warp. Деформируем копию «зданий» по форме нашего шара. Я также применил фильтры Pinch и Spherize (Filter > Distort > Pinch и > Spherize).

Создание хрустального шара - уроки фотошоп


12. Переместите слой выше сферы, включите режим смешивания на Hard Light и уменьшите непрозрачность до 35%. Исказите пальцы, которые за шаром: дублируя слой руки и используя фильтр Spherize. Используйте inversed (инверсия) выделения из вашего канала и нажмите delete, чтобы убрать излишек изображения. Инвертируйте выделение снова, перейдите в оригинальный слой руки и идите Layer > Layer Mask > Hide Selection.

Создание хрустального шара - уроки фотошоп


13. Находясь в слое «рука», тяните прямоугольное выделение верхней её части (инструментом rectangular marquee) и повторите Поляризацию, как описано в Шагах 07-09. Затем перенесите в новый слой под слой «мизинец», разместите и поверните, как показано ниже, измените режим смешивания на Hard Light и непрозрачность 50%. Затем сотрите лишнюю центральную область и удалите излишки, затем добавляем маску слоя и плавно смешиваем внутренние края.

Создание хрустального шара - уроки фотошоп


Создание хрустального шара - уроки фотошоп


14. Дублируйте оригинальный слой сферы, включите режим смешивания на Multiply и уменьшите Непрозрачность до 85%. Добавьте маску слоя и, используя радиальный градиент, маскируем центральную область. Потом, добавьте маску слоям деформированных зданий и «отражение пальцев» (из шага 13), также используйте радиальные градиенты, только меньшего размера. Сделайте шар полупрозрачным, уменьшите непрозрачность оригинального слоя сферы до 83%.

Создание хрустального шара - уроки фотошоп


15. Проявим пальцы сзади шара: добавляем маску оригинальному слою сферы, Загружаем выделение из слоя деформированной руки (шаг 12) и плавно маскируем. Потом, с все еще загруженным выделением, повторяем действия в маске слоя деформированных зданий, затем добавляем Gaussian Blur радиусом в 2 пикселей. Наконец, создайте новый слой выше всех остальных слоев, и добавьте несколько зеркальных вспышек, используя мягкую круглую кисть (soft-edged) и белый цвет.

Создание хрустального шара - уроки фотошоп


16. Продолжайте добавление и дублирование слоев, экспериментируйте с различными режимами смешиваний, чтобы создать шару больше смысловой глубины. Потом, добавьте несколько теней на ладонь руки и вокруг мизинца – используйте несколько слоев в режиме Multiply и меняя их непрозрачность, затем добавьте маски слоев, чтобы плавно смешать их вместе. Как только вы будете удовлетворены результатом, копируйте видимые слои (как в шаге 04) и, увеличив масштаб просмотра, инструментами Blur и Smudge в этом слое исправляете любые небольшие дефекты.

Создание хрустального шара - уроки фотошоп


Заключительный результат:

Создание хрустального шара - уроки фотошоп

Автор: Mark Mayers

Перевод: NonSa

Источник: digitalartsonline.co.uk

Пароль: artjunkies.net


Отзывов: 6 | Просмотров: 3696

Похожие новости:


  • Создаем искрящуюся фотографию - уроки фотошоп
  • Светящийся эффект в Photoshop - уроки фотошоп
  • Город штрих кода - уроки фотошоп
  • Прохладная Реклама - уроки фотошоп
  • уроки фотошоп - Раскалённая надпись в перспективе.

  • Ключевые слова:


    урок, уроки фотошоп, tutorial, photoshop

    каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #1 Ответил Doodlez, 7 июля 2008 14:25

    Классный и очень олезный урок. можно найти много применений. спс большое good

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 7

    #2 Ответил maZZ_iK, 7 июля 2008 14:29

    Клева) пасиба)))

    ответить

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

    смотрю на дым ушедших дней...
    все говорят - ради тебя
    и я встаю, уже сильней
    и мысль хорошая всегда

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 7

    #3 Ответил inasup, 9 июля 2008 10:53

    блин, что-то я не понимаю 6 пункт

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 284

    Комментариев: 530

    #4 Ответил NonSa, 9 июля 2008 21:28

    inasup,
    Задача - создать квадратное выделение. Без выделения круга Вам не видны границы и затруднительно тянуть квадрат вслепую. )))
    Переходите в закладку (палитру) Каналы, Ctrl+клик по иконке Альфа канала - загрузится выделение круга. Клик по "глазу" канала RGB - получаем катринку подобную скриншоту. Далее переходите в палитру слоев и тянете квадратное выделение.

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #5 Ответил S_erg1y, 18 июля 2008 21:02

    На архивах с картинками соят пароли.

    ответить

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

    Аватар

    Группа: Гости

    Публикаций: 0

    Комментариев: 0

    #6 Ответил ИмяVladF, 4 августа 2008 10:20

    Пароль под последней картинкой автора

    ответить

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


    добавитьДобавить комментарий:


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

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

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Пользуетесь ли вы сервисами социальных закладок?
    Да! good2
    Нет negative

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее

    ArtJunkies Вконтакте!

    ArtJunkies Вконтакте!

    Присоединяйся!