Линеешные заметки

Пост обработка

Всем доброго времени суток.

Меня зовут Ярошешевский Дмитрий Сергеевич, мне 28лет, по гороскопу Весы :). Уже более 5-ти лет я работаю в сфере компьютерной графики. Сейчас я фрилансер и занимаюсь, в основном, архитектурной визуализацией.

Многие мне задают вопрос - как я делаю пост-обработку в свих работах? Сегодня я решил поделиться с вами моим секретом. :) Конечно, если вы ГуРУ в Максе и у вас есть время на черновые рендеры, перерендеры, возню с настройками цвета и гаммы, то можно добиться нужного результата непосредственно и в самом Максе. В этом случае дальше можно не читать :)... Но если «горят сроки» и вы с утра обнаружили, что часы просчета ушли на не очень яркую, не очень «вкусную», картинку... Не отчаивайтесь! Этот способ обработки для вас. Итак, приступим! К примеру, есть у нас картинка, которая вышла после рендера из 3Д макса.

Ретушь фотографий путём частотного разложения

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

В этом уроке показан способ ретуши, с помощью которого Вы сможете обрабатывать не только отдельные участки изображения, но и выбирать уровень детализации поверхностей. Метод частотного разложения подразумевает наличие двух слоёв: с высокой детализацией и с низкой, созданных из исходного изображения. Эта техника стала популярной благодаря фотографу Шону Бейкеру (Sean Baker) из Мэриленда. Она предоставляет Вам возможность разглаживать грубые и чёткие детали независимо от остальной части изображения, а также повышать качество и резкость.

Шаг 1

Откройте в Фотошопе фотографию, над которой будете работать. Переведите её в 16-битный режим (Изображение > Режим > 16 бит/канал) (Image > Mode > 16 bit/channel). Создайте две копии слоя фотографии (Ctrl + J). Средний слой назовите «low frequency», а верхний – «high frequency». Самый нижний слой остаётся на случай ошибки, чтобы у Вас была возможность вернуться и начать всё сначала.

Mediachance Photo BLEND. Отличная программа для фотомонтажа

В процессе фотомонтажа очень важно правильно выполнить две основные операции, то есть отделить объект от фона и вставить его в другое изображение так, чтобы он органично смотрелся в снимке, с учетом всех деталей своего нового окружения. Совместить несколько частей разных фотоснимков сложно, так как нужно учитывать не только то, что две фотографии снимались разными фотокамерами, но и то, что съемка производилась в разное время суток, при разном освещении. Даже профессионалу, прекрасно владеющему всеми инструментами Photoshop, придется потрудиться, а для новичка это и вообще может оказаться непосильной задачей. Но, к счастью есть прекрасная программа Mediachance Photo BLEND, которая поможет отделить объект от фона, перенести его на другой снимок, вставить в любую часть фотографии, отрегулировать размер переносимого объекта и главное - сделать границу между совмещаемыми частями практически незаметной.

Работа с альфа-каналами в Photoshop CS6

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

Если Вы активный пользователь Фотошопа, то знаете, что процесс выделения объектов в может занять много времени. Возможность сохранять формы выделений очень полезная вещь, особенно когда клиенты часто меняют свои решения. Альфа каналы сохраняются в PSD файлах, и Вы в любой момент можете ими воспользоваться. Вы даже можете переносить альфа каналы из одного документа в другой при условии, что этим документы имеют одинаковые пиксельные размеры.

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

На практике, использование альфа канала для создания маски слоя – наиболее распространённое применение. Читайте дальше и увидите, что при помощи каналов можно создавать очень детальные формы для выделений. Когда Вы работаете с быстрой маской, Вы фактически работаете на временном альфа канале.

Урок по работе с фильтром Find Edges (Выделение краев)

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

Сперва мы открываем фотографию -> выбираем фильтр Filter - Stylize - Find Edges (Фильтр - Стилизация - Выделение краев) -> в появившемся окне выбираем интенсивность применения -> сохраняем. Наши примеры можно посмотреть в статье:

Мы начинаем публикацию уроков по photoshop

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

Ускорение и улучшение работы flines.ru

Сегодня был замечательный день для сайта flines.ru. Все что было сделано улучшит скорость и качество работы сервиса. Итак:

Хитроумный кэш был заменен на еще более хитроумный и теперь заведуется nginx, каждая линейка отгружается как статичный файл. Это позволит отображать линейки без перебоев даже при очень большом количестве запросов (сейчас иногда достигает более 100 запросов в секунду). Максимальная нагрузка во время сброса кэша на 4 ядрах достигает 12, а средняя нагрузка за день не превышает 2 при такой схеме. Раньше было 50-4, что означало падение процессов для данного пользователя и отказы в обслуживании.
Срок годности рекомендованного nginx клиентского кэша строго установлен на 00:30, что дает очень большую разгрузку при запросе уже готовой линейки
Во время отдачи кода линейки дается правильное расширение для того чтобы обеспечить правильный mime-type для статической отдачи, поэтому переживающие на счет корректности могут перестать вручную заменять отдаваемые сайтом коды.
Вместо одного мягкого и одного жесткого сброса серверного кэша теперь остался один жесткий сброс в 00:00 по московскому времени. Однако послушные браузеры по-прежнему могут подтормаживать с обновлением линеек максимум до 01:00 по москве.
Время рекомендуемого клиентского кэширования для линеешных js скриптов увеличилось до 20 часов, т.к., собственно, нет смысла меньше.
Русскоязычные и вообще кривые наименования файлов теперь сохраняются на сервере правильно и позволяют создавать линейки.
Сделал чтобы неверно именованные файлы (неверное расширение) распознавались правильно для бегунков и фонов. Криворуких много, переименовывают jpg в gif, а потом спрашивают, почему у них не работает.
Также планирую переделать все в UTF-8, т.к. архаично держать БД в 1251.

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

p.s. Если вдруг че-то сломал и появились косяки с линейками - пишите, будем разбираться.

7 комментария

И снова линейки на новом сервере

Всех пользователей линеек поздравляю! Мы теперь работаем еще быстрее и еще стабильнее!

Поток запросов пользователей просто взорвал виртуальный выделенный сервер, мы напряглись и сделали лучше! Теперь мы на выделенном сервере, где смогут поместиться еще многие тысячи ваших линеек. Теперь перебои в работе других моих сайтов не будут сказываться на работоспособности остальных. Сильно улучшена производительность и система безопасности. 100 мбитный канал, большое количество оперативки и процессорных мощностей, а так же операционная система freebsd 8 позволит значительно улучшить качество и скорость работы.

Исправлены многие недочеты в работе и, надеюсь, исходя из новых возможностей графической библиотеки GD мы сможем делать их анимированными. К сожалению, отдачи от этого сервиса не много, поэтому я не уделяю ему достаточно времени, но я надеюсь на перспективы!

3 комментария

Статистика линеек

Хотелось бы привести некоторые цифры о пользовании сайта линеек для форумов, блогов, сайтов и рабочего стола flines.ru .

Изначальному движку сайта 1.5 года
Сайту flines.ru 1 год
98000 линеек создано за весь период работы сайта
18000 линеек в активном использовании на данный момент
550 линеек создаются ежедневно и их число растет
27000 изображений (фонов и бегунков) загружено за весь период работы сайта
2300 изображений были добавлены в галерею за весь период работы сайта
1000 пользователей ежедневно и их число растет
30000 пользователей за последний месяц
64% пользователей - уникальны (не заходили на сайт прежде)
Показатель отказов сайта - 42% (это значит, что сайт оказался полезным 58% посетителей)
360000 просмотров страниц за последний месяц
Миллионы показов линеек на различных сайтах ежедневно
1350 сайтов, форумов, блогов, использующих наши линейки
10 новых сайтов ежедневно добавляют наши линейки на свои страницы
ТОП5 по большинству ключевых запросов в Яндексе и Гугле за 4 последних месяца, а так же ТОП3 и ТОП1 по некоторым из ключевых высокочастотных запросов. ТОП1 по всем ключевым запросам в Рамблере.
59% посетителей сайта приходят с сайтов, на которых установлены линейки
27% посетителей сайта приходят из поисковых систем
14% посетителей сайта приходят на сайт непосредственно
Было произведено 7 масштабных обновлений программного комплекса за весь период работы сайта и десятки более мелких

Самую свежую статистику системы ищите здесь.

Все показатели взяты из Google Analytics и внутренних данных движка системы. Все данные даны с точностью до 10% на момент написания заметки.

3 комментария

Изменение шрифта линеек

К сожалению, после переезда на новый сервер перестал корректно отражаться текст на линейках, видимо, из-за различий версий ОС или библиотеки GD или вторжения инопланетян, я не смог разобраться. Поэтому было принято решение об изменении размера шрифта с 8 на 9. Так выглядит вроде бы более прилично.

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

Оставляйте отзывы.