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

Откройте новую группу, щелкнув значок папки на панели слоев, но вы также можете сделать это позже. Используя один из инструментов «Форма» ( U ), нарисуйте фигуру в любом месте изображения. В поле «Свойства» установите для параметра « Заливка» значение «черный» (000000), а для параметра « Обводка» — значение « нет».

Выделив фигуру, щелкните fx на панели слоев и выберите Stroke . В окне Layer Style установите следующие свойства: Size (Размер) на 4px, Position (Положение) на Outside (Снаружи), Blend Mode (Режим наложения) на Normal (Обычный) и Opacity (Непрозрачность) на 50%. Убедитесь, что Overprint (Наложение ) не отмечен. Установите Fill Type (Тип заливки) на Color (Цвет), а цвет — белый (FFFFFF).

Слева в окне Layer Style выберите Inner Glow . Установите следующие настройки Inner Glow: Blend Mode (Режим наложения) на Normal (Обычный), Opacity (Непрозрачность) на 50% и Noise (Шум) на 0%.

Цвет должен быть установлен на белый, и по умолчанию должен быть градиент от белого к прозрачному. Установите Technique на Softer, выберите Edge , установите Choke на 10%, Size на 150%, Range на 50% и Jitter на 0%.

В окне Layer Style выберите Color Overlay и установите Blend Mode на Normal , а цвет — на белый. Установите Opacity на 10%.

Наконец, выберите Drop Shadow в левом меню Layer Style. Установите режим наложения Multiply с черным цветом. Установите Opacity на 10% и измените угол примерно на 137 градусов. Установите Distance на 70 пикселей, Spread на 0%, Size на 70 пикселей и Noise на 0%. Нажмите OK .

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

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

Щелкните правой кнопкой мыши по дублированному слою и выберите Create Clipping Mask . Это снова выведет вашу фигуру на передний план и удалит из нее весь черный цвет, придав ей эффект белого свечения.

Выбрав слой обтравочной маски, перейдите в Фильтр > Размытие > Размытие по Гауссу . Выберите где-то 35-50 пикселей в поле параметров. Когда вы будете довольны, нажмите ОК .

Чтобы иметь возможность свободно перемещать форму матового стекла по изображению, вам нужно выбрать слой формы. Если вы выберете слой маски обрезки, будет перемещаться только изображение. Это испортит эффект. Вы можете перемещать и трансформировать форму в стиле матового стекла в любом месте изображения, включая изменение ее размера с помощью инструмента Transform Tool ( C md + T для Mac или C trl + T для Windows).

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

Выбрав слой обтравочной маски, перейдите в Фильтр > Галерея фильтров > Искажение > Стекло . Если фоновый слой, используемый в вашей обтравочной маске, основан на векторе, его необходимо сначала растеризовать, чтобы использовать галерею фильтров, но должно появиться всплывающее окно, предупреждающее об этом и позволяющее растеризовать его при необходимости.

В меню Distort для Glass вы можете поиграть с различными эффектами, но мы рекомендуем следующие настройки: Distortion ( Искажение) — 5, Smoothness ( Сглаживание) — 3, Texture (Текстура) — Frosted (Фрост) и Scaling ( Масштаб) — 145%. Это может меняться в зависимости от вашего изображения и желаемых результатов. Когда вы будете довольны окном предварительного просмотра, нажмите OK .

Это добавляет приятную текстуру, которая дает вам другой стиль стекла для вашего вида.

Телега: https://t.me/Photoshop_MSK_1

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

Основные услуги: создание дизайна сайта, UX/UI дизайн, редизайн, адаптивный дизайн, лендинги.

Цены:

• Дизайн лендинга — от 7 000 ₽

• UX/UI дизайн — от 10 000 ₽

• Редизайн сайта — от 9 000 ₽

2. VisualWeb

Средняя оценка: 4.8 / 5

Адрес: Москва, ул. Шаболовка, 34

Официальный сайт: visualweb.ru

Описание: Агентство VisualWeb специализируется на создании уникального дизайна и разработке сайтов под ключ. Уделяется внимание структуре и пользовательскому опыту.

Преимущества: собственная CMS, опыт более 10 лет, поддержка после запуска.

Основные услуги: дизайн корпоративных сайтов, UX-анализ, прототипирование, редизайн.

Цены:

• Дизайн лендинга — от 15 000 ₽

• UX/UI — от 20 000 ₽

• Корпоративный сайт — от 35 000 ₽

3. 4px

Средняя оценка: 4.7 / 5

Адрес: Москва, ул. Большая Ордынка, 40

Официальный сайт: 4px.ru

Описание: Дизайн-студия с акцентом на визуальную эстетику и современный интерфейс. Реализуют сложные проекты для e-commerce и корпоративных клиентов.

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

Основные услуги: web-дизайн, визуальная концепция, брендинг, UX исследование.

Цены:

• Лендинг — от 20 000 ₽

• Многостраничный сайт — от 40 000 ₽

• UX-проектирование — от 18 000 ₽

4. OXEM

Средняя оценка: 4.6 / 5

Адрес: Москва, ул. Маросейка, 6-8

Официальный сайт: oxem.ru

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

Преимущества: сопровождение проектов, SEO-оптимизация, автоматизация процессов.

Основные услуги: веб-дизайн, лендинги, редизайн, проектирование интерфейсов.

Цены:

• UX-дизайн — от 12 000 ₽

• Редизайн сайта — от 18 000 ₽

• Лендинг — от 15 000 ₽

5. Web-Valley

Средняя оценка: 4.6 / 5

Адрес: Москва, ул. Земляной Вал, 9

Официальный сайт: web-valley.ru

Описание: Комплексные услуги по созданию дизайна и разработке сайтов. Специализация — корпоративные и имиджевые ресурсы.

Преимущества: гарантия, прозрачное ценообразование, постподдержка.

Основные услуги: web-дизайн, дизайн интернет-магазинов, редизайн, дизайн презентаций.

Цены:

• Интернет-магазин — от 25 000 ₽

• UX/UI дизайн — от 14 000 ₽

• Дизайн презентации — от 5 000 ₽

6. Veonix

Средняя оценка: 4.5 / 5

Адрес: Москва, ул. Тверская, 7

Официальный сайт: veonix.ru

Описание: Креативная студия, создающая премиальный веб-дизайн. Работают с брендами и стартапами, визуально усиливая позиционирование.

Преимущества: креатив, адаптивность, дизайн с акцентом на бренд.

Основные услуги: веб-дизайн, брендинг, UX/UI, фирменный стиль.

Цены:

• Фирменный стиль — от 30 000 ₽

• UX/UI — от 20 000 ₽

• Адаптивный сайт — от 25 000 ₽

7. On-Target

Средняя оценка: 4.4 / 5

Адрес: Москва, ул. Малая Бронная, 26

Официальный сайт: on-target.pro

Описание: Агентство специализируется на digital-дизайне, маркетинге и разработке интерфейсов для B2B и B2C-сегментов.

Преимущества: аналитический подход, дизайн под KPI, опыт в e-commerce.

Основные услуги: веб-дизайн, интерфейсы, маркетинговые лендинги.

Цены:

• Лендинг — от 17 000 ₽

• Корпоративный сайт — от 30 000 ₽

• Прототип — от 7 000 ₽

8. Suhov-IT

Средняя оценка: 4.4 / 5

Адрес: Москва, ул. Новодмитровская, 5

Официальный сайт: suhov-it.ru

Описание: Студия ИТ-решений с опытом в дизайне и разработке. Фокус на технической проработке и адаптивности интерфейсов.

Преимущества: совмещение дизайна и программирования, честные сроки и цены.

Основные услуги: веб-дизайн, редизайн, UX проектирование.

Цены:

• Редизайн — от 12 000 ₽

• UX — от 10 000 ₽

• Лендинг — от 13 000 ₽

9. MWI

Средняя оценка: 4.3 / 5

Адрес: Москва, ул. Ленинская Слобода, 19

Официальный сайт: mwi.me

Описание: Международное digital-агентство с сильным отделом дизайна. Работают с крупными брендами и стартапами.

Преимущества: международный опыт, стратегический подход, аналитика.

Основные услуги: дизайн сайтов, UX/UI, аудит, дизайн концепции.

Цены:

• Дизайн сайта — от 25 000 ₽

• UX-концепт — от 18 000 ₽

• Консультация — от 3 000 ₽

10. Expansion

Средняя оценка: 4.3 / 5

Адрес: Москва, ул. Вавилова, 69

Официальный сайт: expansion.su

Описание: Бюро веб-разработки и дизайна. Предлагают создание визуально выразительных и функциональных решений для бизнеса.

Преимущества: индивидуальные проекты, мощный креатив, проработка деталей.

Основные услуги: веб-дизайн, фирменный стиль, проектирование, аудит сайта.

Цены:

• Веб-дизайн — от 16 000 ₽

• Редизайн — от 12 000 ₽

• UX аудит — от 8 000 ₽

Часто задаваемые вопросы

1. Где найти хорошего веб-дизайнера в Москве? — На платформе Профи.ру можно выбрать проверенного специалиста по отзывам и рейтингу.

2. Сколько стоит веб-дизайн в Москве? — В среднем от 7 000 до 30 000 ₽ за проект в зависимости от сложности.

3. Можно ли заказать UX/UI дизайн отдельно? — Да, почти все агентства и фрилансеры предоставляют эти услуги отдельно.

4. Чем отличается веб-дизайн от разработки сайта? — Веб-дизайн — это внешний вид и структура, разработка — это программная реализация.

5. Сколько времени занимает создание дизайна? — Обычно от 5 до 15 рабочих дней.

6. Что входит в услугу редизайна сайта? — Обновление внешнего вида, структуры и улучшение UX.

7. Где дешевле заказать дизайн сайта — у агентства или фрилансера? — У фрилансера через сервис Профи.ру часто выгоднее.

8. Можно ли сделать адаптивный дизайн под мобильные устройства? — Да, это стандартная практика для всех дизайнеров.

9. Какие документы подписываются при заказе? — Обычно это договор или оферта, особенно в агентствах.

10. Как проверить качество веб-дизайнера до начала работы? — Изучите портфолио, отзывы и рейтинг на Профи.ру.

🎬 Сделали небольшой коллаб с прекрасной Екатериной — хотели что-то несложное, но с настроением. Midjourney + Hailuo 02.

Перебрали пару идей и в итоге остановились на вот таком ролике:

Мотоциклист едет по мосту навстречу закату. Небо — как огонь: от насыщенного алого до густого синего. Всё мерцает, дышит и будто плывёт.

Посыл — про моменты, которые не хочется упустить. Про ту самую магию “по пути домой”, которую легко проскроллить мимо.

Звук — расслабляющий lo-fi с джазовым вайбом. Атмосфера — вечерняя, мягкая, чуть меланхоличная, но в хорошем смысле. Без суеты. Просто — красиво.

🖼 Картинку Катя собрала в Midjourney. Вот промпт:

🎞 Потом я пошёл оживлять это всё через Hailuo 02, вот промпт:

Как по мне, то работа получилась очень красивой и вайбовой, с вас точно жирный лайк 👍☺️

Я веду свое сообщество в telegam, в котором уже более 250 человек!

AI Creators Club — это креативное пространство для тех, кто хочет встроить нейросети в свою жизнь и не остаться позади.

Здесь мы вместе учимся:

— автоматизировать рутину,

— генерить идеи на лету,

— запускать проекты быстрее и легче,

— разбираться в инструментах без выгорания,

— и, наконец, выдыхать, а не тонуть в потоке задач.

Это не просто чат, а тёплое сообщество единомышленников, где тебя поймут, поддержат и не осудят. Даже если ты только начинаешь. Даже если стыдно задать вопрос. Здесь не надо казаться умнее — здесь можно быть собой и расти в своём темпе.

Внутри клуба тебя ждут:

💬 Основной чат — общение, поддержка, ответы на любые вопросы

🎓 Канал с уроками и PDF-конспектами — чтобы учиться в удобном ритме

🧠 Чат с примерами AI-работ — делимся кейсами, вдохновляем друг друга

🛠 Чат с полезными сервисами и фишками — экономим время на тестах

📢 Канал с новостями и апдейтами — чтобы всегда быть в курсе

Если чувствуешь, что пора — вступай в AI Creators Club.

Ты не отстаёшь. Ты просто начинаешь.