Заливки и границы. Основы UI дизайна
Как мы указали в первой статье этой серии, большая часть UI дизайна заключается в перемещении прямоугольников. Итак, давайте начнем со скромного прямоугольника. В большинстве инструментов дизайна вы можете нарисовать его, нажав клавишу R.
Когда вы создаете новый прямоугольник, он обычно уже имеет заливку. В большинстве случаев это просто серый цвет, поэтому не забудьте изменить цвет самостоятельно. Иногда у него также есть граница.
На заре Sketch у прямоугольника был только контур, и вы могли выборочно отключать его части. Но, к счастью, теперь это в прошлом.
Недавно я снял видео, пытаясь воссоздать дизайн в версии Sketch почти 10-летней давности, и поверьте мне, сейчас проще начать работать ?
Причина этого предопределенного цвета заключается в том, что серый достаточно нейтрален, поэтому добавление новой фигуры не испортит ваш уже прекрасно созданный интерфейс, но вы все равно сможете увидеть новый объект.
Простая заливка – это еще одно название фона объекта.
Это может быть цвет, градиент или фотография. У каждого из них также может быть разный уровень непрозрачности (прозрачности) от 0 (полностью прозрачный – невидимый слой) до 100 (полностью непрозрачный слой).
Большинство современных инструментов дизайна позволяют настраивать прозрачность с помощью цифровых клавиш на клавиатуре. Просто выберите объект и нажмите 1 (для 10%), 2 (для 20%) и так далее. Нажатие 0 переключает непрозрачность между 0% и 100% (поэтому иногда нужно дважды нажать клавишу).
.
Если у объекта нет заливки, а также границы или эффекта, он не будет виден в интерфейсе, так как для этого требуются определяющие характеристики. Однако вы по-прежнему сможете выбрать его, переместить и изменить. Он также останется в списке слоев.
Типы заливки
Есть три основных типа заливки и вариант без заливки. Таким образом, у вас может либо НЕ БЫТЬ ЗАЛИВКИ, либо может быть фон с одним цветом, градиентом или изображением.
Не так давно паттерны считались еще одним видом заливки, но на самом деле это просто мозаичные изображения, поэтому они попадают в категорию изображений.
Укладка заливок в стек
Вы также можете применить к изображению более одного типа заливки. Очевидно, что для этого, слои заливки должны быть хотя бы частично прозрачными, иначе вы увидите только верхний слой. В этом примере из Sketch вы видите заливку изображения в качестве основы и полупрозрачную градиентную заливку поверх нее.
Мультиградиент
Вы можете использовать этот принцип для получения довольно интересных органических эффектов из нескольких перекрывающихся градиентов, как в примере выше. Для этого просто создайте четыре радиальных градиента, которые начинаются в каждом углу вашей фигуры и затемняются к центру. Поэкспериментируйте с их размером и положением, пока вам не понравится результат.
Однако наиболее распространенные заливки, которые вы, вероятно, будете использовать – это цвет и градиент.
Границы
Границы – второй по популярности стиль после заливки, который может иметь объект.
Граница – это линия, огибающая наш объект. Она может проходить внутри (внутренняя граница), снаружи (внешняя граница) или между ними (по центру). Помните, что только внутренняя граница визуально не увеличивает объект.
В приведенном выше примере размер поля составляет 60 x 60 точек. Граница толщиной 10 точек. На среднем изображении она увеличивает нашу рамку на 5 точек с каждой стороны. В третьем примере граница полностью выходит наружу, увеличивая прямоугольник на 10 точек во всех направлениях.
Стили границы
Граница может иметь разную толщину (ширину) в точках и может быть пунктирной линией из точек или штрихов. Мы также можем заполнить ее как цветом, так и градиентом.
Большинство инструментов дизайна позволяют вам также изменять окончания и стыки ваших линий.
Концы могут быть открытыми, плоскими или закругленными, а стыки могут быть острыми, закругленными или угловыми.
Закругленность стыков и концов может хорошо работать, если ваш интерфейс в целом закругленный. Если нет, то оставьте значение по умолчанию.
Спасибо за прочтение. Я считаю, что иногда стоит возвращаться к самым основам ремесла, и именно этому посвящена вся серия наших статей. Границы и заливки являются неотъемлемой частью пользовательского интерфейса, поэтому полезно иметь возможность каждый раз изменять их под свои нужды. В следующей части мы рассмотрим все типы теней в дизайне пользовательского интерфейса.
Если вы хотите узнать больше о фигурах и дизайне интерфейса в целом, ознакомьтесь с нашей ? книгой www.designingui.com – там также есть бесплатные главы.
Источник: UXPUB
Как нарисовать прямоугольник в фотошопе c заливкой и без
Hobo 2020-10-26 в Вебмастер Комментариев: 2
Последнее обновление — 15 января 2023 в 15:23
Давайте покажу, как нарисовать прямоугольник в фотошопе без заливки и с заливкой.
Сделать это предельно просто при помощи инструментов, встроенных в этот графический редактор. Всего пару минут, несколько кликов мышкой и вы сможете изобразить эту незатейливую фигуру.
Без заливки
Итак, у меня в фотошопе открыто изображение прямоугольной формы красного цвета. Стоит задача на его фоне нарисовать прямоугольник белого цвета.
Слева имеется колонка с инструментами. На скриншоте ниже, стрелкой я отметил тот из них, с которым нам и предстоит работать. Если изначально у вас там отображается иконка в виде прямоугольника, это прекрасно, меньше нужно телодвижений. В противном же случае, наведите стрелку мышки на открытый инструмент, кликните левой клавишей и удерживайте клавишу какое-то мгновение, пока не увидите выпадающее меню.
Кстати, если мыша стала барахлить, посмотрите, как наладить работу колёсика прокрутки, чтобы скроллинг страницы не доставлял проблем.
В появившейся менюшке необходимо выбрать Инструмент “Прямоугольник”, кликнув по соответствующей ссылке.
Теперь в колонке слева отображается инструмент, с которым далее и будем работать. Посмотрите на скриншоте, как это выглядит.
Далее, для того чтобы выбрать цвет прямоугольника, необходимо обратиться к инструментам, расположенным под горизонтальным основным меню. Кликните по инструменту “Штрих”, как это показано на скриншоте. Появится палитра, при помощи которой и можно подобрать желаемый цвет. Я выбрал для примера белый.
Теперь, чтобы начертить прямоугольник, кликнем по инструменту “Заливка” и в открывшейся палитре цветов выберем параметр “Без заливки”. На скриншоте действия отмечены стрелочками.
Далее, наведите курсор на свою картинку, зажмите левую клавишу мыши и просто потяните в сторону и вниз или вверх. Обратите внимание, что в момент, когда вы рисуете, будут отображаться размеры фигуры – ширина и высота в пикселях.
И вот, прямоугольник готов. При помощи инструмента “Перемещение” (самый первый в колонке инструментов слева) его можно двигать как угодно.
С заливкой
Теперь, давайте зальём наш прямоугольник, к примеру, зелёным цветом. Для этого кликаем по инструменту “Заливка” и забираем зелёный цвет из палитры, кликнув мышкой в соответствующий квадратик. Куда кликнуть, я показал на скриншоте ниже.
В этот же момент фигура окрасится в зелёный цвет. Если рамка не нужна, необходимо проделать те же самые действия и для инструмента “Штрих”, то есть окрасить рамку в зелёный цвет при помощи палитры цветов.
Но это ещё не все возможности. Посмотрите на следующий скриншот. Можно задать тип штриха фигуры. Это может быть сплошная, а также пунктирная линия в виде штрихов или точек. Откройте соответствующее меню, как показано на рисунке.
Вот так выбираем пунктирную линию.
Ну а слева имеется не менее интересный инструмент. С его помощью можно регулировать толщину рамки нашего прямоугольника. Кликните по треугольничку (смотрите скрин) – появится ползунок, который и позволяет увеличить или уменьшить толщину.
В любой момент работы существует возможность менять ширину и высоту прямоугольника, то есть нарисовать прямоугольник определённого размера. Для этого надо просто кликнуть по рамке. Появится всплывающее окошко, где и можно задать необходимые параметры.
Всем WEB!
PhotoshopДрузья, плюсаните, вдруг пригодится!
Почитайте похожие материалы
Об авторе: Hobo
Стараюсь всё делать своими собственными руками: от починки выключателя до создания веб-сайта. В этом блоге делюсь своим опытом и впечатлениями от использования различной техники, электронных и других устройств, которые побывали у меня в руках.
Мы используем куки для наилучшего представления нашего сайта. Если вы продолжите использовать сайт, мы будем считать что вас это устраивает.OkНетPrivacy policy
Как заполнить фигуру цветом в Photoshop?
от Grafixfather
Как изменить цвет фигуры в Photoshop
- Шаг 1: Создайте новый слой фигуры.

- Шаг 2: Выберите слой-фигуру на панели слоев.
- Шаг 3: Выберите инструмент «Форма».
- Шаг 4: Нажмите «Настройка заливки» на верхней панели настроек.
- Шаг 5: Нажмите «Настройка обводки» на верхней панели настроек.
- Шаг 6: Полюбуйтесь новым цветом ваших фигур!
Знаете ли вы, как заполнить фигуру цветом?
- Щелкните правой кнопкой мыши фигуру, к которой вы хотите добавить заливку узором, и выберите «Формат фигуры».
- В диалоговом окне «Формат фигуры» перейдите на вкладку «Заливка».
- На панели «Заливка» выберите «Заливка узором», а затем выберите узор, цвет переднего плана и цвет фона для заливки узором.
Обычно Как заполнить форму в Photoshop? Загрузите это руководство в виде готового к печати PDF-файла!
- Шаг 1: Создайте новый документ.
- Шаг 2. Откройте панель «Фигуры».
- Шаг 3: Загрузите недостающие фигуры.
- Шаг 4: Выберите фигуру.

- Шаг 5: Перетащите фигуру на холст.
- Шаг 6: Измените размер и отцентрируйте фигуру.
- Шаг 7. Проверьте параметры заливки и обводки на панели «Свойства».
Здесь вы можете посмотреть видео Изменение цвета заливки фигур в учебнике Photoshop
Точно так же цвет заливки для пользовательских фигур в Photoshop | How To
Часто задаваемые вопросы (FAQ)
Как заполнить выбранный объект цветом в Photoshop?
Выберите «Правка» > «Заливка слоя» или «Правка» > «Заливка выделения».
Задайте параметры в диалоговом окне «Заливка» и нажмите «ОК». Выберите цвет в меню «Использовать». Чтобы выбрать другой цвет, выберите «Цвет», а затем выберите цвет в палитре цветов.
Как заполнить изображение цветом?
Быстрое заполнение изображения цветом
- Выберите «Формат» > «Изображение» > «Заливка изображения цветом».
- Нажмите Option ⌥ + Command ⌘ + F на клавиатуре.
- Нажмите Option ⌥ + Backspace ⌫, чтобы заполнить цветом переднего плана.
- Нажмите Command ⌘ + Backspace ⌫, чтобы заполнить цветом фона.
Как заполнить фигуру цветом в Word?
Выберите фигуру или текстовое поле. На вкладке «Формат средств рисования» нажмите «Заливка фигуры» > «Другие цвета заливки». В поле «Цвета» щелкните нужный цвет на вкладке «Стандартный» или смешайте собственный цвет на вкладке «Пользовательский». Пользовательские цвета и цвета на вкладке «Стандартные» не обновляются при последующем изменении темы документа.
Как заполнить фигуру цветом в procreate?
Используя инструмент Procreate Paint Bucket, вы можете заполнить форму цветом.
Помните инструмент выбора цвета в правом верхнем углу? Коснитесь и удерживайте этот кружок с помощью Apple Pencil, стилуса или пальца. Затем перетащите цвет на фигуру, которую хотите заполнить, и отпустите.
Как заполнить фигуру цветом в procreate?
Используя инструмент Procreate Paint Bucket, вы можете заполнить форму цветом. Помните инструмент выбора цвета в правом верхнем углу? Коснитесь и удерживайте этот кружок с помощью Apple Pencil, стилуса или пальца. Затем перетащите цвет на фигуру, которую хотите заполнить, и отпустите.
Как заполнить фигуру цветом в procreate?
Используя инструмент Procreate Paint Bucket, вы можете заполнить форму цветом. Помните инструмент выбора цвета в правом верхнем углу? Коснитесь и удерживайте этот кружок с помощью Apple Pencil, стилуса или пальца. Затем перетащите цвет на фигуру, которую хотите заполнить, и отпустите.
Ссылки на статьи…
- https://www.bwillcreative.com/how-to-change-shape-color-in-photoshop/
- https://support.
microsoft.com/en-us/office/add-a-fill-or-effect-to-a-shape-or-text-box-28d8dc7f-5bc2-4f83-bb07-615f84ca77d1 - https://www.photoshopessentials.com/photo-effects/place-image-in-shape/
- https://helpx.adobe.com/photoshop-elements/using/fills-strokes.html
Grafixfather
Я профессионал графического дизайна с большим опытом. Работал более 10 лет дизайнером в Envato Elements. Я люблю делиться принципами графического дизайна, советами, хитростями и вдохновением для начинающих.
Что вы думаете об изучении программного обеспечения для проектирования?
Каковы атрибуты ваших любимых моушн-дизайнеров?
Как украсить небольшое пространство профессионально
Как украсить спальню простыми вещами?
Как спроектировать кухню своей мечты?
Как оформить модную столовую?
Как оформить стильную гостиную?
Как сделать стильную прихожую?
Краткое руководство по базовому дизайну логотипа
Каковы лучшие различные типы дизайнерской карьеры?
Какой самый продаваемый цвет Street Color?
Ослабляет ли Color Street ногти?
Могут ли витамины изменить цвет вашей мочи?
Уберет ли уксус цвет с одежды?
Удалит ли уксус цвет с одежды?
Категории Теория цветаКак удалить цвет заливки в Photoshop
Если вы хотите удалить цвет заливки в Photoshop, это можно сделать несколькими способами.
Один из способов — просто выбрать область, из которой вы хотите удалить цвет, а затем использовать инструмент «Ведро с краской», чтобы заполнить ее нужным цветом.
Другой способ удалить цвет заливки — использовать ластик. Просто выберите область, из которой вы хотите удалить цвет, а затем используйте ластик, чтобы стереть ее.
Наконец, вы также можете использовать кисть для удаления цвета. Просто выберите область, из которой вы хотите удалить цвет, а затем используйте инструмент «Кисть», чтобы закрасить ее нужным цветом.
Если вы хотите оставить выделенный текст без заливки слоя, вы можете уменьшить заливку слоя до 0%. Вы можете удалить слой с фигурой, перетащив его миниатюру в корзину. В инструментах рисования щелкните стрелку рядом с пунктом «Заливка фигуры», чтобы отключить заливку, затем нажмите «Без заливки», чтобы отключить заливку. Как изменить цвет заливки в Photoshop? Инструмент «Прямоугольник» (или другую фигуру) можно использовать для рисования формы или цвета за текстом.
Как убрать заливку с фигуры? Каковы эффекты в After Effects? После создания слоя его можно либо удалить, либо сразу отключить.
Инструмент «Выбор цветового диапазона» безвозвратно удалит все содержимое вашего выделения, нажав клавишу «Удалить». После этого невозможно изменить цвет изображения Photoshop, и он удалит определенный цвет с вашей фотографии.
После того, как вы создали слой, вы можете удалить глазное яблоко или удалить его. Заливки также можно превратить в пустые, нажав на название заливки; вы также можете изменить цвет, щелкнув параметр цвета заливки.
Как удалить слой-заливку в Photoshop?
Чтобы удалить слой-заливку в Photoshop, вам нужно выбрать слой, который вы хотите удалить, на панели «Слои». После того, как слой выбран, вы можете либо щелкнуть значок корзины в нижней части панели «Слои», либо щелкнуть правой кнопкой мыши слой и выбрать «Удалить слой» в меню.
Клавиша Удалить может использоваться для удаления пунктов меню.
В палитре «Слой» появится кнопка «Удалить слой», которую можно использовать для удаления очищенного слоя.
Как удалить слой-заливку в After Effects
Слой-заливку можно удалить из фигуры в After Effects, щелкнув значок «Нет заливки» и наведя указатель мыши на верхнее изображение заливки.
Как удалить заливку в форме?
Кредит: www.slideteam.net
Чтобы удалить заливку из формы, щелкните по ней. Нажав на первую фигуру, а затем удерживая CTRL, пока нажаты остальные, вы можете удалить одну и ту же заливку из нескольких фигур. Параметр «Без заливки» находится на вкладке «Формат» в группе «Стили фигур». Для этого щелкните стрелку рядом с пунктом «Заливка фигуры» и выберите «Без заливки».
Как удалить заливку из формы в Photoshop
Кредит: YouTube
Если вы хотите удалить заливку из формы в Photoshop, вам нужно перейти в меню «Слой» и выбрать «Стиль слоя».
В диалоговом окне «Стиль слоя» нажмите «Наложение цвета» и выберите «Нет» в раскрывающемся меню.
Как удалить заливку из текста в Photoshop
Вы можете ввести нужный текст, выбрав любое место на изображении. Нажмите на свой текстовый слой, как только текст будет записан, чтобы открыть панель стилей слоя. На вкладке «Параметры наложения» установите для параметра «Непрозрачность заливки» значение 0%.
Выбрав No Fill, вы можете удалить заливку. Чтобы удалить градиент заливки, выберите «Без градиента» в меню «Градиент». Перейдя в Формат изображения или Формат формы, вы можете упорядочить текст. Текст должен быть в виде строки со словами вверху и внизу, а текст должен быть за словами. Как сделать черный фон в фотошопе? В правой части панели «Слои» вы найдете новый слой. Вы можете определить свое изображение как изображение значка, выбрав «Слой 1», а затем «Выбрав фон». Другими словами, при удалении тени выберите Эффекты изображения.
Как удалить заливку в Photoshop
Вы можете легко удалить заливку в Photoshop, выполнив следующие действия.
Сначала необходимо открыть панель стилей WordArt в Photoshop. Если вы находитесь в группе «Стили WordArt», выберите вкладку «Формат» и нажмите кнопку «Заливка фигуры». Когда вы выбираете «Без заливки», текст будет полностью пустым любого цвета или оттенка. Кроме того, вы можете выбрать другую заливку формы для текста, если хотите добавить к нему цвет или затенение.
Если вы хотите удалить определенную заливку из текстового слоя, вы можете сделать это, щелкнув ее, затем щелкнув заливку, которую вы хотите удалить, а затем щелкнув значок «Заливка фигуры» в группе «Стили WordArt», а затем «Нет заливки». . В результате при удалении заливки из текстового слоя будет виден только текстовый слой контура.
Как заполнить слой цветом в Photoshop
Выберите «Сплошной цвет» на значке слоя «Заливка/коррекция» панели «Слои» внизу. Палитра цветов может быть использована для выбора цвета. После того, как вы выбрали круглый селектор, нажмите OK, чтобы изменить цвет. Перетаскивая вертикальный ползунок на полосе радужного цвета, вы можете настроить цветовой диапазон полосы.
Как заполнить цветом в Photoshop? Если вы используете Photoshop, вы можете легко заполнить цветом. Текстовое сообщение с цветом легко в Photoshop, независимо от версии или типа. Взгляните на следующий снимок экрана каждой операции, когда вы читаете следующие шаги. Нажав кнопку «Добавить к выделению» в верхнем поле, вы можете уменьшить допуск инструмента «Волшебная палочка» до низкого уровня. Вы можете расширить свои разделы настолько, насколько хотите, с более низким значением допуска, потому что вы можете выбрать гораздо меньшие области. Если вы хотите использовать желаемый цвет, вы должны сначала изменить цвет переднего плана или фона.
После выбора опции заполнения появится новое диалоговое окно. Мы использовали диалоговое окно «Заливка», чтобы изменить цвет переднего плана (который будет использоваться на шаге 4). Нажав OK, вы можете включить программу, как показано на изображении ниже. Кроме того, если вы хотите уменьшить интенсивность, вы можете изменить режим наложения и непрозрачность.
Как заполнить фигуру цветом в Photoshop
Photoshop позволит вам изменить цвет фигуры, выбрав ее на панели слоев, затем выбрав слой, на который вы хотите изменить его, затем нажмите U, чтобы вызвать инструмент формы. На верхней панели настроек появится опция «Заполнить». Если вы хотите применить к фигуре новый цвет, нажмите кнопку «Заливка» и выберите один из предоставленных образцов цвета.
С фигурами приятно работать в Photoshop, и они могут быть полезны, когда мы не можем рисовать. Когда фигура заполняется любым выбранным вами объектом, она автоматически становится черной. Чтобы найти собственный цвет для фигуры, щелкните образец в правом углу и выберите собственный цвет. Если вы хотите изменить цвет слоя-фигуры, выберите «Сплошной цвет» на панели «Слои». В этом случае единственное, что можно увидеть, это форма. Дважды щелкните миниатюру цветного слоя, чтобы изменить его позже. Этот метод больше не будет работать, потому что, скорее всего, ваша фигура была растеризована в процессе.
Инструмент «Ведро с краской» можно выбрать из инструмента «Градиент» на панели инструментов. Вы можете выбрать цвет, щелкнув маленький образец в нижней части панели инструментов, который соответствует цвету вашего основного цвета. Разница между отдельными частями фигуры заключается в том, что щелчок по ним по отдельности не влияет на другие части фигуры.
Новый год — время размышлений, обновления и надежды. Новогодние решения
Где находится инструмент «Заливка» в Photoshop
заполнить соответствующую область Панель «Слои» позволяет заполнить весь слой. Чтобы создать слой-заливку, выберите «Правка» > «Слой-заливка» или выберите «Правка» > «Выделение заливки». Диалоговое окно «Заливка» позволит вам выбрать соответствующие параметры.
В Adobe Photoshop это можно сделать с помощью Gradient и Paint Bucket. Ведро с краской можно использовать для заливки определенной области цветом или узором. Если вы хотите заменить все красные пиксели в части изображения синими, выберите синий в качестве основного цвета и щелкните один из красных.
Он заполняет градиент, например ярко-синий, постепенно изменяя его цвет. Значение этого параметра определяет уровень прозрачности градиента. Если выбрано обратное, градиент начинается с цвета фона, а затем заканчивается основным цветом.
Инструмент «Заливка»: самый простой способ создания больших областей сплошного цвета, градиентов или узоров
Большие области краски наносятся на холст с помощью инструмента «Заливка» до тех пор, пока они не достигнут границы, которую они не могут пересечь. Использование инструмента «Заливка» позволит вам создать большие области сплошного цвета, градиента или узора. В дополнение к Photoshop есть инструмент «Цвет заливки», который сложнее в использовании.
Заливка выделения цветом в Photoshop Ярлык
В Photoshop нет сочетания клавиш для заливки выделения цветом одним нажатием, но есть несколько способов сделать это быстро. Один из способов — использовать инструмент Paint Bucket, который можно найти на панели инструментов.
Другой способ — использовать команду «Заливка» в меню «Правка».
Вы будете использовать его снова и снова для заливки в Photoshop. Поскольку сочетания клавиш могут значительно повысить вашу эффективность, рекомендуется изучить их как можно больше. Он выделяется инструментами Paint Bucket, Gradient и 3D Drop Material в дополнение к инструменту Gradient. Заполните свой выбор с помощью настраиваемых параметров, а команда «Заполнить» позволяет заполнить его различными способами. Заполните пробелы, выбрав текущий фон, цвет переднего плана или совершенно новый цвет. Используя остальные пиксели изображения в качестве основы, инструмент «Заливка с учетом содержимого» может синтезировать совершенно новое содержимое изображения. Команду «Заливка» можно использовать для создания заливки с учетом содержимого.
Самые последние версии Photoshop включают новую рабочую область для заливки с учетом содержимого. Можно указать, какие части вашего изображения будут использоваться для создания синтетического контента.
Вы также можете добавить некоторые базовые параметры к расположению выходного пикселя.
Что такое горячая клавиша цвета заливки?
Чтобы открыть меню «Цвет заливки» на ленте, нажмите клавишу Alt H.
Применение цвета заливки ко всем ячейкам в книге
Залейте все ячейки в книгах цветом заливки, нажав Command Shift C.
Что такое ярлык для инструмента «Заливка» в Photoshop?
В дополнение к сочетанию клавиш Alt&Backspace в Windows вы можете использовать Option&Delete в Mac OS X, чтобы заполнить слои Photoshop или выбранные области цветом переднего плана.
Как заполнить выбранную область цветом?
Вам нужно будет заполнить слой цветом или узором, а затем заполнить его областью, которую вы хотите заполнить. Чтобы заполнить весь слой, выберите его на панели «Слои». Выберите Изменить или Изменить. В диалоговом окне «Заливка» отобразится список параметров.
Заливка фигуры


microsoft.com/en-us/office/add-a-fill-or-effect-to-a-shape-or-text-box-28d8dc7f-5bc2-4f83-bb07-615f84ca77d1