30 авг. 2008 г.

"Wheels of fire burn the night"!!!



"Wheels of fire burn the night
Ride across the sky
Wheels of fire burning bright
We live to ride"
(с) Manowar, "Kings of metal"


Колесико, из которого было сделано, лежит тут

Уроки будут. Скоро. Как только станет свободнее со временем. Не переключайтесь;-)
-----------------------------------------------------

Хостинг изображений - www.ii4.ru

26 авг. 2008 г.

Проклятая гидра распускает свои щупальца все дальше! Теперь и flash!

Прикрутил флэш-баннер вместо жипешки, для чего пришлось пустить под нож div header - не позволял флеш встрамить, собака. Либо текст, либо жипегу. Флеш - ни-ни. За такое самоуправство был утилизирован.

Дывитесь на новенький баннер (который в процессе моего знакомства с флешем будет обрастать новыми фичами:-) ). И голосуйте сердцем в опросе.
-----------------------------------------------------

Хостинг изображений - imageshack.us

24 авг. 2008 г.

Profit!


Для граждан сеошников и маркетингистов будет интересно, ящетаю:-)

Тут можно скачать картинку в psd.
-----------------------------------------------------

Хостинг изображений - imageshack.us

23 авг. 2008 г.

Набор иконок


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

Хостинг изображений - imageshack.us

В помощь фотожоперу - улучшаем состояние кожи (part2)

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

Существует способ, который позволяет этого избежать. К примеру, есть девушка:


У этой модели достаточно большие проблемы с кожей лица. Если воспользоваться способом, приведенным в предыдущем посте, то получится примерно так:

Неровности кожи ушли, но и сама кожа стала неестественной, "пластиковой".

Для того, чтобы этого избежать, надо сделать следующее:
Преобразуем изображение в CMYK. Создаем копию слоя. Нижний слой подвергаем, как и в предыдущем примере, действию фильтра Gaussian Blur. Идем в каналы. В каждый канал размытого слоя (кроме черного) добавляем шум (Filter->Noise->Add Noise). В Cyan добавляем мало шума, в Magenta и Yellow добавляем его больше, чем в Cyan, в примерно равных пропорциях. Фишка в том, что интенсивность шума должна быть соизмерима с размером пор на коже модели. Затем на все изображение бросаем Unsharp Mask (Filter->Sharpen->Unsharp Mask) с малым радиусом (<0.5). И вот уже на этот, размытый слой мы накладываем сверху исходный, на который кидаем маску и аккуратно, черной кистью затираем неровности. Выходит примерно так:


Видите, на коже появилась фактура?:-) Такие дела.
-----------------------------------------------------

Хостинг изображений - imageshack.us

21 авг. 2008 г.

В помощь фотожоперу - RGB и CMYK (part2)

Эта небольшая заметочка написана в продолжение вот этого вот поста.

Просто сегодня один очень хороший человек поставил меня в тупик вопросом: "а почему, собсно, именно красный-зеленый-синий и циан-маджента-йеллоу?" Я даже не нашелся, что ответить. Это потом уже, когда я в фотошопе нарисовал сначала триаду RGB, а потом CMY, и поигрался с режимами смешивания слоев - до меня доперло.

Итак. RGB - аддиктивная модель, то есть, цвет строится проходящим светом. Примерно, как в призме. Мониторы для улучшения контрастности делают темными (в идеале - черными). Поэтому максимально насыщенный цвет в мониторе - белый. А три простых цвета, который позволяют получить при смешении белый - это как раз красный, зеленый и синий. Более того, эти три цвета описывают при смешении в разных пропорциях вообще всю палитру. И, внимание, - если смешивать попарно красный с синим, мы получаем мадженту, зеленый с красным, мы получаем йеллоу, зеленый с синим - получаем циан. А вот смешение уже этих (вторичных) цветов в режиме мультиплай (который имитирует субстрактивную модель, то есть смешивание красок в условиях отраженного света), мы получаем черный цвет. Почему черный? Да потому, что бумага белая, и максимальная насыщенность краски в данном случае будет в областях черного цвета.
-----------------------------------------------------

Хостинг изображений - imageshack.us

А вот кому гайки с муфтами подтянуть?


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

Хостинг изображений - imageshack.us

19 авг. 2008 г.

Вот такая вот идея возникла...


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

Хостинг изображений - imageshack.us

12 авг. 2008 г.

В помощь фотожоперу - улучшаем состояние кожи

В сегодняшнем нашем уроке я расскажу о небольшом трючке, именуемом "гламуризацией". Этот трюк позволяет существенно улучшить общее состояние кожи модели, сделать ее более ровной и матовой.

В качестве подопытной сегодня у нас выступает вот такая девушка:


Если мы увеличим изображение, то заметим, что у модели наблюдаются некоторые проблемы с кожей:

Избавиться от них - наща сегодняшняя задача.

С помощью инструмента Clone Stamp "заштампуем" самые заметные дефекты кожи, так как они могут дать темные пятна впоследствии.
Затем, скопируем слой с фотографией (Ctrl+J) и применим к нижнему слою фильтр Gaussian Blur (Filter->Blur->Gaussian Blur) с большим радиусом (в нашем случае требуется значение около 20). На верхний слой набросим маску (Add Mask):


Что мы будем делать теперь - теперь мы будем "пробивать" маскированный слой в нужных местах, и убирать, таким образом, дефекты кожи:


В данном случае пример утрирован, конечно. но зато наглядно показывает, что мы будем делать. Итак, возьмем кисть черного цвета (Hardness=0, Opacity=10%) и начнем рисовать в слое с маской. Рисовать мы будем только по открытым частям лица, избегая бровей, ресниц, носогубных складок, век и прочего. Наша задача - сделать более матовыми и равномерными открытые участки лица - лоб, щеки; замаскировать мешки; сделать кожу не такой ноздреватой. В процессе главное не переборщить, так как если закрасить мимические морщинки - изображение будет производить впечатление пластикового, неестественного.
В итоге манипуляций с кистью получилось вот так:


Для того, чтобы сравнить более наглядно - поставим изображения рядом:







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

Хостинг изображений - livephotos.biz

9 авг. 2008 г.

В помощь фотожоперу - избавляемся от артефактов джпега.

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


По оперативной информации - это статуя из храма Амона Ра, что в Луксоре. Если кому интересно. И для наших целей она подходит как нельзя лучше. Вот почему:


Ужасно, правда? Задача, стоящая перед нами предельно понятна - надо убрать границы между регулярными квадратами. Вот только решить ее без хитрости не получится. Дело в том, что в цветовых пространствах CMYK и RGB рельеф снимка формируется сразу всеми каналами, в совокупности. Размывать границы регулярных квадратиков в каждом канале так, чтобы конечное изображение сошлось по цветам довольно сложно. Для того, чтобы гарантировать результат - мы обратимся к другому интересному цветовому пространству. А именно - к LAB. LAB интересен прежде всего тем, что весь рельеф снимка формируется каналом L (Lightness, посмотрите на него, он похож на обычную черно-белую фотографию), на который накладывается цвет с помощью каналов A и В.

Для того, чтобы изничтожить ужасающие границы между квадратиками, нам надо создать сетку, по которой мы будем размывать изображение. Для этого мы переключимся в канал L и приблизим изображение. Затем возьмем инструмент Rectangular Marquee Tool (М) и точно по границам выделим один квадратик:


Затем, не снимая выделения, создадим новый слой, в котором будем рисовать паттерн для построения сетки. И, перейдя в этот новый пустой слой (не снимая выделения) выполним команду Edit->Stroke (толщина линии - 1 пиксель):


Затем, отключив слой с фотографией. и не снимая выделения, выполним команду Edit->Define Pattern:


Дадим имя паттерну, и сохраним его. Теперь можно нажать Delete и стереть черную обводку. Также можно снять выделение. В этом же пустом слое нажимаем Shift+F5 (команда Fill). Выбираем опцию Pattern, и из выпавшего списка выбираем наш квадратик. Появляется черная сетка. Нажимаем на слой с сеткой левой кнопкой мыши с зажатым Ctrl и создаем выделение. Потом отключаем видимость слоя с сеткой, и включаем слой с фотографией. Получится так:


При сильном увеличении должно быть заметно, что границы между квадратиками находятся четко между квадратами выделения. Если вы обрезали фотографию до того. как начали уничтожать шум, картина может быть такой:


Как видно из фотографии - выделение сдвинуто на пару пикселей вправо относительно квадратов. В таком случае, выберите инструмент Move Tool (V) и исправьте недоразумение.
Когда все стоит на своих местах, примените фильтр Blur More (Filter->Blur->Blur More):


Вуаля, квадраты исчезли! Но радоавться еще рано - шум остался в цветовых каналах:


Правда, забороть его будет проще. Зайдите в канал A и примените ко всему каналу фильтр Surface Blur (если ваша версия фотошопа ниже CS3, то можно воспользоваться фильтром Smart Blur) с малым радиусом, но большой интенсивностью:


Ту же операцию проделайте и с каналом B. Посмотрите результат. Правда, здорово?:-) Чтобы удостовериться, что все хорошо - переведем изображение в RGB. И пойдем по очереди по каналам:












Red:
Green:
Blue:





Никаких квадратиков! Замечательно.
Надеюсь, вам урок понравился.

PS. Сегодня уезжаю предположительно на две недели. Если найду комп с интернетом и фотошопом (а главное - время) - буду писать. Если нет - поймите меня правильно и не переключайтесь:-) По приезду будет статья про другие виды шума и методы борьбы, а также статья про наведение резкости в фото.
-----------------------------------------------------

Хостинг изображений - imageshack.us

7 авг. 2008 г.

В помощь фотожоперу - Selective Color

Сегодня мы поговорим об одном весьма интересном инструменте Photoshop, имя которому Selective Color.
Живет он тут:


Selective Color - достаточно гибкий и мощный инструмент для цветокоррекции. Заточен он под работу в цветовом пространстве CMYK, что легко объяснимо. Как вы должны помнить из этой заметки - цветовое пространство RGB формирует цвет из проходящего света, а CMYK - моделирует свет отраженный. Поэтому, в случае любого изображения, выводимого куда-то кроме экрана монитора, мы имеем дело с отраженным светом, то есть - с CMYK. Правда, для Selective Color практически не играет роли, в каком цветовом пространстве сейчас ваш файл (есть несколько нюансов, о них - ниже), он с любым пространством работает как с CMYK.

Для того, чтобы объяснить, как Selective Color устроен и работает, я выкачал из сети вот такой вот натюрморт:

Аппетитный, правда? Но цвета можно сделать и получше.

Итак, вызываем Selective Color, и поехали:


Открывается окошко, на котором мы видим закладку с цветом (Reds) и ползунки, которые позволяют управлять триадными цветами в данной группе цветов. Что все это значит?
На нашем снимке есть области, которые можно охарактеризовать одним цветом - клубника красная, листья и киви зеленые, виноград - синего оттенка. Но при этом - нельзя сказать, что клубника, к примеру, равномерно-красная. На ней есть блики, тени и полутона. Если мы конвертируем изображение в CMYK и походим по нему пипеткой, то очень скоро убедимся, что областей с чистым цветом на фотографиях практически не бывает. Любой цвет составлен из четырех простых цветов.
Для того, чтобы выправлять цвет - достаточно выбрать нужную нам группу цветов из выпадающей вкладки и начинать работать.

Итак, за клубнику отвечает группа Reds. С нее и начнем. Для того, чтобы правильно прибавлять-удалять цвета в выбранной группе, надо понимать, какой цвет из триады отвечает за какой эффект. Cyan делает красные оттенки грязными, коричневатыми. Черный - аналогично, только получившиеся оттенки получаются еще более грязными. За собственно красный цвет в CMYK отвечают Magenta и Yellow - он получается при их смешении в равных пропорциях. При переизбытке Magenta конечный оттенок получается розоватым, при избытке Yellow красный превращается в оражневый. Поэтому, для того, чтобы улучшить вид клубники - мы будем убирать Cyan и Black. Только черный надо убирать крайне осторожно, так как он содержит информацию о тенях, а значит - о рельефе и фактуре объекта:


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

Следующий интересующий нас цветовой диапазон - диапазон желтых цветов, так как на фотографии присутсвует мандарин. Также (хотя и неявно) к желтым относятся сердцевина киви и белый иноград. Cyan придает желтому зеленоватый оттенок, Magenta превращает желтый в оранжевый. Ну а черный просто пачкает цвет.


Следующий по списку у нас зеленый. Зеленый - это, пожалуй, единственный цвет, который Selective Color угадывает точно.
Magenta превращает зеленые оттенки в коричневатые, а баланс между Cyan и Yellow дает нам все оттенки зеленого. От достаточно теплых травяных, до синеватого цвета елей:


Следующий интересующий нас цвет - белый (все пропущенные на данной фотографии группы на снимке почти не представлены, а потому нас не интересуют). Белым Selective Color считает достаточно светлые области любого оттенка. Поэтому белому цвету при желании можно придать любой оттенок. Небольшое количество Cyan и белый становится "белее" (на этом же основан эффект синьки, кстати). Magenta зрительно делает белый грязновато-серым. Добьемся желаемого белого цвета:


Ниже я представил, как водится, результаты "до" и "после". Замечу, что в данном случае я проводил все операции в RGB.











Теперь, все то же самое проделаем, конвертировав предварительно натюрморт в CMYK.

Красный:


Желтый:


Зеленый:


Белый:


Результат:











Отдельно стоит остановиться на группе Neutrals. Эта группа включает в себя все цвета, не относящиеся к белым и черным. Чаще всего к этой группе прибегают, когда весь снимок имеет посторонний оттенок. При работе с этой группой нужно быть очень осторожным, так как можно просто испортить фотографию.

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

Посмотрел на снимок еще раз. Ппц, натюрморт:-))
-----------------------------------------------------

Хостинг изображений - imageshack.us

5 авг. 2008 г.

Ошибка в скрипте с Одной Кнопки

Есть такой замечательный сайт - Одна Кнопка.
Там можно получить код, который позволяет вставить на страницу кнопки 16-ти сервисов социальных закладок. Удобно автору страницы - вставив простой код он получает удобный виджет, который позволяет читателям его страницы, если она им вдруг понравилась, немедленно добавить ее в любой (а то и в несколько) сервис закладок. И всем хорошо - читателям удобно, а автор получает дополнительные линки и посетителей на свою страницу. Автор чудного виджета - Антон Лобовкин.

При просмотре меня заинтересовало отсутствие в виджете таких сервисов, как MyScoop, Моё Место и еще нескольких известных. Полез в скрипт. Выяснил, что эти сервисы там прописаны, но есть ошибка в цикле, которая вместо 16 кнопок сервисов выводит всего 11. Счетчик я поправил, и все заработало как надо. Решил связаться с автором и сообщить ему о баге. Не вышло. Сайт Лобовкина, на который ведет ссылка с Одной Кнопки, в дауне, координат нет.

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

Для вставки в блог исправленного скрипта скопируйте ссылку:

<script src="http://onebutton.googlecode.com/files/onebutton.js" type="text/javascript"></script>

заменив спецсимволы на угловые скобки
-----------------------------------------------------

Хостинг изображений - imageshack.us

Маскируем неликвид! Было яблоко надкушенное, а стало...

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











Для того, чтобы не палить ребятам тему (вдруг они снова решат продолжить свою деятельность), я покажу, как решаются задачи подобного рода на другом изображении. Вот на этом:


Для того, чтобы замаскировать надкушенный участок, нам потребуется всего ничего - самые простые инструменты и немного терпения.
Для начала - увеличим размер рабочей области по ширине командой Image->Canvas Size:


Затем, выделим и скопируем в новый слой правую (целую) часть яблока:


Отобразим новый слой горизонтально с помощью команды Edit->Transform->Flip Horizontal, сделаем полурозрачным и тщательно подгоним по контуру яблока, а затем мягкой (Hardness=0) стеркой аккуратно сотрем лишнее:


Теперь нам нужно вооружиться инструментом Clone Stamp (быстрая клавиша - S) для того, чтобы замаскировать лишние блики и тени и более-менее выровнять цвет. Как работает Clone Stamp? Когда мы зажимаем клавишу Alt - инструмент принимает форму прицела и мы можем выбрать участок для копирования. А потом, нажатием левой кнопки мыши, скопировать выбранный участок в новое место:











Заштампуем нежелательные участки:


На получившемся изображении хорошо заметны повторяющиеся участки, которые в народе зовут "мылом". Это мыло тоже необходимо маскировать.

Для этого перейдем в исходный слой и скопируем кусок яблока:


Переложим этот слой на самый верх и аккуратно, мягкой стеркой, подотрем края. Для того, чтобы подогнать его по тону, вызовем инструмент "Уровни" (Ctrl+L) и, передвигая средний ползунок, как на иллюстрации, подгоним тон:


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

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


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


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

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

Хостинг изображений - imageshack.us