Как сделать рекурсию в фотошопе
"Многие из нас любят, и многих из нас привлекает, все необычное и удивительное. Эффект Дросте относится именно к таким чудесам пречудесным. Про этот эффект не слышал только ленивый, о нем еще с 1914 года активно шепчутся.. А несколько лет назад появились первые умельцы, которые поставили эту технику на автоматический процесс - упорные программисты не стоят на месте. Теперь желающим не нужно тратить часы на вычисления и громоздкие коллажирования. Это как работа с современным фотоаппаратом: он все сделает за вас (упростив подготовку в техническом плане), вам остается только творчество - так и здесь. Часто бывает так, что вроде "удивительное рядом, но оно запрещено", но можем же мы позволить себе прикоснуться к загадочному и поколдовать со своими фотографиями? Выбирайте сами: или вы соглашаетесь со мной и разрешаете себе этот каприз… или говорите - нет. Решать только Вам - это, до кончиков аксонов и дендритов, ваш самостоятельный выбор. Это ведь не просто урок - это подобие облегченной статьи-урока, со всеми вытекающими. Да, нужный материал вполне легко вместить на одну страницу и отпустить Вас в кручения-верчения. Только позвольте уж провести Вас по всей тропе лабиринта, чтобы Вы прониклись техникой в большей мере. Я не стал все впихивать в одну тему, поэтому в этой части мы рассмотрим только базовую составляющую, необходимую для получения эффекта, после чего Вы сможете пожинать плоды создания начальных, но уже "дроздирующих" картинок. А в следующих темах будут рассмотрены некоторые хитрости, премудрости с нюансами и более прикладной материал. "
Всё. Я вообще молчу. Я в шоке. Одно только - такие уроки достойны Нобелевских премий и таких же по размеру денег (но у нас всё по-честному и бескорыстно). И ещё: работа будет выполняться в Гимпе + придется скачать для него один весьма полезный плагин (все в архиве и не пугайтесь - существует возможность прикрутить существующий фильтр к шопу, а как - об этом тоже в уроке)… Урок огромный, но в архиве все плуги и программы (кроме Gimp - у нас на сайте этих Гимпов немеряно и прилады для шопа - 45 Мб, но на всё гиперссылки в уроке, и не только на это. )
В сегодняшней подборке посмотрим на 33 вдохновляющих язображения с Эффектом Дросте (Droste effect). Большинство из них были созданы с помощью Photoshop, они требуют большого мастерства и кажутся немного хитрым в получении этого эффекта. После небольшой практики и преданности делу вы должны узнать, как создать Эффект Дросте (Droste effect), используя Photoshop.
Что такое Эффект Дросте (Droste effect)?
Бесконечная рекурсия или Эффект Дросте - это голландский термин, которым обозначают особый вид рекурсивного изображения. Данный термин появился в 1904 году после публикации подобного изображения на пакете какао Droste. Эффект рекурсии достигается таким образом: на фотографии размещается уменьшенный вариант той же фотографии или объекта с этой фотографии, на уменьшенной копии размещается ещё более уменьшенная фотография и так далее. Такой процесс может быть продлён до бесконечности, что и кажется зрителю, который посредством эффекта Дросте улетает в бесконечную даль. Зрителю не кажется, что эта фотография или картина плоская, теперь она стала бесконечно глубокая. Бесконечность ограничивается разрешением фотографии, то есть последняя уменьшенная копия будет иметь размер 1 пиксель и дальнейшее размещение станет невозможным.
Знаменитыми фотохудожниками в стиле рекурсии являются Мауриц Эшер, Джош Соммерс. Джотто ди Бондоне (1267-1337г.г.) – итальянский художник, оказывается первый, кто нарисовал подобную картину. Итальянский художник изобразил рекурсию в триптихе Стефанески. Эффект Дросте с научной точки зрения относится к фрактальной геометрии и его можно рассчитать с помощью специальных формул. Изображение в этом стиле вовсе не являются простым и элементарным. Чтобы правильно рассчитать положение, размеры уменьшенных копий и перспективу положения многие художники и фотохудожники по несколько месяцев только изучают основы рекурсии. Зато, после всех мучений получаются вот такие красивые вещи, которые стоили тех трудностей, через которые прошли авторы работ в стиле рекурсии Дросте.
Как этот эффект получил свое название?
Эффект Дросте (нидерл. Droste-effect) — рекурсивное изображение как частный случай техники mise en abîme. Термин ввёл спортивный журналист-комментатор, поэт, переводчик Нико Схепмакер (нидерл. Nico Scheepmaker) в конце 70-х годов XX века по названию голландской марки какао Droste (плакат на котором изображена медсестра с подносом, с чашкой горячего шоколада и коробкой с тем же изображением. Этот образ, введенный в 1904 году и поддерживается в течение десятилетий с небольшими вариациями, стал бытовым понятием.), которая использовала этот эффект в своей рекламе. Сам эффект известен давно. Например, Джотто применил его в триптихе Стефанески (начало XIV века). Часто встречается в массовой культуре (пример — обложка альбома Ummagumma (1969) группы Pink Floyd).
Многие же из Вас видели подобные фотографии,и я не исключение,и мне также интересно было знать,как сделать подобный эффект.
Информации на эту тему в принципе много,но вот способ реализации мне не понравился,дело в том,что все уроки написаны для связки GIMP+плагин MathMap,меня такой вариант не устраивает,так как не признаю ГИМП,да и не хотелось мне его скачивать ради того,чтобы сделать,ну максимум пару-тройку картинок.И решение конечно же было мной найдено,причём случайно.Ещё с прошлого года у меня есть программа MediaChance Photo-Brush,на неё у меня есть кое-какие планы (в плане уроков и обучения),программа очень качественная,впрочем как и все продукты MediaChance,в дальнейшем я планирую выложить уроки по этой проге.И вот,оказалось,что эта прога умеет делать этот эффект,чему я даже обрадовался.Теперь и Вам покажу,как это делается.Всего нам потребуется буквально пару кликов мышкой.
Скажу честно,пока у меня нет особо времени для экспериментов с этой прогой,поэтому я использую фотографию,которая уж точно подойдёт для Эффекта Дросте,Вы же можете поэкспериментировать с разными,думаю всё должно получиться.
Открываем фото в проге Ctrl+O,выбираем Selection Tools,затем инструмент Polygon,теперь выделяем центр картинки (если вы делаете по подобной фотке),выделение делается кликами ЛКМ (левой кнопкой мыши),и так,кликаем по углам,а потом жмём ПКМ,появятся выделение («бегающие муравьи»).
Теперь меню Adjust-Fractal Droste,появится окно эффекта,всё что дальше делать,является лишь методом проб и ошибок,какой-то конкретной настройки нет,поэтому крутите-вертите ползунки для достижения результата,который удовлетворит.
Потом жмём Ок и картинка генерируется.Вот и весь процесс.Так что экспериментируйте с настройками !А что касается «не очевидных» фотографий,тут главное разобраться,как правильно сделать выделение Полигональным Лассо.
Мы будем благодарны, если Вы установите у себя нашу ссылку (на Ваш выбор, любой из предложенных вариантов):
"Многие из нас любят, и многих из нас привлекает, все необычное и удивительное. Эффект Дросте относится именно к таким чудесам пречудесным. Про этот эффект не слышал только ленивый, о нем еще с 1914 года активно шепчутся.. А несколько лет назад появились первые умельцы, которые поставили эту технику на автоматический процесс - упорные программисты не стоят на месте. Теперь желающим не нужно тратить часы на вычисления и громоздкие коллажирования. Это как работа с современным фотоаппаратом: он все сделает за вас (упростив подготовку в техническом плане), вам остается только творчество - так и здесь. Часто бывает так, что вроде "удивительное рядом, но оно запрещено", но можем же мы позволить себе прикоснуться к загадочному и поколдовать со своими фотографиями? Выбирайте сами: или вы соглашаетесь со мной и разрешаете себе этот каприз… или говорите - нет. Решать только Вам - это, до кончиков аксонов и дендритов, ваш самостоятельный выбор. Это ведь не просто урок - это подобие облегченной статьи-урока, со всеми вытекающими. Да, нужный материал вполне легко вместить на одну страницу и отпустить Вас в кручения-верчения. Только позвольте уж провести Вас по всей тропе лабиринта, чтобы Вы прониклись техникой в большей мере. Я не стал все впихивать в одну тему, поэтому в этой части мы рассмотрим только базовую составляющую, необходимую для получения эффекта, после чего Вы сможете пожинать плоды создания начальных, но уже "дроздирующих" картинок. А в следующих темах будут рассмотрены некоторые хитрости, премудрости с нюансами и более прикладной материал. "
Всё. Я вообще молчу. Я в шоке. Одно только - такие уроки достойны Нобелевских премий и таких же по размеру денег (но у нас всё по-честному и бескорыстно). И ещё: работа будет выполняться в Гимпе + придется скачать для него один весьма полезный плагин (все в архиве и не пугайтесь - существует возможность прикрутить существующий фильтр к шопу, а как - об этом тоже в уроке)… Урок огромный, но в архиве все плуги и программы (кроме Gimp - у нас на сайте этих Гимпов немеряно и прилады для шопа - 45 Мб, но на всё гиперссылки в уроке, и не только на это. )
Если вы сюда зашли - вы наверняка знаете, что такое рекурсия фото. Если же нет, то, минуя скучные объяснения, я просто покажу, как она выглядит.
В этой статье я расскажу, как создать такую GIF анимацию из вашей фотографии при помощи созданных мною скриптов. Этот урок рассчитан на средний уровень владения программой Photoshop. Если же у вас отношения с ним натянутые, а сделать гифку из своей фотографии все-таки хочется, то лучше воспользуйтесь другим моим бесплатным сервисом. Ну а если вы все-таки полны решимости все сделать самостоятельно - давайте поскорее начнем.
1. Подготовка
1.1 Основа работы - выбор исходного изображения. Для работы я выбрал вот это изображение из свободного доступа.
Поскольку изображение должно бесконечно повторять само себя, фото человека с рамкой в руках подходит как нельзя лучше. Но это может быть не только рамка, но и картина на стене, окно, отражение в зеркале - все зависит от вашего желания экспериментировать. Но для первого раза я рекомендую использовать фото, максимально похожее на мой исходник. Важно, чтобы рамка в руках была ближе к середине всей фотографии, и занимала не менее 50% от площади всей фотографии
1.2 Создаем дубликат фона на случай неудачи, скройте его.
1.3 Увеличиваем всю фотографию на 200%-300%
1.4 Обрезаем изображение, делая его квадратным. Кадрировать нужно так, чтобы рамка оказалась ближе к середине. Я делаю так: увеличиваю канву (Canvas) на 200%, отмечаю центр двумя линиями (Guides).
1.5. Правильно позиционирую фото к центру.
На новом слое вырезаем содержимое рамки, так, чтобы внутри рамка была прозрачной.
2. Расчет параметров будущей анимации
2.1 Клонируем полученный слой (Duplicate layer в контекстном меню, или просто перетащить слой в пиктограмму слоя в свитке Layers)
2.2 Выясняем, насколько надо уменьшить и повернуть изображение, чтобы оно оказалось в рамке.
2.3 Выбираем нижний слой-клон, масштабируем и вращаем так, чтобы этот слой полностью оказался в рамке верхнего слоя. Желательно сделать так, чтобы все персонажи, присутствующие на фото, влезли в рамку. Не применяя изменения, списываем параметры изменений, масштабирования и угол поворота. В моем примере получилось 54% масштабирование, 10 град. поворот. Все, теперь этот слой можно удалить.
3. Создаем коридор в глубину
3.1 Выберите начальный слой. Примените скрипт createCorridor.jsx (см. так же Как исполнить скрипт в photoshop). В параметрах задайте достаточное количество шагов, так что бы конечное изображение было всего несколько пикселей. Остальные параметры масштабирования и угол поворота задавайте те что выяснили на предыдущем шаге.
3.2 Теперь немного творчества. Есть у вас центр рамки не совпадает с центром всего изображения вашего проекта. А это как правил так и есть. Следует позиционировать слои поочередно сверху вниз так что бы изображение в рамке, которое вы редактируете, соответствовало тому что будет снаружи рамки. (см. рисунок). Таким образом самое нижнее, маленькое изображение, окажется на месте центра вращения и движения всего коридора.
3.3 Когда все тщательно выполнено и проверено по предыдущим шагам, все видимые слои можно объединить. (Ctrl+Shift+E)
4. Создаем бесконечную анимацию движения в глубь коридора
4.1 Поместите вспомогательные линии (Guides) так что бы они пересекались в центре схождения перспективы коридора. Это пригодиться потом, когда надо будет все слои участвующие в анимации позиционировать по этому центру.
- От количества кадров зависит плавность анимации, чем больше кадров, тем плавнее движение. Но помните, что размер GIF файла может получиться слишком большим из за большого количества кадров. В среднем надо рассчитывать так что бы на секунду анимации приходилось около 16 кадров (в примере я сделал 16 кадров, т.е. 1 сек. анимации.)
- Угол поворота надо задавать тот что мы получили на шаге 2.2 (см. выше "Расчет параметров будущей анимации"), но только с отрицательным знаком.
- Для масштабирования так же берем значение полученное на шаге 2.2, делим на 100 потом 100 делим на полученное значение. В моем примере: 100/(54/100)=185.2
4.3 В результате работы скрипта получим несколько новых слоев. Каждый слой соответствует одному кадру анимации.
4.4 Включите немного терпения. Теперь каждый вновь полученный слой надо позиционировать так, что бы что бы центр схождения перспективы коридора совпадал с ранее выставленным перекрестием вспомогательных линий. Т.е. надо добиться того что бы на всех слоях центр перспективы совпадал.
4.5 Откройте окно анимации. Для кадра задайте время 1/количество кадров в сек. В моем примере 1/16=0.06
4.6 Выберите самый верхний слой. Создайте новый кадр анимации в окне анимации, сделайте верхний слой невидимым. Так сделайте для всех слоев. У вас должно получиться столько кадров сколько и слоев, для каждого кадра видимым будет следующий слой за верхним.
4.7 Выберите первый кадр в окне анимации и обрежьте (Crop) изображение по первой, самой большой рамке.
5. Заключительная обработка
5.1 Анимация готова, теперь используйте инструмент "Save for Web & Devices" (см. в меню File)
5.2 Размер получаемого GIF файла уменьшите в два раза (или во столько, во сколько вы увеличивали в самом начале). Остальные параметры - на ваше усмотрение. Напомню только, что от размера палитры зависит размер самого файла, который вы получите, а также качество изображения.
Вот в результате работы я создал GIF файл, который вы видели в начале статьи. Видео немного дергается на переходе, это из-за того, что я немного неаккуратно центрировал схождение перспективы коридора. Думаю, у вас эта операция получится лучше, чем у меня.
Читайте также: