GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   


Оптическая иллюзия движения

Главная Уроки Оптическая иллюзия движения


Это та картинка, которую мы будем делать.

Шаг 1. Создайте новый документ с размерами 1280 на 800px.

Шаг 2. Создайте новый прозрачный слой и перейдите Меню — Фильтры — Визуализация — Сетка с такими настройками

Хотя эту разметку можно сделать и при помощи направляющих: горизонтальные и вертикальные направляющие, через каждых 50px. Вы можете создать их через Меню — Изображение — Направляющие или сделать это вручную, вытягивая их из линейки.

Шаг 3. Залейте фоновый слой цветом 352f27.

Инструментом Эллиптическое выделение нарисуйте на новом слое овал. Мой эллипс имеет размеры 43px на 31px. Нужно, что бы центр эллипса совпадал с первым пересечением линий сетки в левом верхнем углу документа. Все размеры зависят от подготовленной сетки, главное, чтобы эллипсы располагались один относительно другого близко. Большие промежутки приведут к плохим результатам:

Создайте новый слой над фоновым и залейте выделение на новом слое цветом 564734

Шаг 4. Измените цвет переднего плана на черный. Примените к слою Меню — Слой — Эффекты слоя — Stroke с такими настройками (градиент основной в фоновый резкий переход):

Шаг 5. Теперь создайте еще одно овальное выделение меньшего размера, смотрите на скрине ниже:

И перейдите в Меню — Правка — Обвести выделенное.

(при этом активным должен быть слой с большим овалом).

Шаг 6. Отключите видимость фонового слоя и кликнув по верхнему слою левой клавишей мыши, выберите «Создать из видимого». Теперь нам необходим только фоновый слой и слой из видимого. Создайте группу слоев (назовем ее «Линейка1») и поместите в нее вновь созданный слой, а так же помещайте в нее все слои с овалами, которые мы будем создавать.

Шаг 7. Кадрируйте полученный слой (Меню — Слой — Автокадрировать слой). Сдублируйте этот слой и передвиньте копию на одно пересечение вниз (что бы было совсем точно желательно использовать Меню — Слой — Трансформация — Смещение).

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

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

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

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

Шаг 9. Войдите в группу-дубликат, удалите самый нижний слой (овал, что находится в самом верху) и дублируйте третий слой и сместите его вниз (по логике вещей, чтобы он продолжал поворот нижнего овала):

Шаг 10. Повторите 8 и 9-ый шаги несколько раз, пока не заполните оставшуюся часть документа.

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

Вот и все, Вы создали оптическую иллюзию своими руками.


Метки: , , , , , , .

Результаты урока

Добавить

Уроки: предыдущий следующий

8 комментариев

2

Пользователь #10095Анастасия Высочина6 ноября 2013 в 15:54Личное сообщение

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

1

Пользователь #10339Юлия Кулиш6 ноября 2013 в 15:57Личное сообщение

Спасибо! Мне тоже было это интересно и я решила рассказать о своем опыте.

1

Пользователь #3637Инна Подзорова6 ноября 2013 в 17:06Личное сообщение

Очень интересный урок. Давно хотела узнать, как создать подобное изображение. Спасибо!

2

Пользователь #12552Вера Смирнова8 декабря 2013 в 19:51Личное сообщение

Юлия, может подскажите где вообще можно почитать про создание таких иллюзий? Почему происходит такой эффект и как можно сделать что-то наподобие, но совершенно другое?

1

Пользователь #10339Юлия Кулиш9 декабря 2013 в 14:25Личное сообщение

Вообще-то я не искала специально этот урок , но вот здесь можно посмотреть несколько вариаций с теми же приемами http://www.fotoeffekty.ru/opticheskie-illyuzii-v-fotoshop , а на сайте ест урок "Делаем визуализацию" /articles/delaem_vizualizaciju/ .

0

Пользователь #4345Настя Антипова11 декабря 2013 в 14:50Личное сообщение

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

1

Пользователь #11445Лариса Белозерова11 декабря 2013 в 17:37Личное сообщение

Я скопировала полученное изображение и добавила его вниз, то есть увеличила высоту. А потом рисунок поместила в вордовский документ. И когда прокручиваю документ колесиком мыши, то элипсы не только шевелятся, но и создается впечатление, что они вращаются. Напомнили мне вертушки на старой мебели: такие были на тумбочках, кухонных столах. Так что, если урок сделать правильно, то всё шевелится и вращается. Результат отличный.

0

Пользователь #12552Вера Смирнова21 декабря 2013 в 01:47Личное сообщение

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

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

  • >

Информация по уроку

Другие уроки автора

Создаем росу на паутине
Урок-адаптация. Учимся создавать капельки росы на нитях паутины при помощи GIMP и фильтра Layer Effects.

Простая открытка ко дню Святого Валентина
Простая открытка, для которой адаптирован текстовый эффект из урока по Фотошопу.

Как создать шоколадную поздравительную открытку на День Святого Валентина
Урок-адаптация, в котором мы научимся создавать шоколадную открытку к празднику влюбленных.

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

Праздничная новогодняя открытка
Создание праздничной новогодней открытки со стеклянным шариком. Урок-адаптация.

Кисти

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

Оценка урока

«Оптическая иллюзия движения» получил оценку 5.00 на основе 1 голосов.

13876+0
Комментариев

вверх