Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Администрация поздравляет всех форумчан с Новым 2018 Годом. Пусть всех в доме ждёт достаток, в семье благополучие, а на работе успех. , ну и конечно же здоровья !!! С Наступившим вас всех Новым Годом!!!
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Кривая Дракона, Рисуем фрактал в фотошопе

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Кривая Дракона, Рисуем фрактал в фотошопе


 
Опции учебника
Кривая Дракона, Рисуем фрактал в фотошопе

Предыдущий учебник Кривая Дракона, Рисуем фрактал в фотошопе Следующий учебник
Опубликовал(а) Gostemilov
16.06.2015
Кривая Дракона, Рисуем фрактал в фотошопе

Кривая Дракона

Кривая дракона (она же дракон Хартера - Хейтуэя) – один из самых простых и одновременно красивых фракталов. Выглядит она так:



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

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



Принцип, по которому мы будем рисовать кривую, очень хорошо объясняется этой гифкой, найденной мной в интернете:



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

Примечание: Справедливости ради стоит заметить, что получаемая рассматриваемым методом фигура – дваждыдраконовая кривая (twin dragon curve). То есть представляет из себя две склеенных кривых дракона. Разделить их каким-либо простым методом нельзя, поэтому заголовок урока, вообще говоря, не совсем корректен.


Итак, приступим.

Шаг 1

Создаём новый документ (Ctrl + N или File - New). Размеры его будут зависеть от того, насколько крупную кривую хочется получить. Я выбрал 450x450 пикселей. В Background Contents стоит поставить White – фоновый слой нам в дальнейшем понадобится для выравнивания. Жмём Ok.



Шаг 2

Создаём новый пустой слой (Alt + Ctrl + Shift + N или кнопка Create a new layer на панели слоёв). Выбираем инструмент и, поставив максимально крупный масштаб, выделяем левый верхний пиксель (самый надёжный способ избежать дальнейших ошибок в Action). Теперь заливаем его каким-нибудь цветом (Shift + F5 или Edit - Fill).



Жмём Enter.
В дальнейшем этот пиксель станет зерном, из которого вырастет кривая.

Шаг 3

Отключив белый фон, выделим теперь два верхних пикселя:



Они нам пригодятся, чтобы нарисовать горизонтальные полосы.

Шаг 4

Создаём из выделения новый узор (Edit – Define Pattern).



Шаг 5

Снимаем выделение (Ctrl + D или Select – Deselect), возвращаем видимость заднему слою и создаём новый (Alt + Ctrl + Shift + N или кнопка Create a new layer на панели слоёв). Заливаем этот слой созданным только что узором. Для чего жмём Shift + F5 (Edit – Fill), в графе Use выставляем Pattern, а в пункте Custom Pattern выбираем самый последний вариант:



Получиться должно что-то такое:



Шаг 6

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

Шаг 7

На панели Layers выбираем слой с единственным закрашенным пикселем:



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

Шаг 8

В качестве последней подготовительной операции сменим режим интерполяции, стоящий по умолчанию. Для этого зайдём в настройки (Ctrl + K или Edit – Preferences – General) и в Image Interpolation укажем Nearest Neighbor:



Жмём Ok.

Шаг 9

Для начала записи Action’а жмём кнопку Create a new action на панели действий. (Если найти саму панель не получается, её можно просто вызвать нажатием Alt + F9 или через Window – Actions.)



В появившемся окне стоит ввести имя действия, а также при желании указать горячую клавишу:



После этого жмём Record.

Шаг 10

Зажав Ctrl, кликаем по иконке слоя с полосками, тем самым загружая из него выделение в виде полосок.



Шаг 11

Выбрав инструмент move , одиночным нажатием стрелочки «вправо» на клавиатуре, сдвигаем выделенную область влево.



Снимаем выделение (Ctrl + D или Select – Deselect).

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

Шаг 12

Теперь нужно растянуть и повернуть заготовку. Для этого активируем режим свободной трансформации (Ctrl+T). На панели с параметрами необходимо первым делом(!) поместить опорную точку в левый верхний угол. После в графах высоты и ширины укажем 200%, а угол поставим 90°.



Жмём Enter.

Шаг 13

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



После этого нужно поочерёдно нажать кнопки центрального выравнивания по горизонтали и по вертикали (инструмент должен быть всё ещё выбран):



В результате наш дракон должен оказаться в центре рисунка.

Шаг 14

В окне слоёв оставляем выделенным только слой с кривой:



Шаг 15

Для завершения записи действия жмём на кнопку Stop playing/recording на панели Action’s:



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



Остановиться нужно, когда кривая дойдёт до нужного размера:



Готово!

Шаг ещё один

Чтобы получить из кривой разукрашенный фрактал, как в начале статьи, нужно просто применить к слою с ней эффект stroke (окно стилей вызывается двойным щелчком по слою на панели Layers). Размер окантовки при этом нужно поставить максимально возможный, Position: Center (или Inside – по вкусу), Fill Type: Gradient, Style: Shape Burst и выбрать какой-нибудь интересный градиент:





Чтобы добавить картинке резкости можно слить её слой с фоном (предварительно заполнив тот нужным цветом) и применить нерезкую маску (Filter – Sharpen – Unsharp Mask), поигравшись с её настройками.

Кривая дракона любопытна ещё и тем, что из неё можно собирать математический паркет (хотя, учитывая способ её построения, это не удивительно):



На этом всё. Благодарю за внимание и, как всегда, буду рад услышать любые отзывы.

Автор урока: Lord Taurus

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 54
Сообщений: 92,007
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=221855
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Рисуем малыша дракона. Gostemilov Необработанные уроки Photoshop 0 24.06.2015 01:35
Рисуем пиксельного дракона, пиксельарт Gostemilov Необработанные уроки Photoshop 0 22.06.2015 17:05
Рисуем огненного дракона! Gostemilov Необработанные уроки Photoshop 0 22.06.2015 09:25
Рисуем дракона, Painting a Dragon Gostemilov Необработанные уроки Photoshop 0 18.06.2015 09:00
  Урок Photoshop средней сложности   Рисуем огненного дракона Gostemilov Уроки Adobe Photoshop 0 09.09.2012 06:30

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 12:44. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 14.29%).