Game-Flesh.ru Твой мир развлечений

Как создать бигбар

Бamnep — Wed, 22 Dec 2010 14:47:08 GMT

PhotoShop CS5

Танцовщица в тумане

Ke$h@ — Sun, 11 Jul 2010 14:59:05 GMT

Что бы сделать этот урок, нам понадобятся следующие картинки:

Dancer

Nebula Texture 1

Nebula Texture 2

Шаг 1.(его пропускаем)

Загрузите изображение танцовщицы в Photoshop, и уменьшите размер изображения до 1200px * 1477px. Размер меняем для того, что бы фотография с была в 1 размер с текстурами.

Дублируйте стой, и нажмите Ctrl + Alt + Shift + B что бы вызвать Black and White adjustment Tool, установите следующие настройки:

Назовите дублированный слой “black and white”. Создайте ещё две копии слоя “black and white” , и установите им Вlending Мode - “Hard Light”.

Вы будете иметь следующий эффект:

Шаг 2.

Загрузите изображение "Nebula texture 1" в Photoshop, скопируйте и вставьте его на наш документ с девушкой. Это позволит создать новый слой и дать ему название “nebula texture 1″.

Стоя на слое с туманом, пройдите в Edit > Transform > Free Transform (или Ctrl + T), и изменяйте размер, вращайте как вам угодно, пока вы не станете довольны результатом.

Как будете довольны результатом, на слое с туманом нажмите на “create clipping mask”.

Снизу вверх, мы добавим следующее корректирующие слоя: (убедитесь, что галочка “use previous layer to create clipping mask” установлена для каждого из них)

Color Balance

Levels

На слое "Levels adjustment layer" примените следующую маску:

Brightness and Contrast

Вы будет иметь следующий эффект:

Шаг 3.

Загрузите “Nebula Texture 2″ в Photoshop, скопируйте и вставьте его на наш документ с танцовщицей и используя Free Transform Tool (Ctrl + T), изменяйте размер, поворачивайте, изображение, пока оно не вписывается в наш документ.

Назовие этот слой как “nebula texture 2″установите Вlending Мode - “Soft Light”, и вы будете иметь следующий эффект: (я скрыл предыдущий “nebula texture 1″ и корректирующие слоя)

Создайте ещё корректирующий слой Curve Adjustment layer, и примените следующие настройки:

Получим такой эффект:

Шаг 4.

Сделайте все слои видимыми, и изображение будет теперь выглядеть, следующим образом:

Создайте ещё 1 корректирующий слой Hue/Saturation Adjustment Layer выше всех слоёв , и примените следующие настройки:

Теперь у нас такой эффект:

Можно конечно и другие способы корректировки применить, но тут уже делайте на своё усмотрение.

Шаг 5.

Теперь мы добавим некоторое движение на нашу картину. Слейте все слои вместе (прежде чем это сделать, я бы посоветовал сохранить копию этого файла, и сохранить всю работу в формате .PSD). Дублируйте слой, и пройдите в Filter > Blur > Radial Blur , примените следующие параметры:

Установите Вlending Мode - “Screen”, Оpacity - 80%. Вы будете иметь вот такой конечный результат:

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

Выделяем волосы двумя разными способами

Ke$h@ — Sun, 11 Jul 2010 14:58:26 GMT

дает довольно приличный результат.

Первая техника: Изображение с однородным фоном
Лучшими являются фото, сделанные в профессиональной студии, в которых в качестве фона используется белый цвет. Эти снимки делают намного легче работу с определением краев субъекта, но вырезание тонких прядей по-прежнему может оставаться небольшой проблемой. В данном примере мы будем использовать распространенную технику с использованием Channels (Каналов), чтобы вырезать эту прекрасную леди.

Откройте свое изображение в Фотошоп. Это необычное изображение, поскольку оно не имеет чисто белого фона, но это однородный цвет, и на изображении имеется четкий контраст между субъектом и серым фоном.

Перейдите к палитре Channels (Каналов) и просмотрите каждый из них: Red (Красный), Green (Зеленый) и Blue (Синий) channels (каналы). Каждый канал будет состоять из нескольких разных тонов, выберите тот, в котором будет больший контраст между передним и задним фоном (чаще всего это канал Blue (Синий)). Перетащите этот канал на значок создания new channel (нового канала), чтобы дублировать его.

К выделенному новому каналу (прим. у вас должен быть выделен только этот канал) примените Levels (Уровни) (Ctrl+L), чтобы значительно увеличить контраст между светлыми и темными участками. Тем не менее, не заходите слишком далеко, как только вы заметите появление ужасных пикселей в тонких участках.

В связи с незначительным изменением тона заднего плана проявился серый цвет в темных участках. Используйте инструмент Dodge (Осветлитель), установленный на низкой opacity (Непрозрачности) в режиме highlights (яркость), и закрашивайте фоновый участок, чтобы до конца осветлить его.

Переключитесь на инструмент Burn (Затемнитель) и установите его в режиме shadows (тени), чтобы значительно затемнить внутренние участки изображения до чисто черного.

Используйте инструмент Brush (Кисть), чтобы завершить работу с черным цветом, закрасив оставшиеся участки во внутренней части изображения.

Инвертируйте изображение, чтобы поменять местами белые и черные участки (Ctrl+I), и просмотрите изображение, нет ли на нем участков, которые могли быть пропущены кистью.

Ctrl + клик по значку channel (канала) ,чтобы загрузить выделение, затем снова сделайте видимыми все каналы. Перейдите обратно в панель слоев и скопируйте выделение. Вставьте его на новый слой и спрячьте оригинал, чтобы увидеть вырезанное изображение на прозрачном фоне.

Выделению удалось вырезать даже самые тонкие волосинки для получения реалистичного вырезания. Вставьте фото на другой фон. Приблизьте его и проверьте на любой ярко окрашенный участок по краю, особенно если вы поместили фото на более темный фон. Вы можете уменьшить яркость, используя инструмент Burn (Затемнитель) c настройкой Highlights (Яркие света), и аккуратно закрасьте контуры изображения.

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

Откройте свое изображение в Фотошоп. У этого изображения достаточно хороший контраст между передним и задним планом, но некоторые участки волос смешиваются с темными тонами фона.

Начните вырезать четкие края с помощью инструмента Pen (Перо), но когда дойдете до волос, просто создайте грубую траекторию.

У волос стремитесь включить только четкие участки, которые не сливаются с фоном, иначе потом яркие тона все испортят.

Создайте выделение с растушевкой в 2 пикселя, чтобы удалить любые грубые участки, затем вставьте на новый слой. Уменьшите непрозрачность изображения так, чтобы линии волос с оригинала могли быть едва видны.

Вот, где начинается веселье! Используйте инструмент Smudge (Размазывание), чтобы нарисовать в участках новые волосы, используя в качестве образца оригинал изображения. Начните с кисти диаметром 4px, чтобы создать густую основу для волос и замаскируйте зубчатые линии контура. Планшет Wacom очень пригодится здесь для ускорения процесса и поможет добавить линии различной толщины.

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

Используйте кисть размером 2px у инструмента Smudge (Размазывание), чтобы нарисовать тонкие линии волос в различных направлениях для придания реалистичности изображению.

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

Ледяное излучение ( как делал Malboro )

Ke$h@ — Sun, 11 Jul 2010 14:57:35 GMT

Ледяное излучение

В этом уроке мы будем создавать красивый эффект, излучающий холод.

Шаг 1. Создайте новый документ (я взяла 300×300), залейте его черным и введите ваш текст (белый).

Шаг 2. Используйте Filter – Distort – Polar Coordinates (Фильтр – Искажение – Полярные координаты) и выберете параметр Polar to Rectangular (Полярные в прямоугольные). Фильтр работает только с растрированными изображениями, поэтому перед его применением растрируйте ваш текст.

Шаг 3. Далее используйте Filter – Stylize – Wind (Фильтр – Стилизация – Ветер). Выберете направление вправо. Проделайте это два раза. Затем сделайте тоже самое, но влево.

Шаг 4. Поверните изображение по часовой стрелке: Image – Rotate Canvas – 90 CW (Изображение – Повернуть холст – 90 по часовой) и примените фильтр Wind (Ветер). ( Аналогично: два раза влево, затем два раза вправо).

Шаг 5. Переверните изображение назад и используйте Polar Coordinates (Полярные координаты) снова. Только сейчас примените переход Rectangular to Polar (от прямоугольного к полярному).

Шаг 6. Создаем корректирующий слой. Layer –> New Adjustment Layer –> Hue/Saturation (Слой – Новый корректирующий слой – Цветовой тон/насыщенность) и применяем данные настройки:

Вот что получилось! Наслаждайтесь!

Создаем рекламу энергетика

Ke$h@ — Sun, 11 Jul 2010 14:57:16 GMT

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

Приблизительное время выполнения: 15 минут

Шаг 1

Сначала мы должны распланировать палитру цветов. Но для того, чтобы выбрать ваши цвета, вам нужно понять, как работает режим Difference Blending Mode. Он смотрит информацию о цветах в каждом канале и создает либо смешанный цвет из базового, либо базовый из смешанного. Это зависит от уровня яркости цвета.

Режим работает только при трансформации из темного в светлый, а не наоборот. Как бы то ни было, если вы примените любой тимп размытия к слою в таком режиме, у вас получатся красивые градиенты и динамическое освещение. Поскольку результат нам нужен темный, выберите яркие цвета, которые в сочетании с radial blur создадут градиенты от светлого к темному.

Начните с открытия нового документа в Photoshop размером 1600х1280. Залейте фон этим цветом: (#b1c900).

Шаг 2

Зайдите в меню Custom Shapes Menu и выберите Ray, как показано внизу. Вы можете найти его в папке Symbols. Затем нарисуйте первый прямо посередине, достаточно большой, чтобы выходить за границы документа. используйте этот цвет: (#bddc01).

Как только вы создадите первую фигуру, продублируйте её. Затем поверните копию так, чтобы она осталась в виде тонкой линии на фоне. Затем измените цвет на #d3eb45. Вы должны выровнять их так, чтобы они были похожи на рисунок внизу.

Шаг 3

На этом этапе начните рисовать при помощи Regular Circle разного размера. Поставьте Opacity кисти на 60%, измените цвет на #7a263e и раскрашивайте вручную, меняя размер и цвет каждого пятна. Создавая вручную все пятнышки, вы больше контролируете результат. Когда создадите первый набор пятен, добавьте ещё немного на отдельном слое такого цвета: #93133d.

Шаг 4

Далее создайте новый слой и добавьте маленькие пятнышки такого цвета #cdde67. Снова создайте слой и нарисуйте пятнышки ещё меньшего размера немного более темного цвета: #d9f14a.

Шаг 5

Теперь нужно добавить контраста, используя затемненную версию цвета, который мы использовали для первых пятен: #93133d

Шаг 6

Чтобы завершить эффект, создайте немного маленьких пятнышек, которые следуют за уже сделанными, и ещё пятнышки, которые заполнят неиспользованное пространство документа. Убедитесь, что они последовательно “затухают” в направлении к краю документа, чтобы затем не отвлекаться на исправление. В качестве финального штриха, добавьте новый цвет, который мы затем превратим в ярко-розовый: #7b2dc1.

Шаг 7

Как говорилось раньше, эффект radial blur играет главную роль в нашей работе. Выберите все фигуры, пятнышки и фоновые слои, а затем нажмите Ctrl+Shift+E, чтобы слить их вместе. После слияния продублируйте слой. Назовите этот новый слой “radial blur“. Зайдите в Filter > Blur > Radial Blur и установите такие настройки.

Шаг 8

У вас должно получиться два слоя: фоновый слой, который вы недавно сделали из тех слоев и продублированная версия, которую вы назвали “radial blur.” Выберите слой “radial blur” и измените его blending mode на Difference. У вас сейчас должен получиться темный рисунок с ярко-зелеными и голубыми цветами. Это не нужный нам оттенок, так что слейте (merge) слои. Зайдите в Image > Adjustments > Hue/Saturation, или нажмите Ctrl+U. Измените Hue на 73.

Шаг 9

В этом шаге мы добавим глубины изображению, которое привлечет внимание к центру работы. Войдите в Quickmask Mode (Q) и, используя Bucket Tool с цветным набором на черном, залейте весь документ. Теперь выберите Eraser Tool и добавьте неаккуратности изображению.

Теперь тяните ластик поперек изображения, фокусируя внимание на центре. Как только вы закончите, выйдите из Quickmask Mode (Q) и инвертируйте выделение, нажав Ctrl+Shift+I. Затем кликните на документе правой кнопкой при выбранном Marquee Tool. Затем выберите слой при помощи Copy. Скопировав выделенную область в новый слой, зайдите в Filter > Blur > Gaussian Blur, и размойте на 4 пикселя.

Шаг 10

На этом этапе мы добавим банку. Скачайте изображение. Then cut it out with the Pen Tool. Не беспокойтесь о нижней части, нам понадобится только верх. Сделав это, расположите её по центру и поверните на 45 градусов. Измените hue на 180. Используйте Burn Tool, чтобы затемнить нижнюю левую часть банки.

Шаг 11

Теперь нам понадобится спрятать часть банки, чтобы она красиво вписывалась в остальную часть фото. Нам поможет простая маска слоя. Зайдите снова в Quickmask Mode. Затем залейте весь документ черным. Сотрите часть, которая вам не нужна, мягким ластиком. Затем выйдите из Quickmask Mode. Зайдите в Layer > Layer Mask > Hide Selection. Вам также понадобится применить sharpen. Для этого зайдите в Filter > Sharpen > Sharpen.

Шаг 12

Теперь, если вы посмотрите близко на фотографию, вы заметите, что она слишком гладкая. Вместо добавлениЯ шума или гранджа, мы используем такую технику: Создание металлической поверхности в Photoshop. Сначала залейте область документа белым, затем зайдите в Filter > Pixelate > Mezzotint. Выберите Medium Dots и затем примените фильтр. Затем установите Blending Mode слоя на Color Burn.

Шаг 13

В последнем шаге мы добавим название в левой части документа. Я использовал шрифт под названием Incised901 NdIt BT, что является аббревиатурой от Incised 901 Nord Italic. После набора надписи, кликните на слое два раза и используйте layer style, показанный на рисунке внизу.

Мозаика

Ke$h@ — Sun, 11 Jul 2010 14:56:01 GMT

Шаг 1.
Открываем картинку:

Шаг 2.
Копируем слой(Ctrl+J)

Шаг 3.
Выбираем дублированый слой, далее Filter > Pixelate > Mosaic
Cell Size какой хотите в нашем случае 40 px

Шаг 4.
Заходим в Filter > Sharpen > Sharpen (3 раза)

Шаг 5.
Выбираем Opacity до 20 %

Принцип создания анимации вращения спирали

Ke$h@ — Sun, 11 Jul 2010 14:55:25 GMT

.Для начала нам нужно создать подходящую кисть, для этого создаём новый фаил 500х500 px :

2.Вырисовываем что-то вроде этого (каму как удобнее я использовал pen tool(p):

3.Стираем ненужное, чтобы получилось вот так:

4.Теперь нужно добавить её в кисти лезем в edit\Define Brush Preset… в появившемся окне жмём «ок»

5.Создаём новый фаил 100х100 px:

6.Заливаем его чёрным цветом, создаём новый слой, берём pen tool(p) и делаем такую линию:

Эта линия будет использована как каркас для нашей кисти

7.Настраиваем нашу кисть, открываем окно настройки кистей (F5) находим там нашу кисть и выставляем настройки примерно как тут:

8.После настройки кисти будем делать наши будущие кадры анимации, на новом слое заходим в вкладку Patch , жмём на Work Path и на нижнюю кнопку Stroke path with brush (слева вторая):

9.Затем заходим в настройки кисти ставим Angle 20* и повторяем один раз п.8 делая предыдущий слой невидимым

Примечание: 20 будет являться для нас периодом, то есть последующие кадры будут 40 60 80 100 120 140 160 ,что определяет количество кадров до полного вращения , у нас получиться 9 кадров для меньшей скорости и большей плавности нужно уменьшить период, например 10 и получиться 17 кадров – 0 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170, но и вес файла увеличиться, для большей скорость соответственно нужно повысить период.

10.Делаем оставшиеся кадры повторяя п.9 меняя только значение Angle в соответствии с примечанием, и получаем :

11.Заключительный этап, открываем окно анимации, на новом кадре делаем видимым первый и второй слой, на втором кадре первый и третий, на третьем кадре первый и четвёртый и т.д. Делаем настройки в Blending Options (по вкусу), вставляем эти настройки на слои:

Рисуем дым в Photoshop CS4

NaeM-Nuk — Thu, 08 Jul 2010 08:21:42 GMT