Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Управляйте маятником, чтобы построить самую высокую (и устойчивую) башню из падающих сверху постов. Следите за временем на каждый бросок по полоске справа: если она закончится, пост упадет мимо башни.

Башня

Аркады, Строительство, На ловкость

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

Figma

С этим тегом используют

Дизайн Веб-дизайн Дизайнер Ui Сайт Photoshop Web Все
157 постов сначала свежее
54
Amir74
Amir74
1 год назад
Графический и Веб-дизайн

Шрифтовая пара. Эксперименты⁠⁠

Доделал новую презентацию. Lemon Tuesday и Akony. Я люблю слияния веселых и строгих шрифтов. Хоть многие и поспорят, что они не сочетаются, но мне норм. Главное не использовать Lemon в основном тексте. Он больше служит декором.

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

Шрифтовая пара. Эксперименты Шрифт, Презентация, Дизайн, Photoshop, Figma, Длиннопост
Шрифтовая пара. Эксперименты Шрифт, Презентация, Дизайн, Photoshop, Figma, Длиннопост
Шрифтовая пара. Эксперименты Шрифт, Презентация, Дизайн, Photoshop, Figma, Длиннопост
Шрифтовая пара. Эксперименты Шрифт, Презентация, Дизайн, Photoshop, Figma, Длиннопост
Шрифтовая пара. Эксперименты Шрифт, Презентация, Дизайн, Photoshop, Figma, Длиннопост

Как обычно скачать оба шрифты вы можете:

В телеграмм или вконтакте

Показать полностью 5
[моё] Шрифт Презентация Дизайн Photoshop Figma Длиннопост
0
Gggavnooo
Gggavnooo
1 год назад
Графический и Веб-дизайн

Apple быстренько зарелизила дизайн кит VisionOS в Фигма⁠⁠

Apple быстренько зарелизила дизайн кит  VisionOS в Фигма Дизайн, Apple, Figma, Интерфейс, Дополненная реальность

Apple быстренько набросала кот? кит в фигме, чтобы нетерпеливые дизайнеры уже начали плодить фейковые кейсы на Бехансе с продуктами для VisionOS

Присоединяйтесь :)

Попробуйте этот Figma файл с использованием Кита ( имейте ввиду в шаблонах системные шрифты SF Pro не используются )

[моё] Дизайн Apple Figma Интерфейс Дополненная реальность
0
6
Gggavnooo
Gggavnooo
2 года назад
Графический и Веб-дизайн

Хорошее обновление Figma, наглядно:⁠⁠

Добавились переменные и чуть больше адаптивности. Хотя она работает не так, как хотелось бы. Не понимаю, в чем проблема сделать классы и адаптив, как в webflow / framer.

🔥🔥🔥🔥 Но это обновление дарит возможность Фронтам и Дизайнерам на продуктах придумать и обосновать бизнесу — почему нужно перелопатить всю библиотеку и все макеты. Хотя в этом нет никакой пользы. 😅

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

По порядку:

Фигма опубликовала Dev Mode, переменные, проДвинутое прототипирование и ряд обновлений для улучшения качества жизни ИТ работяг. Спасибо! В целом коллаборации это вектор развития любых платформ, но Фигма это уже не просто дизайн-инструмент, а продукт Адобченко, поэтому ждать от них можно неожиданных решений.

Что там за обновление:

Dev Mode - это новый режим для разработчиков. Figma теперь заботится о разработчиках. Ну наконец-то! Разработчики могут понять и перевести дизайны в код быстрее, подключить свои инструменты и кодовую базу с помощью плагинов, включая Jira, GitHub и Storybook ( для многих подобный стек - важная экосистема в создании продуктов на данный момент). И это все бесплатно до конца 2023 года. Ну не щедрость ли? Не особо. Тем более, что стили которые предлагает Фигма, все еще далеки от того, чтобы добиться компромисса с фронтом и консистентности в дизайн-системе. Подружить фронтенд с дизайном старейшее направление. Но все что я вижу из утилитарного - это возможность быстрее глянуть изменения в компонентах в Storybook линкуя компоненты, а это было доступно в одноименном плагине.

Variables Атрибуты — или переменные, которые помогают дизайн-системам говорить на одном языке с кодом. Теперь вы можете создавать ваши дизайны, которые могут подтягивать значения из таблицы ( как в Exel ) и писать простые формулы, чтобы влиять по нажатию на отображение компонентов или тексты. Например, как в моем видео: я меняю вид компонента по тумблеру и добавляю лайки на карточке компонента.

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

  2. Поддержка псевдонимов и областей видимости для контекстуализации переменных для всей команды.

  3. Режимы переменных с разными значениями (например, светлый и темный), которые можно переключать для изменения тем дизайна.

  4. Поддержка плагинов и REST API для переменных, чтобы помочь вам масштабировать и управлять переменными.

Автолайауты — Ну и, конечно, они не забыли о качестве жизни. Теперь можно устанавливать объектам минимальную и максимальную ширину. Улучшенный автолайаут с режимом Wrap - который может добиться адаптивности по аналогии с flex блоками в html/css, обновленный выбор шрифтов и обновления в файловом браузере - все это должно помочь вам работать лучше в Figma. Ну, по крайней мере, так они обещают.

Чуть позже гляну изменилось ли что-то со Storybook - но вроде плагин остался таким же. Просто Фигма теперь его официально предлагает использовать

И в конце концов, они говорят о будущем. Они вкладываются в искусственный интеллект и образование. Они даже приобрели компанию Diagram, чтобы улучшить свои AI-возможности. И они продолжают предлагать все продукты Figma бесплатно для студентов и преподавателей.

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

Дрибл автора: https://dribbble.com/letsweb

Канал автора: Что там происходит

Показать полностью
[моё] Дизайн Figma Разработка Дизайнер Видео Без звука Длиннопост
3
8
Gggavnooo
Gggavnooo
2 года назад
Графический и Веб-дизайн

Прошло много лет, а в разработке Логотипов ничего не изменилось )⁠⁠

2 забавных факта:

  1. Скажу честно - за 14 лет практики ( моей ), 90% логотипов для проектов были сделаны следующим образом:
    - Кидаем название
    - Простым шрифтом
    - Добавляется абстракция ( опционально )
    = Логотип готов ) и все счастливы

  2. 50-80% Клиентов ( за судьбой которых я проследил ) получив оригинальный проработанный знак / леттеринг ( когда вас дрючили с правками, ревновали за свой вижен ) на этом так сказать "этапе" они и оставались... и порой до самого запуска успешного успеха бизнеса — дело у них так и не доходило или он быстро зачах. Спрашивается им шашечки или поехать )) - такое обычно заказывали ( агенства, маркетинг отделы, лпр малого "успешного" бизнеса и горе-стартаперы ). Сливали деньги и портили себе нервы.

    Ниша - 40-120к рублей ( на 2012-15 год )

    Далее регистрация Товарного Знака )) если дело пошло.

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

Видео старое - сорри за звук.

Запоминайте: логотипы и символы нихера сами не могут. Мы с вами... наделяем символы идеей! Силой — достаточной, чтобы захватить умы миллионов людей :) Ваш продукт, ваши услуги могут сделать логотип узнаваемым, а не иначе.

Показать полностью
[моё] Дизайн Логотип Самозанятость Клиенты Figma Видео YouTube
4
Artem.Panche
Artem.Panche
2 года назад

Я перетрудился на сегодня - пойду спать⁠⁠

Я перетрудился на сегодня - пойду спать
Figma Дизайн Ui Swift
0
61
Dmitriy.yiu
Dmitriy.yiu
2 года назад

Как вырезать объекты, расположенные на черном фоне в Photoshop⁠⁠

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Рад приветствовать! Сегодня ситуация следующая. Недавно мне в голову пришла идея сгенерировать 300 фигур для дизайнеров с помощью Stable Diffusion, а эта нейросеть, как известно, не работает с альфа-каналом и выдает все либо с черным, либо белым фоном.

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

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Кстати, вот ссылка на документ в Figma, можете сами посмотреть на это безобразие из разнообразных фигур.

Level 1 — у меня лапки, принесите мне тапки!

Советую скачать Photoshop самой новой версии, ведь каждый год компания Adobe улучшает инструменты выделения, а это важно, ведь объекты сложные, нужна любая точность!

Я буду использовать самый новый — 2023 года. Загрузим в программу нашего первого пациента. Расправимся мы с ним очень быстро.

Чтобы вырезать эту загагулину, нам надо убрать черный фон и добавить прозрачности стекляшки. Хорошо, для этого идем в каналы (Channels) и с зажатым (CTRL) кликаем по тому, что называется RGB.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Затем возвращаемся на вкладку слои и создаем маску. Все, готово, а вы боялись! Я создал плашку синего цвета, чтобы вы могли посмотреть, как удалился фон. Как по мне, вышло отлично.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Level 2 — не так быстро, я не успеваю...

Но что делать, если у фигуры есть свечение? Либо фон не черный, а серый, например! Вот гадство же, нельзя было просто создать на черном фоне? Ладно, сейчас вырежем. Снова добавляем пациента...

Нам понадобится инструмент — выделение объектов (Object selection tool), которым мы банально и быстро наводимся на объект и кликаем по нему, после чего дублируем на новый слой.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Далее снова переходим в каналы (Channels), кликаем с сажатым (CTRL) по RGB и создаем маску. Вауля, мы прошли уровень!

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Level 3 — хочу пожестче!

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

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Если вырезать объект с фона способом RGB, то пропадает серединка. Ее мы вернем с помощью дополнительного слоя и маски.

Дублируем объект, заливаем его маску черным, для чего следует не просто выбрать кнопку с маской, а нажать по ней с зажатый (ALT).

Далее просто закрашиваем внутреннюю часть белой кисточкой. Результат на лицо :]

Отдельный слой с маской я создавал для того, чтобы мы могли работать отдельно и с серединкой, и с краями — это очень удобно!

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Level 4 — я готов ко всему, даже к боссу вертолету

А босс вертолет будет, друзья. Это финал.

Вы даже не представляете, как я задолбался вырезать вот это:

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

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

Сейчас покажу один инструмент, называется он Magic cut — remove background, или волшебная палочка. Чтобы его использовать, нужно перейти по ссылке в онлайн-редактор Photopea, загрузить в него изображение и зайти в нужный пункт меню.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Агась, вы тут? Тогда приступим к закрашиванию нужный и ненужных областей зеленой и красной кистью. Поверьте, это очень удобно, по крайней мере, удобнее, чем около получаса выделять грани кистью в Photoshop.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

Сам я использую этот инструмент в Figma в виде плагина — там же сразу размещаю картинки и по очереди прохожусь по каждой.

Плюс работы в Figma в том, что вы можете быстро кликать на нужную картинку, горячими клавишами (CTRL + ALT + P) вызывать плагин, после чего помечать области и переходить дальше. Это существенно экономит время.

Как вырезать объекты, расположенные на черном фоне в Photoshop Stable Diffusion, Гайд, Photoshop, Digital, Обработка, Лайфхак, Длиннопост, Figma, Pack, Иллюстрации

А в Photoshop ни в коем случае не забывайте про операции (Actions), с помощью которых можно записать действия и в один клик удалять фон. Я так и проходился по всему датасету, кроме самых трудных индивидов из четвертого уровня.

Congratulations, вы справились!

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

Буду рад видеть вас в телеграм-канале, где я пишу лучшие гайды по Stable Diffusion!

Показать полностью 11
[моё] Stable Diffusion Гайд Photoshop Digital Обработка Лайфхак Длиннопост Figma Pack Иллюстрации
7
0
perejog04
2 года назад

Посоветуйте с чего начать в веб-дизайне⁠⁠

Начинаю связываться с веб-дизайном и очень интересно узнать, с чего начать будет проще и плодотворнее. Если не сложно, распишите небольшой roadmap и различные курсы, как платные, так и бесплатные. Заранее спасибо!)

Figma Photoshop Веб-дизайн Web Графика Фриланс Текст Нужен совет
9

Продвиньте ваш пост

Перейти
Партнёрский материал Реклама
specials
specials

Нужно больше внимания к постам? Есть способ!⁠⁠

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

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

Продвинуть пост

Продвижение Посты на Пикабу Текст
8
aie24.ru
aie24.ru
2 года назад

Где искать бесплатные макеты с дизайном для figma?⁠⁠

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

Введение:

Figma — это популярный инструмент для создания интерфейсов и дизайна веб-сайтов. Он позволяет проектировать и отображать проекты в режиме реального времени, а также совместно работать с другими дизайнерами в режиме онлайн. Однако, создание дизайна с нуля может занять много времени и энергии. Поэтому, многие дизайнеры предпочитают использовать бесплатные макеты с дизайном, чтобы ускорить процесс создания проекта.

Где искать бесплатные макеты с дизайном для Figma:

  1. Figma Community — это крупнейший каталог бесплатных и платных ресурсов Figma. Здесь вы найдете множество макетов с дизайном, которые можно скачать бесплатно и использовать в своих проектах. Просто введите в поиск «free Figma templates» или «free Figma UI kits», чтобы найти подходящий макет.

  2. Freebiesbug — это еще один ресурс, где можно найти бесплатные макеты с дизайном для Figma. На сайте вы найдете множество макетов, которые можно использовать в различных проектах, включая веб-дизайн, мобильные приложения и т.д.

  3. UI8 — это онлайн-магазин, который предлагает большой выбор бесплатных и платных макетов с дизайном для Figma. Большинство макетов на этом сайте являются премиум-качества, но здесь также есть некоторые бесплатные варианты.

  4. Dribbble — это платформа, на которой дизайнеры могут делиться своими работами и макетами с дизайном. Здесь можно найти множество бесплатных макетов для Figma, которые можно использовать в своих проектах.

Выводы:

Бесплатные макеты с дизайном для Figma — это отличный способ ускорить процесс создания дизайна, особенно когда вы ограничены во времени или у вас нет опыта в создании дизайна с нуля. В этом тексте мы рассмотрели несколько мест, где можно найти бесплатные макеты с дизайном для Figma, такие, как Figma Community, Freebiesbug, UI8 и Dribbble. Однако, при использовании бесплатных макетов с дизайном важно помнить, что они могут быть использованы другими дизайнерами, и ваш дизайн может не выглядеть уникально. Поэтому, если вы ищете уникальный дизайн, возможно, стоит обратиться к оплачиваемым макетам с дизайном или заказать индивидуальный дизайн у профессионального дизайнера.

Показать полностью
Дизайн Figma Текст
10
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии