Форум веб-мастеров ucoz

Создаём двойную обводку (2 способа)

Cr@ze — Wed, 11 Apr 2012 14:45:12 GMT

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

Резултат

Делаем обводку (1 способ, обводка на обводке):

1. Откроем какое-нибудь изображение с неодноцветным фоном (например фотографию). Я использовал изображение Vault Boy

2. Создаём новый слой

3. Выделяем всю картинку инструментом "Прямоугольная область" (то есть нажимаем М)

4. Правая кнопка мыши по выделенной области -> Выполнить обводку...

Я использовал оттенок 6f5633 (В нашем случае, немного темнее фона)

5. Правая кнопка мыши по созданному слою -> Обводка -> Делаем всё, как на скрине

Как вы видите, у нас получилась обычная обводка с интересной осветляющей обводкой. Одна обводка подчёркивает другую.

Конечный результат:

Делаем обводку (2 способ, Свечение):

1. Выбираем изображение с нестандартным фоном (я опять выбрал Vault Boy)

2. Правая кнопка мыши по слою с изображением -> Параметры наложения...

3. Делаем как на скринах

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

Урок от Emarel.

Текст из колючей проволоки

Сео — Wed, 11 Apr 2012 14:44:10 GMT

Шаг 1:
Напишите слово "FENCE" (англ. ограда)
Шрифт - Vag Rounded
Размер - 90
Цвет - #C1C1C1

Шаг 2:
Нажмите комбинацию клавиш Ctrl+клик на слое с текстом, чтобы выделить его:

Шаг 3:
Создайте новый слой - нажмите shift+ctrl+N. Установите любой интрумент выделения, правый щелчок где-нибудь на выделении, появится табличка, где нужно выбрать команду Make Work Path... (превратить выделение в контур)

Шаг 4:
В диалоговом окне напишите 1.0 в параметр Tolerance:

Шаг 5:
У вас получиться вот так:

Шаг 6:
Теперь, выберите инструмент кисть , установите размер 9 px.
Кликните на палитре Кистей (F5) и установите настройки кисти как показано ниже:

Шаг 7:
Выберите настройку Shape Dynamics (динамика формы) и установите такие параметры:

Шаг 8:
Кликните на инструменте pen tool, правой кнопкой кликните на контуре вокруг букв, кликните на stroke path (выполнить обводку) и выберите Brush - кисть.
После выполненных действий у вас текст должен обрамиться в колючую проволку

Источник : www.weblon.ru

Отличный урок - Эффект боке

Воробей — Tue, 10 Apr 2012 16:27:51 GMT

Для начала открываем Photoshop. Создаем новый документ 1920х1200px. Меняем Image mode с 8bit на 16bit, Image > Mode > 16-Bits/Channel.

Шаг 1
Заливаем фоновый слой темным серым цветом, я выбрал #1a1a1a.

Шаг 2
Берем круг] и создаем круг, размер значения не имеет. Цвет выбираем черный #000000. Идем к Layer > Layer Style > Blending Options, меняем Fill Opacity на 50%. Затем выбираем Stroke. Используем 10px для ширины, Inside для Position и #000000 color.

Шаг 3
Выделяем наш круг и идем к Edit > Define Brush. Выбираем название кисти, нажимаем Ок. Теперь у нас есть новая кисть.

Шаг 4
Идем к Window > Brushes (F5). Параметр Spacing очень важен, устанавливаем его на 100%. После этого изменяем Shape Dynamics, Scattering и Other dynamics так как показано на картинке ниже (с этими настройками можно поиграть, установить так как вам нравится):

Перед тем как рисовать наш боке создаем новый слой и заливаем его градиентом. Я создал слой, и применил к нему стиль Gradient Overlay, залить слой градиентом можно по разному как это сделать решать вам. Параметры моего градиента: Blend Mode - Overlay, прозрачность(Opacity) 100%, Style - Linear, угол 45º. Цвета: Оранжевый#cf692b, розовый #662937, фиолетовый #34253d, синий #26394c, зеленый #7ca63a.

Шаг 6
Создаем новую папку, меняем Blend Mode на Color Dodge. Создаем в ней новый слой, выбираем кисть и рисуем наши боке (цвет кисти должен быть белый). Для первого слоя используем большой размер кисти 500px - 700px.

Шаг 7
Идем к Filter > Blur > Gaussian Blur, применяем к этому слою размытие, радиус 20px.

Шаг 8
Создаем еще один слой, снова рисуем боке кастью меньшего размера, 300px примерно. Опять применяем размытие, Filter > Blur > Gaussian Blur, но уже с радиусом 4px.

Шаг 9
Повторяем действия из предыдущего шага. Для радиуса размытия используем 1px.

Автор перевода: Arones aka BeSinLi
Автор основного урока - Fabio Sasso

Рисуем макет сайта

Воробей — Thu, 08 Mar 2012 11:50:28 GMT

Приступим к рисованию макета будущего сайта. Буду рисовать конечно
несложный макет, так сказать theme framework – минимальный дизайн, но
при помощи которого можно сделать вполне приличный и насыщенный дизайн
сайта.

Ориентировка – макет для сайта на DLE, классический
трех-колоночный веб-дизайн сайта с установленной CMS DLE версий 7-8.
Итак, приступим, я использую Adobe Photoshop CS3 официальную русскую
версию.

Внимание! В этом уроке не будут рассматриваться основные
приемы работы с фотошопом такие как выбор любого инструмента, вставка
текста и т.д. Уровень пользователя программы фотошоп – минимальный.

Что же можно сообразить такое несложное, но чтоб вы поняли как что
делается без особых усилий? Нарисуем шапку, левые и правые блоки,
центральную часть и футер (подвал сайта).

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

Также замечу, что буду рисовать макет с
фиксированной шириной – стандартная 960-пиксельная grid system, чтобы
наш сайт одинаково хорошо отображался на мониторах с разрешением от
1024х768 пикселей и выше (это монитор 19 дюймов).

Запускаем
фотошоп и нажимаем в меню Файл-Новый… или Ctrl+N. Задаем ширину 1040
пикселей и высоту 1400 пикселей как показано на рисунке. Я задаю на 80
пикселей больше, чтобы визуально видеть сам макет на окружающем фоне.

Теперь нам надо обозначить границы макета, нажимаем Ctrl+R, чтобы
увидеть линейки. Кстати нам надо, чтобы единицы измерения были пиксели,
для этого нажимаем правой кнопкой мышки по линейке и ставим там галочку
на пиксели.
Теперь надо вытянуть вспомогательные направляющие, и
тем самым обозначим границы макета. Делается это так – ставим курсор
мышки на линейку, нажимаем и тянем направляющую на 40 пикселей по
горизонтальной линейке. Мы оставим по бокам по 40 пикселей.

Вытаскиваем справа тоже, только на ширину 1000 пикселей, вот и получаем
по 40 пикселей по бокам. Сверху вытащим тоже на 40 пикселей и получим
вот такую картинку.

Шапку делаем высотой 160 пикселей, поэтому вытаскиваем направляющую на
200 пикселей сверху (160+40px). Теперь обозначим левый и правый
сайдбары, по 200 пикселей каждый. Левый – вытаскиваем на 240 (40+200px),
правый на 800 (1040-40-200px).

Дальше сделаем отступ от правого
и левого сайдбаров по 5 пикселей вовнутрь, вытаскиваем направляющие на
245 пикселей по линейке и на 795 для правого.

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

Пожалуй начнем с отрисовки меню высотой 30 пикселей. Буду рисовать
что-то серо-белое, чтоб макет подходил под практически любую тематику.
Например, под строительство или ремонт, кино или книги.

Выбираем инструмент прямоугольная область клавишей М. Выделяем область
для меню и инструментом заливка G заливаем выделенную область цветом
#BBBBBB. Далее нажимаем в меню Выделение-Модификация-Сжать, там вводим 1
пиксель и нажимаем ОК. Теперь заливаем выделенную область цветом
#efefef. Нажимаем Ctrl+H чтобы скрыть направляющие и видим вот такую
картинку – блок меню с рамкой. Не влазит в экран, но вот что
приблизительно.

Можно провести еще одну направляющую под меню на расстоянии 5 пикселей,
чтобы отделить менюшку от контентой области. Теперь давайте заполним
шапку. Создаем новый слой (Слой-Новый-Слой… или Crtl+Shift+N). Далее я
использую вот такую иконку, добавляю ее в шапку. Для этого вам надо
сохранить эту иконку, затем открыть ее в фотошопе, выделить ее (Ctrl+A) и
скопировать Ctrl+C. Переходим в наш макет и нажимаем Ctrl+V чтобы
вставить иконку.

Кстати я придумал тематику макета, давайте сделаем про фильм Iron Man 2
– Железный человек 2. Думаю это будет потрясающий фильм – фантастика и
активный боевик в одном сюжете. Значит выбираем инструмент
горизонтальный текст T и пишем в шапке название фильма. Взял шрифт
Trajan Pro размером 60 пикселей.

А теперь пришел черед оформления блоков. Давайте добавим еще одну
направляющую, чтобы получить высоту заголовка блока 30 пикселей. Давайте
блоки оформим в такой же цветовой гамме, как и меню. Создаем новый
слой. Выделяем прямоугольную область заголовка блока и заливаем ее
цветом #bbbbbb, затем уменьшаем выделение на один пиксель и заливаем
цветом #efefef, как я писал выше. Теперь очередь контентной области
блока сайдбара. Выделяем область ниже заголовка по высоте на глаз и
подобной операцией заливаем блок. Получаем вот что.

Делаем то же самое для контентной центральной части макета, не забудьте
создать новый слой. Дальше можно скопировать слой, в котором мы
нарисовали левый блок и продублировать его вниз, а также на правый
сайдбар. Делается это так. Находим свой слой в панели слои (чтобы
показать в меню Окно-Слои) и нажимаем правой кнопкой мыши по надписи
слоя и выбираем Создать дубликат слоя. Затем выбираем инструмент
перемещение V и тянем этот слой вниз, чтобы расположить второй блок под
первым.

Добавлю что-нибудь в макет, например текст и картинки, пропишу меню. Я
добавил в меню несколько ссылок на разделы сайта. Потом добавил картинку
в блок новости, добавил текста. Затем продублировал во второй блок.
Размножил блоки в сайдбарах для большего визуального восприятия. Вот что
получилось.

Делаем футер точно также как и блок с менюшкой, пропишем там чуток текста. Например, вот так как на скриншоте.

А теперь еще один прием как без рисования кистью преобразить любой
элемент в более красивый. Выбираем слой , в котором собственно находится
наша надпись в шапке Iron Man 2 крупными буквами.

В появившемся окошке включаем галочку тень, теперь поиграемся с параметрами тени. Я сделал вот так, как это видно на рисунке.

Далее ставим галочку на наложение градиента и заливаем желто-оранжевым градиентом, как показано на рисунке.

Выбираем обводку, ставим толщину обводки 2 пикселя и черный цвет и нажимаем ДА, чтобы применить стили слоя и закрыть окошко.

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

Вот окончательный вид макета, а тут вы можете скачать PSD файл макета,
который я нарисовал. Скачать PSD файл. Следующий урок будет уроком
верстки этого макета в HTML код. Ждите, скоро он будет.
помог ?? с
а вот псд http://depositfiles.com/files/f4z04xoju

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

uCozer — Sun, 19 Feb 2012 15:08:39 GMT

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

2. Искажения
Сейчас я собираюсь изменить слой с облаками, чтобы он выглядел больше похожим на жидкость, для этого я применил фильтр Displace из группы Distort. Этот фильтр берет изображение (вы указываете какое) и использует его характеристики чтобы воздействовать на пиксели в вашей картинке. Выбрав Filter > Distort > Displace сначала я увидел это диалоговое окно.

http://photoshop.demiart.ru/liquid/liquid03.gif
В нем я ввожу значения контролирующие направление и величину искажения. Используемые числа зависят от разрешения вашего файла. Для получения желаемого эффекта я поставил 40 в Horizontal Scale box и ничего в Vertical Scale. Далее вы должны указать файл, используемый в качестве карты смещения (Displacement Map) т.е. изображение используемое для искажения ваших облаков. Я использовал эту картинку:

http://photoshop.demiart.ru/liquid/liquid02.gif
Результат работы фильтра видно на рисунке ниже. Если вы хотите узнать больше о том как работает этот фильтр посмотрите тутор Смещённый текст.

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

http://photoshop.demiart.ru/liquid/liquid050.gif
http://photoshop.demiart.ru/liquid/liquid050.gif

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

http://photoshop.demiart.ru/liquid/liquid07.gif
5. Подправим немного
На мой взгляд эта более-менее прямая фигура выглядит не совсем естественно. Поэтому я налил немного воды и посмотрел как она выливается из чашки. Поток воды имеет небольшие завихрения, чтобы имитировать их я обратился к фильтру Shear. Это еще один фильтр из группы Distort, который позволит сделать именно то, что нужно.

http://photoshop.demiart.ru/liquid/liquid08.gif
Далее я применил трансформацию Perspective для сужения струи книзу. Эксперементируя с водой я заметил, что поток жидкости, за небольшими исключениями, течет струей сужающейся по мере удаления от источника. Я выбрал Edit > Transform > Perspective и немного передвинул нижние углы как показано ниже.

http://photoshop.demiart.ru/liquid/liquid09.gif
6. Источник жидкости
Сейчас самое время связать мой рисунок с реальными объектами. Во-первых я зашел в меню Image и выбрал Canvas size, где увеличил рабочую область, чтобы добавить в дальнейшем другие картинки. Потом я добавил этот кофейник и передвинул "жидкость" на место. Теперь поработаем с областью около носика.

http://photoshop.demiart.ru/liquid/liquid10.jpg

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

http://photoshop.demiart.ru/liquid/liquid11.jpg

http://photoshop.demiart.ru/liquid/liquid13.jpg8. Накладываем маску
Чтобы исправить область вокруг носика, создаем Маску слоя. Для этого кликните на иконке Add Mask Добавить маску внизу палитры слоев. Ваш слой должен выглядеть так:

http://photoshop.demiart.ru/liquid/liquid16.gif

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

http://photoshop.demiart.ru/liquid/liquid14.jpg

http://photoshop.demiart.ru/liquid/liquid17.jpg

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

http://photoshop.demiart.ru/liquid/liquid17.jpg

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

http://photoshop.demiart.ru/liquid/liquid19.jpg

http://photoshop.demiart.ru/liquid/liquid20.gif

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

Уроки photoshop » Урок "огненная линия"

Воробей — Tue, 24 Jan 2012 09:24:51 GMT

Картинка:

Скачать: http://depositfiles.com/files/tit3qvrtv

Эффект разбивающегося стекла, Make smashing glass effects

uCozer — Tue, 24 Jan 2012 09:22:56 GMT

Make smashing glass effects
Создание Разбивающегося Стеклянного Эффекта

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

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

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

Для выполнения урока можно использовать недорогие по стоимости изображения от iStockphoto, либо бесплатные с stock.xchng.

Шаг 1

Создайте новый документ размера формата A4, с режимом RGB и разрешением 300dpi. Фон должен быть черным. Откройте любое изображение.
Добавьте фотографию в работу, поместите по центру и измените ее размер в соответствии с размером холста. Назовите получившийся слой ‘Face’ и сразу же добавьте его в новую группу слоев ‘FACE’. Теперь при помощи Pen Tool создайте контур вокруг языка, создайте из него выделение и примените растушевку Feather в 2 px. Возьмите Burn Tool и затемните язык.

Шаг 2

Продублируйте слой ‘Face’, поставьте Blend Mode на Soft Light и понизьте Opacity до 21%. Назовите дубликат ‘Face soft light’ и примените к группе маску. Используйте большую с мягкими краями кисть по маске, чтобы плавно соединить резкие края лица с фоном.

Шаг 3

Откройте изображение дыма (можете приобрести его здесь) скопируйте его и вставьте в нашу работу выше папки со слоями. Поместите дым в нижнюю часть холста, подкорректируйте его размеры, продублируйте слой и подвиньте в верхнюю часть работы. Слейте слои, назовите получившийся ‘Mist’ и поставьте Opacity на 37%.

Шаг 4

Объедините слой ‘Mist’ в новую группу с названием ‘ATMOSPHERE’. При выделенном слое ‘Mist’, удерживая Alt/Opt кликните по иконке Create New Fill или Adjustment Layer внизу панели слоев и выберите Hue/Saturation. Добавьте к последнему использовавшемуся слою новую обтравочную маску (Clipping Mask) и выставьте значения Saturation на -83 и Lightness на -30.

Шаг 5

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

Шаг 6

Добавьте новый корректирующий слой Color Balance и поместите его выше всех остальных в палитре. Вначале выделите Shadows и поставьте Red на -21 и Blue на +12, затем Midtones и Red на -68 и Blue на +16. Параметры же для Highlights - Red -25, Green +17 и Blue +19.

Шаг 7

Изображение уже начало проявлять форму, однако, на мой взгляд оно слегка перенасыщено. Поэтому, добавьте корректирующий слой Black & White (Layer > New adjustments layer), из выпадающего окошка выберите фильтр High Contrast Blue и поместите слой выше всех остальных. По своему усмотрению вы можете понизить непрозрачность Opacity слоя 23%.

Шаг 8

Скачайте бесплатную фотографию разбитого стекла от stock.xchng здесь. Вклейте ее в нашу работу на новый верхний слой и назовите его ‘Glass’. Поверните на 90 против часовой стрелки и понизьте непрозрачность до 40% - это поможет размещать стекло относительно лица как вам надо. Теперь обведите все нестеклянные части фотографии инструментом Pen Tool и залейте их черным цветом.

Шаг 9

Выберите слой ‘Glass’, выделите все, нажав Ctrl/Cmd+A, и скопируйте Ctrl/Cmd+C. Теперь перейдите в палитру каналов Channels и нажмите на маленькую иконку внизу 'Create New Channel'. Вставьте выделенное в новый канал и назовите его ‘Glass sharp’. Возьмите маленькую жесткую кисть и подправьте все грязные места стекла. Инструментом Burn tool подчеркните черные линии трещин. Наконец, добавьте новый корректирующий слой (Layer > New adjustments layer) Levels и выставьте значения midpoint (средний флажок) на 0.55 и white point (белый флажок) на 126.

Шаг 10

Продублируйте канал (просто перетащите его вниз на маленькую иконку нового канала), добавьте к нему размытие по Гауссу (Filter > Blur > Gaussian Blur) радиусом 2 px и назовите ‘Glass blur’. Нажмите Duplicate Channel (наверху справа) и в появивщемся окошке выберите New under Document Destination. Этот канал будет открыт в новом Photoshop документе, мы будем его использовать как карту displacement map, поэтому временно сохраниет его в файл Face_glassified.psd

Шаг 11

Отключите видимость слоя ‘Glass’ и добавьте ниже него чистый. Проверьте, что новый слой активен и нажмите Image > Apply Image. В диалоговом окне выделите Merged для предыдущего слоя и Normal для Blend Mode. Назовите получившийся слой ‘Face glass’.

Шаг 12

При выделенном новом слое перейдите Filter > Distort > Glass и в появившемся окошке выставьте значения: Distortion 20, Smoothness 5; кликните на стрелочку (рядом с Texture) и загрузите файл, который вы назвали Face_glassified.psd. Наконец, задайте Scaling как 100%, активируйте Invert и нажмите OK.

Шаг 13

Включите видимость слоя ‘Glass’, поставьте его Blend Mode на Overlay и понизьте Opacity до 68%. Загрузите выделение канала ‘Glass sharp’ (ctrl + клик по иконке канала), перейдите на слой ‘Glass’ и идите Layer > Layer Mask > Reveal Selection. Теперь добавьте стиль слоя Drop Shadow с настроками blending mode – Normal; swatch – черный; opacity – 92%; angle – 155°; distance – 24; spread – 0; size – 8; contour – Cone; antialiased – on. Добавляя стиль Inner Shadow, введите следующие параметры: blending mode – Hard Light; swatch – цвет #a8c9d0; opacity – 100; angle – 155; distance – 3; choke – 0; size 8; contour – Linear; Anti-aliased – on.

http://s60.radikal.ru/i169/0909/69/2fc6d2564ff9.jpg

Шаг 14

Скачайте и загрузите кисти DA_Glass_brushes.abr. Создайте новый слой ‘Small fragments’ выше слоя ‘Glass’. Выберите цвет переднего плана foreground белый и используйте кисти в работе с краями трещин. Теперь возьмите Magic Wand tool с параметром Contiguous и сделайте частичные белые выборы белых областей канала ‘Glass sharp’. Возьмите белую мягкую кисть для осветления стекла - показа источника света. Наконец, выберите Blend Mode слоя Overlay и поставьте непрозрачность Opacity на 66%. Задайте слою имя ‘Glass highlights’.

Шаг 15

Создайте новый слой в самом верху палитры, возьмите черную мягкую кисть Brush Tool и добавьте больше теней. Режим смешивания слоя установите на Multiply, а непрозрачность Opacity на 45%. Добавьте новый корректирующий слой Black & White с опцией Maximum White и понизьте его непрозрачность до 16%.

В заключении поместите слой ‘Glass’ в в группу с маской и затемните его нижнюю часть. Добавьте несколько копий слоев в режиме Multiply с тонированными желтым цветом зубами и красным глазами.

Финальный результат:

Как сделать рамку в фотошопе

trcook — Sat, 09 Jul 2011 16:53:31 GMT

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

1. Выделяем всю фотографию (Ctrl+A)
2. В меню Edit выбираем Stroke и задаем для него цвет рамочки (Color), ее ширину (Width) и положение (Location).

В нашем случае заданные параметры такие:
Цвет: черный
Ширина 15 px
Положение Inside (внутри)

Вот такая рамка:

Эффект "Свечение"

uCozer — Sun, 27 Mar 2011 13:25:01 GMT

1. Для начала создаём новый документ. В моём случае 500*500 px. Создаём новый слой и заливаем его чёрным (слой1). Затем выбираете кисть, которая будет основой.

2. Создайте новый слой (Слой 2) и нанесите рисунок по центру.

3. Создайте новый слой (Слой 3) ниже слоя 2. Находясь на Слое 3, удерживая Ctrl, кликаем мышкой на слой 2. Затем применяем Выделение>Модификация>Расширить (Select> Modify>Expend...) 3 px.

4. Заливаем его цветом не ярким. Я выбрала такой:

5. Не снимая выделения, создайте новый слой (Слой 4) ниже слоя 3. Применяем на слое Выделение>Модификация>Расширить (Select> Modify>Expend...) 3 px. Заливаем его более ярким цветом:

6. Снимаем выделение Ctrl+D, создайте новый слой (Слой 5) выше слоя 3, но ниже слоя 2. Вабераем цвет, который, на ваш взгляд, будет уместен в данной цветовой гамме и придаст дополнительное свечение (жёлтый, белый, розовый и т.д.):

7.Кистью с мягкими краями 17 px. Наносим на рисунок контур:

8. Находясь на слое 5, удерживая Ctrl, кликаем мышкой на слой 3. Применяем на слой 5 Выделение> инверсия (Select>Inverse или Shft+Ctrl+I), жмём Delete. Снимаем выделение Ctrl+D.

9. Теперь приступаем к размытию. Идём на слой 4 и применяем на нём Фильтры> Смазывание> Смазывание Гаусста (Filter> Blir> Gaussian Blir) радиус.... ну от 8 px. Всё зависит от того, какого эффекта вы хотите. Тут я применила 9 px.

10. На слой 3 применяем Фильтры> Смазывание> Смазывание Гаусста (Filter> Blir> Gaussian Blir) радиус 2-5 px.

11. На слой 5 применяем Фильтры> Смазывание> Смазывание Гаусста (Filter> Blir> Gaussian Blir) радиус 5-10 px.

12. Ну и в окончании, объединяем слои Ctrl+E или LayerMerge Lined (Слой>Объединить слои) и сохраняемся. Вот такая картинка. Но делать вы с ней можите делать с ней, что угодно. Всё.

Алгоритм для фотоманипуляций

Exten — Tue, 08 Feb 2011 05:55:47 GMT

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

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

Ну-с, как говорится, "Have fun!"

Шаг 1. Возьмите хорошую фотку (свою или друга, а может быть еще чью-нибудь)

Шаг 2. Откорректируйте цвет и контрастность. В данном случае я использовал режим наложения Hard light чтобы высветлить кожу и усилить черный цвет.
(Осторожней с высветлением кожи - не пересветите ее!)

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

Шаг 4. Постройте перспективную сетку, чтобы проще было накладывать фон и текстуры. (Для этого можно использовать изначальную композицию фотографии)

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

Шаг 6. Постелите девушке землю под ногами (в данном случае камень). Подравняем ее по сетке (см. 4) и не забудем про перспективные искажения.

Шаг 7. Добавим подходящей отделки (текстур) чтобы все «заиграло». Не забываем про перспективные сокращения!

Шаг 8. Найдите подходящую черно-белую фотографию и скорректируйте ее должным образом – удалите все лишние детали, которые не имеют смысловой ценности

Шаг 9. Найдите выразительное небо и вставьте его в черно-белую фотографию

Шаг 10. Соберите в единое целое землю (см.7) и полученный фон. Чтобы все смотрелось целостно, сбалансируйте яркость и насыщенность.

Шаг последний. Поместите модель в полученный антураж. Для целостной картинки можно не только настроить яркость/насыщенность, но и вручную добавить несколько теней.
Вдобавок ко всему я решил дорисовать развевающиеся волосы, чтобы подчеркнуть динамичность девушки. Все остальное – всего лишь фотошопные забавы.