Урок в Figma. Создаем крутой эффект с черепахой

Дизайнер всегда вдохновляется работами других более продвинутых дизайнеров, но не всегда знает как повторить эффекты. В этом уроке я покажу как сделать крутой эффект в графическом редакторе Figma очень просто и применять его на другие темы и идеи дизайна.
Ссылка на исходник www.figma.com/file/0RJLgkISuq...
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
!!!!! Курс по Figma для начинающих веб-дизайнеров
Переходите сюда school.elizart.ru/coursedribbble
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
👉 Для заказа услуг по созданию дизайна и сайтов, пишите мне в телеграм t.me/elizarta
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

[@User_nix5242wqr]

Прекрасная работа Спасибо большое за отличный урок, вы талант 💐 Приятно слушать, смотреть и учиться у вас! Процветания каналу))

[@ElizavetaKuraeva]

Спасибо, за отзыв! 🌹

[@workingsubliminal]

Спасибо, что так доступно обьясняете)

[@milaleelavati243]

Спасибо за урок. Все понятно. Творческих успехов!

[@ElizavetaKuraeva]

Спасибо за отзыв ☺️

[@anastasiakisil9385]

Спасибо большое, очень доступно. Все получилось без проблем!!

[@nickrock2044]

Огромное спасибо! Очень классный урок! Всë понятно и просто рассказано! 👍

[@ElizavetaKuraeva]

Спасибо за отзыв, очень приятно ☺️

[@user-yl4vg3pc9n]

Елизавета! Благодарю! С вашей помощью слепил TURNLE и Черепаху. Все срослось очень презентабельно. Желаю вам всяческого Благополучия!

[@ElizavetaKuraeva]

Спасибо 🙌

[@user-xl5om9vb1j]

Умничка! Спасибо за инфу

[@evilmac6171]

очень крутой эффект создания текста-рисунка!!! спасибо за разъяснения!!

[@ElizavetaKuraeva]

Пожалуйста 😉👏

[@irinatsvetkova6294]

Спасибо! Хороший урок, потренировала новые навыки, все получилось.

[@ElizavetaKuraeva]

спасибо за отзыв 🌹

[@ssa5800]

Получилось, круто! Спасибо большое

[@ElizavetaKuraeva]

👍 рада, что понравился урок 😉

[@pavelpoplavsky3161]

Здоровья твоим рукам!)

[@ElizavetaKuraeva]

да, я о них позабочусь)

[@JuliaRobots]

Спасибо, что так подробно! Пойду повторять ❤❤❤

[@July-beauty]

Лиза ты крутая !!!! Очень понятно объясняешь. Спасибо !!!

[@nuhler]

Получилось!!!!!!!! Огромное спасибо!

[@user-eg9oi3dl5q]

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

[@user-vf1jq4jn8b]

круто! мне нравится) когда нужно было запомнить откуда начать вырезать, можно было воспользоваться направляющими shift + r как вариант)

[@mayarta]

Спасибо. Вы очень подробно объясняете! Новички кричат ура!

[@ElizavetaKuraeva]

Спасибо за отзыв 😉

[@user-vv6qi6pn3e]

Спасибо! Давно хотела понять, как это делают и наткнулась как орд на Ваше видео ❤

[@ElizavetaKuraeva]

Рада, что было полезно 😉

[@user-on2wz7np9c]

Спасибо за урок! Как раз недавно попался такой эффект)

[@ElizavetaKuraeva]

😉

[@fraukatrin5499]

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

[@artiom369]

Спасибо за урок

[@artdekor-sochi]

Ай спасибо большущее ! Зная фотошоп и иллюстратор на русском , фигма на английском была для меня как квантовая физика !))) Но благодаря вашему уроку выполнила урок на отлично ! С меня лайк и подписка . 🌺🌻🌼🐠

[@ElizavetaKuraeva]

спасибо за обратную связь) рада, что урок был полезный ;)

[@FCOBJAGA]

Блин,фигма легко далась, а вот. в фотошопе я как рыба на сушена вот прям ничего толком не получается))

[@ElizavetaKuraeva]

@@FCOBJAGA фигма мне тоже показалась проще) фотошоп я сравниваю с управлением космического корабля, инструментов много, пока не понятно, но очень интересно.

[@user-bv3lw3ys3n]

Спасибо большое, всё получилось, никак не могла въехать, как работает маска в фигме и зачем она вообще, тут всё получилось, потренировалась несколько раз)

[@ElizavetaKuraeva]

Круто! Рада, что вам было полезно ;)

[@user-sd3yb7oe1j]

Классная идея, всё понятно рассказываете. Но с пером надо потренироваться работать)

[@ElizavetaKuraeva]

Да, перо не простой инструмент)

[@mashakoch7758]

спасибо за это чувство! "йептыть, я дезигнер"

[@ElizavetaKuraeva]

😁 ахах, да, это классное чувство!

[@maxomurov3266]

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

[@antm1echs]

Лиза, спасибо вам за урок, очень хорошо и понятно объяснили всё

[@ElizavetaKuraeva]

🙂👍

[@MarfaLukinichna]

Спасибо большое за урок, все понятно. Но у меня немного не сраслось в конце((( одного элемента всё таки не видно. Не пойму в чем проблема 🤔

[@alexpitirimov4303]

Классная идея, спасибо за урок. Только у меня один вопросик: а зачем нужно было копировать текст, ведь работали только с картинкой?

[@ElizavetaKuraeva]

хороший вопрос) изначально я хотела, чтобы после маски с фото (в моменте 6:14) включить видимость копии текста. Но видимо увлеклась процессом и видимость текста в маске сделала с помощью прямоугольника (в моменте 6:52) 🙂 В таких задачах, всегда есть несколько вариантов решения.

[@makarovblog7261]

можно не примериваться к тексту если включить mask outlines в разделе view

[@user-jh8no5wx9u]

😮😮😮😮😮😮😮😮😮😮😮😮😮😮😮😮 привет из северной части Испании

[@shalimof]

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

[@ElizavetaKuraeva]

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

[@spirit-tl7cp]

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

[@stylebealina]

почему-то при использовании пипетки видно границу прямоугольника и текста, то есть цвет отличается и как бы я не пыталась. Что я делаю не так и как это инменить? спасибо!

[@ElizavetaKuraeva]

У меня фон более однотонный, поэтому пипеткой удалось захватить цвет фона. Если у вас фон не однотонный как у меня, лучше продублировать фото и отзеркалить. Расположить его на тексте. Отмена назад ctrl + z

[@user-fb6yo3rk6c]

А если скопировать картинку и удалить фон? Чтобы не работать с пером. Мне нужны варианты без пера. Спасибо

[@ElizavetaKuraeva]

можно поискать плагины для фигмы, которые могу автоматически удалить фон, либо удалить фон в другой программе, например фотошоп)

[@user-tc5ot9bm8c]

Пинтересть 😅

[@dvigtrin6297]

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

[@ElizavetaKuraeva]

можно, есть такие. Но в данном уроке идет ручная обтравка)

[@FMDful]

Не проще ли черепаху отделить от фона заранее?

[@ElizavetaKuraeva]

можно и так

[@artiom369]

А нельзя было во второй группе буквы сделать видимыми и добавить непрозрачность,чтоб было видно где линию вести? 🤔🤭

[@user-nn4qb8mp6x]

как приближать...

[@Yasmin21028]

Почему то use as mask не получается

[@ElizavetaKuraeva]

Нужно проверить, выделены ли два слоя. И правильно ли располагаются друг под другом.

[@aruzhankalieva9983]

Почему никто не объясняет как отдалять или приближать?

[@user-eg9oi3dl5q]

Зажимаете ctrl и крутите ролик мыши

[@user-sn8gp3lk1e]

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

[@ElizavetaKuraeva]

Используйте плагины, если вам так удобно. Моего разрешения здесь не требуется :)

[@marianatuslova3034]

Урок полезный, но музыка во-первых слишком громко, во-вторых вообще лишняя.

[@vaddy7117]

хз почему у меня не получилось.

[@ananasik_240]

Тоже не получается, делаю уже четвертый день

[@yanislazar]

Зачем насиловать Фигму, если есть фотошоп?))

[@adiksher6985]

Модно же на фигме работать...😂

[@skvorsova239]

Удобно делать проекты с помощью 1 сервиса, вместо того что бы прыгать из одной программы в другую

[@user-qm2ti8uh6x]

Если вы не знали, то есть Фотошоп прямо в фигме, правда слегка урезанный. И это куда удобнее чем сам Фотошоп. То что делает автор, это называется мазахизм, ведь чтобы это сделать как на видео нужно не более 5 минут )

[@user-vv6qi6pn3e]

А зачем фотошоп, если есть фирма 😂

[@vasilisapremudraiya]

​@@user-qm2ti8uh6xлучше в нормальном Фотошопе все сделать.

[@user-hp3kl7jp9z]

Комп бы вам получше. Тормозит жутко, работать не удобно. Ео талант ничто не остановит;)

[@bubulkaaa]

душнилово

[@egorrublev5529]

из разряда я не хера не могу но я с пижу с пинтареста

[@ElizavetaKuraeva]

Егор, в этом как раз и суть урока, вдохновились, сделали и научились 🤦‍♀️