• Авторизация


Без заголовка 03-09-2010 12:07 к комментариям - к полной версии - понравилось!

Это цитата сообщения morela4 Оригинальное сообщение

Льющаяся вода

1. Кофе, чай или...
На рисунке ниже вы можете видеть предварительный результат того, что я хочу показать вам в этом примере. А именно попытку создать льющуюся жидкость используя только инструменты и фильтры Photoshop.
Чтобы сделать этот эффект, я создал новое RGB изображение размером 1200х1200 пикселей (гораздо больше, чем картинки которые вы здесь видите). В нескольких шагах ниже значения, используемые для достижения определенных эффектов применения фильтров, будут зависеть от размеров вашего изображения. Я начал с облаков, вы видите их ниже на второй картинке, создал новый слой и выбрал Filter > Render > Clouds. Clouds это фильтр, создающий случайный (каждый раз разный) облакоподобный рисунок используя два цвета. По умолчанию черный с белым.

Льющаяся вода
Льющаяся вода

2. Искажения
Сейчас я собираюсь изменить слой с облаками, чтобы он выглядел больше похожим на жидкость, для этого я применил фильтр Displace из группы Distort. Этот фильтр берет изображение (вы указываете какое) и использует его характеристики чтобы воздействовать на пиксели в вашей картинке. Выбрав Filter > Distort > Displace сначала я увидел это диалоговое окно.
Льющаяся вода
В нем я ввожу значения контролирующие направление и величину искажения. Используемые числа зависят от разрешения вашего файла. Для получения желаемого эффекта я поставил 40 в Horizontal Scale box и ничего в Vertical Scale. Далее вы должны указать файл, используемый в качестве карты смещения (Displacement Map) т.е. изображение используемое для искажения ваших облаков. Я использовал эту картинку:
Льющаяся вода
Результат работы фильтра видно на рисунке ниже. Если вы хотите узнать больше о том как работает этот фильтр посмотрите тутор Смещённый текст.
Льющаяся вода

3. Масштабирование и Искажение (Снова)
В конце концов я собираюсь получить что-то, напоминающее льющуюся жидкость. Так что дальше я выделяю свою картинку (Select:All) и масштабирую её используя Edit > Transform > Scale. Если вы будете держать кнопку Alt и масштабировать одну сторону изображения по направлению к центру, противоположная сторона будет также двигаться к центру. После нажатия Enter у меня есть сильно суженная версия того, что было в предыдущем шаге. Но вода не льется так ровно, и чтобы придать этой форме реалистичный вид, я возвращаюсь к фильтру Displace. В этот раз я применил ту же карту смещения, поставил 0 в Vertical Scale box и понизил значение до 10 в Horizontal Scale box.
Льющаяся вода
Льющаяся вода

4. Выбираем цвет
Следующее, что я хочу сделать это небольшая раскраска. Я собираюсь придать жидкости вид кофе или чая. Во-первых, я выбрал Image > Adjust > Brightness/Contrast и поднял контраст до значения в +30 чтобы детали выглядели очень резко, как вы можете увидеть на отражающей жидкости. Потом я изменил цвет выбрав Image > Adjust > Hue/Saturation. Я поставил флажок Colorize и передвигал позунки Hue (цвет) и Saturation (интенсивность) пока не получил что хотел.
Льющаяся вода

5. Подправим немного
На мой взгляд эта более-менее прямая фигура выглядит не совсем естественно. Поэтому я налил немного воды и посмотрел как она выливается из чашки. Поток воды имеет небольшие завихрения, чтобы имитировать их я обратился к фильтру Shear. Это еще один фильтр из группы Distort, который позволит сделать именно то, что нужно.
Льющаяся вода

Далее я применил трансформацию Perspective для сужения струи книзу. Эксперементируя с водой я заметил, что поток жидкости, за небольшими исключениями, течет струей сужающейся по мере удаления от источника. Я выбрал Edit > Transform > Perspective и немного передвинул нижние углы как показано ниже.
Льющаяся вода

6. Источник жидкости
Сейчас самое время связать мой рисунок с реальными объектами.
Во-первых я зашел в меню Image и выбрал Canvas size, где увеличил рабочую область, чтобы добавить в дальнейшем другие картинки. Потом я добавил этот кофейник и передвинул "жидкость" на место. Теперь поработаем с областью около носика.
Льющаяся вода

7. Мистер Liquify
Здесь вы можете увидеть исходную картинку и результат после обработки. Чтобы завернуть и заострить её так, как будто она льется из носика, Я применил Filter > Liquify (есть в Photoshop 6 и выше). Liquify действует как комбинация нескольких Distort фильтров, но у вас есть возможность выборочно применять искажения, используя кистеподобные инструменты. У Liquify есть одна досадная особенность: вы не видите никаких слоев кроме того, в котором работаете. Поэтому проверьте в каком слое вы находитесь. Для работы я использовал Warp Tool , изменяя размеры кисти. Инструменты легко понятны и вы быстро прочувствуете их. Я просто передвинул несколько пикселей в нужном направлении.

8. Накладываем маску
Чтобы исправить область вокруг носика, создаем Маску слоя. Для этого кликните на иконке Add Mask Добавить маску внизу палитры слоев. Ваш слой должен выглядеть так:
Льющаяся вода
Дальше я кликнул на иконке маски (черно-белая справа от иконки слоя), выбрал аэрограф и маленькую кисть с грубыми краями, потом закрасил черным цветом ту часть которую хотел скрыть. Теперь жидкость выглядит так, как будто и в самом деле выливается из кофейника.
9. Чашка
Сейчас, чтобы не дать моей псевдожидкости устроить большой беспорядок, я добавил картинку на которой кто-то держит кружку. Мне нужно чтобы выглядело так, как будто жикость и в самом деле льется в чашку, поэтому я снова создаю Маску слоя. (прим. перев.: по-видимому автор перетащил иконку слоя с жидкостью на иконку добавления маски слоя)
Сначала я нарисовал овальную рамку выделения используя эллиптическое выделение (Elliptical Marquee Tool), затем поместил её на нужное место при помощи стрелок на клавиатуре. Теперь я могу скрыть ту часть картинки, которая не должна быть видна. Убедитесь что вы все еще работаете в Маске слоя. Видите контур вокруг иконки маски? Он говорит о том, что все что я делаю действует на маску, а не на само изображение. В маске я закрасил черным ту часть жидкости, которая не должна быть видна из-за края чашки.
Льющаяся вода

10. Размоем маску
Если вы хотите представить несколько изображений как одно целое, хорошим завершающим шагом будет размытие границ фигур. Существует несколько способов сделать это, но в последнее время я просто немного размываю маску слоя. В этом и состоит трюк. Сравните границу жидкости на картинке ниже и на картинке из шага 11. Я применил размытие по Гауссу (Gaussian blur), и маска стала выглядеть более нечеткой.
В завершении у меня появилось несколько соображений относительно цвета моей жидкости. В конце концов я ведь не пью кофе. Но мне кажется, он не должен быть таким темным и коричневым. Я выбрал Image > Adjust > Brightness/Contrast... и передвинул оба ползунка на положительные значения за тридцать, чтобы немного изменить жидкость. Так выглядит лучше.

11. Перерыв на кофе!
Whew! Вы неплохо потрудились, не так ли? Возьмите Тайм-аут.
Пока вы отдыхаете взгляните на наш результат. Выглядит довольно хорошо. Если вы знаете на что вы смотрите, вас не одурачить, но покажите кому-нибудь еще эту картинку и у них не возникнет сомнений. Ещё одна победа для Photoshop!

Серия сообщений "ФШ уроки":
Часть 1 - Урок "Создание рамочки в Фотошопе".
Часть 2 - Уроки по фотошопу
Часть 3 - Пасхальная открытка в фотошопе
Часть 4 - Уроки Фотошопа: Использование фотографии как фона
Часть 5 - Фон из Фото.
Часть 6 - Эффект миниатюрного фото (урок Photoshop)
Часть 7 - урок-2 способ стерео-эффекта
Часть 8 - урок-делаем стерео эффект
Часть 9 - Вырезаем объекты (фотошоп)
Часть 10 - 15 уроков по работе c фотошопом
Часть 11 - Фотошоп: Эффект переплетающихся полос
Часть 12 - Создание космической фотокомпозиции
Часть 13 - Глаза
Часть 14 - Сияющая спираль вокруг объекта - урок фотошопа
Часть 15 - Эффект сеточка мелкая
Часть 16 - Волшебное свечение
Часть 17 - Лучи солнца
Часть 18 - Интересный эффект прозрачности на одежде
Часть 19 - Эффект вечернего макияжа глаз в Photoshop
Часть 20 - Уроки фотошоп. Подробный урок по вставке лица для новичков.
Часть 21 - Урок 61. Снег или летящие снежинки
Часть 22 - как из самой картинки сделать блестящую рамку.
Часть 23 - урок№1.БЛЕСТЯЩАЯ РАМКА
Часть 24 - урок № 6.Как готовую картинку "одеть" в блестящую рамку
Часть 25 - урок №2.С масками
Часть 26 - урок № 3.Делаем анимационную открытку
Часть 27 - урок № 4.Делаем блестяшку
Часть 28 - урок № 5.Делаем анимацию
Часть 29 - урок № 8.Как сделать падающий снег
Часть 30 - Уроки фотошоп. Портрет в пузырьках
Часть 31 - Меняем цвет волос - урок фотошоп
Часть 32 - Создание рамки из фона и shape (фигуры)
Часть 33 - Урок 28. Несколько рамок на одной картинке
Часть 34 - Как быстро отделить объект от фона с помощью маски
Часть 35 - Фотошоп. Блики, нарисованные кисточкой
Часть 36 - Фотошоп - слияние двух картинок
Часть 37 - Макияж на фото
Часть 38 - Украшаем портретный снимок в Photoshop
Часть 39 - 2D-3D конверсия. Трехмерное стереоизображение.
Часть 40 - Делаем рамки используя кисти.
Часть 41 - Урок 26. Как добавить что-либо, при помощи штампа
Часть 42 - Уроки фотошоп. Создаем фантастические эфекты
Часть 43 - Вырезаем сложные объекты из фона, используя каналы (Channels) и уровни (Levels).
Часть 44 - Как отделить объект от фона в Фотошоп.Продолжение.
Часть 45 - Создай яркие обои из своей фотографии в Фотошоп
Часть 46 - Отличная подборка уроков в фотошоп!
Часть 47 - Урок плавного движения..
Часть 48 - Плавные движения всего на двох слоях..
Часть 49 - Урок ДОЖДЬ
Часть 50 - Урок 74. Как сделать луч света
Часть 51 - Создание Теней для Сложных Объектов
Часть 52 - Делаем превью для фонов.
Часть 53 - Урок фотошоп. Завернутый угол!
Часть 54 - обработка в стиле Винтаж [урок]
Часть 55 - Урок 62. Еще один способ выделения
Часть 56 - Как поменять цвет определённого объекта на фото в Фотошоп?
Часть 57 - Радужные волосы - урок фотошоп
Часть 58 - Урок про фоны
Часть 59 - УРОК ОТ Хиттера.УРОК СНЕГ С ПОМОЩЬЮ ПЛАГИНА VDL Adrenaline Snowflakes
Часть 60 - Очищаем фотографию
Часть 61 - Урок Photoshop. Акварельный рисунок.
Часть 62 - Продвинутая обработка фотографии . Уроки Фотошопа,
Часть 63 - Как сделать крутящуюся звезду.
Часть 64 - Урок Елены Медведевой
Часть 65 - Урок фотошоп Зажигаем свечи
Часть 66 - Воздушные замки
Часть 67 - Повышаем насыщенность и добавляем четкости
Часть 68 - Добавляем фотографии гламурный эффект
Часть 69 - Огромный урок по фотомонтажу
Часть 70 - Капелька росы
Часть 71 - Меняем оттенок волос в фотошопе
Часть 72 - заливаем гллитером картинку
Часть 73 - Урок 10. Яркий фрагмент на ч/б картинке
Часть 74 - Урок по просьбе друзей - Мигающий свет.
Часть 75 - Как делать полупрозрачные с обводкой фоны для дневников
Часть 76 - Как делать схемы для дневника в фотошопе
Часть 77 - Цифровой реализм "Глаза"
Часть 78 - Рисуем стикер - урок фотошоп
Часть 79 - Создаем коллаж.
Часть 80 - Учимся добавлять водное отражение к любой фотографии
Часть 81 - Создаем коллаж.
Часть 82 - Урок ЭМИЛЛИ-"Эффект огня"
Часть 83 - Рисуем апельсин
Часть 84 - Урок 77. Как сделать пузырьки в шампанском
Часть 85 - Уроки ф. Ш. Огненные цветы.
Часть 86 - Создаем коллаж.
Часть 87 - Рисуем в фотошопе ЛУЧИ..фильтром
Часть 88 - Создание простой винтажной рамки в Фотошопе.
Часть 89 - Выход из кадра или 3D эффект - урок Фотошоп
Часть 90 - Романтический эффект фото - урок фотошоп для новичков
Часть 91 - 3D чертёж
Часть 92 - Урок 22. Мигание точек, звездочек и любых фигур
Часть 93 - Урок: Плавная прозрачность
Часть 94 - Создай иллюстрацию в стиле Matte Painting.
Часть 95 - Анимация аватара: Бегущий блик
Часть 96 - Урок Цветной карандаш
Часть 97 - Смена изображений смазыванием в Photoshop
Часть 98 - Эффект глаз
Часть 99 - Сложное выделение волос за 5 минут в Photoshop CS5.
Часть 100 - Взгляд из глубины
Часть 101 - Урок по анимации украшений
Часть 102 - Автотюнинг - урок фотошопа
Часть 103 - Создание коллажа, монтажа.
Часть 104 - Уроки фотошоп. Лунная дорожка
Часть 105 - Уроки фотошоп. Роза в шоколаде.
Часть 106 - Уроки Photoshop: Мечтательный фотоэффект
Часть 107 - Уроки фотошоп. Световые эффекты
Часть 108 - Rock girl style
Часть 109 - Урок Светочки Васютиной-"Бегущие кадры кино-плёнки"
Часть 110 - Пузырьки в напитке с движением жидкости
Часть 111 - Уроки фотошоп. 34 зимних спецэффекта
Часть 112 - Как сделать PSD-шаблон
Часть 113 - Простое сведение изображения с текстурой
Часть 114 - Круговая панорама
Часть 115 - Фотоэффекты в Photoshop: Ретушь фотографии
Часть 116 - урок Тюнинг русских березок
Часть 117 - 50 новых уроков Photoshop
Часть 118 - Как сделать самому градиент в фотошопе?
Часть 119 - Льющаяся вода
Часть 120 - Урок 6. Сделать блики
Часть 121 - Урок 5. Мерцающие звездочки
Часть 122 - Урок 4. Надпись глиттерами

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | НАДЕЖДА_МАЛ - Дневник Надежда_Малюшина | Лента друзей НАДЕЖДА_МАЛ / Полная версия Добавить в друзья Страницы: раньше»