TOP Tutorial | Бесплатные уроки по дизайну
6.98K subscribers
8.23K photos
1.04K videos
1.73K links
Бесплатные туториалы и фишки для начинающих и более опытных дизайнеров

Figma, Photoshop, Illustrator

Реклама / Сотрудничество - @design_manager_bot
Download Telegram
Так меня еще никто не задевал 🫡
#memes

Кто еще из таких, ставьте реакции 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Рассказываем,как сделать настоящего человека-паука🕸

1. Создаем новый слой, скачиваем кисть для фотошопа,конкретно такой,к сожалению не нашли, но Вы можете скачать любую кисть
2. Нажимаем несколько раз,чтобы паутина была погуще
3. Cоздаем обтравочную маску (CTRL+ALT+G)
4. Выделяем слой с фото с помощью CTRL, создаем маску слоя

Автор: @arsaldigal
2
This media is not supported in your browser
VIEW IN TELEGRAM
Слышали про закон Хика в дизайне? 🤔
#design

Закон гласит, что чем больше вариантов, тем сложнее сделать выбор.

Это наверно касается не только дизайна, тогда почему мы часами можем сидеть на маркетплейсах, там же вариантов тьма? 😬

Автор: @mo.grpx
Inspiration дня

Сегодня предлагаем полюбоваться простыми формами и вырви глаз яркими цветами на сайте агенства шрифтов Dinamo

Ссылка

#inspiration_nd
1
Платформа с кучей полезных дизайн-сервисов в одном

Сегодня хотим поделиться сервисом The Stocks.im, где собраны более 2100+ полезных инструментов для дизайнера в одном: стоковые фото/видео, иконки, мокапы, анимации, ux-речерчи, инструменты для соц. сетей, прототипы, варфреймы, нейронки и многое другое.

Ссылка

#materials_nd
This media is not supported in your browser
VIEW IN TELEGRAM
Хочется подретушировать лицо,но не знаешь как?

Держи туториал📒

1. Дублируем фото, преобразуем в смарт-объект
2. Инвертируем фото (изображение — коррекция инверсия)
3. Наносим фильтр (фильтр-другое- краевой контраст 30.0),ставим режим наложения «жесткий свет»
4. Наносим фильтр размытие (фильтр-размытие-размытие по Гауссу 4,7)
5. Зажимаем alt и создаем маску слоя
6. Берем белую мягкую кисть, непрозрачность 28% и корректируем недостатки

Ну что, как успехи?

Автор: @graphicdesignrist
1
Piktochart — создание инфографики, презентаций и отчетов

Ссылка.

#materials_nd
Сегодняшний пост про вдохновение советской печаткой: полистайте галерею "Технической эстетики" как пример дизайна, который до сих пор не умер

Ссылка

#graphics_nd
Бесплатные файлы

Невероятно качественная коллекция бесплатных мокапов, текстур, 3D моделей на сайте Anthony Boyd

Ссылка

#materials_nd
Комбинация горизонтального и вертикального скроллов, плавная анимация и чистый дизайн — полистайте сайт французской фотогалереи перед сегодняшней конференцией Apple

Ссылка

#inspiration_nd
1
Интерфейс и поток данных

Статья о том, как оптимизировать процесс проектирования интерфейса.

Ссылка

#article_nd
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем кружку с Барби-Оппенгеймером🎀🕵‍♂

1. Берем инструмент «выделение объектов», выделяем кружку на новый слой (CTRL+J)

2. Загружаем картинку, ставим пока непрозрачность 50-60%, нажимаем CTRL+T, правой кнопкой мыши выбираем «деформация»

3. Сверху в панели деформации выбираем «цилиндр», подгоняем под размер кружки

4. Возвращаем непрозрачность под 100%, ставии режим наложения «умножение», создаем обтравочную маску с кружкой (CTRL+ALT+G)
#photoshop

Автор: @graphicdesignrist
2
This media is not supported in your browser
VIEW IN TELEGRAM
Двойной свет в фотошопе

Шаг 1. Создаем корректирующий слой «карта градиента» регулируем цвета
Шаг 2. Дублируем корректирующий слой, меняем на холодные тона, инвертируем CTRL/Command+I
Шаг 3. Берем восстанавливающую кисть(белую), жесткость на 0
Шаг 4. Переходим на 1 кор. слой и черной кистью проходимся по тем же местам
Шаг 5. Заходим в параметры наложения 2 кор.слоя и регулируем данный и подлежащий слой
Готово🌟
#photoshop

Автор: @JabbarAwanOfficial
🔥31
This media is not supported in your browser
VIEW IN TELEGRAM
Figma обновила приложение в : теперь из обычного текста можно быстро получить черновик креативов для Buzz и презентации для Slides — и открыть всё в Figma, чтобы отредактировать и довести до финала.

Плюс из переписки можно собрать диаграммы для FigJam (например, flowchart или Gantt).
🔥2
Перетаскивайте источник света, чтобы менять направление тени в вашем слое с таким вот новым плагином

Ссылка

#materials_nd
1
This media is not supported in your browser
VIEW IN TELEGRAM
Тонкости UI-дизайна больших таблиц с данными

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

Ссылка

#article_nd
❤‍🔥1