Дизайн 404-ой ошибки сайта музыкальных товаров. Уроки Фотошоп и Figma

#alexeybychkov #ityoutubersru #webdesign
Очередное видео из серии «Как я это нафрилансил». Уроки Фотошоп и Figma. В прямом эфире сделаем страницу 404-ой ошибки для сайта музыкальных товаров.

00:00 — что будем делать
2:46 — поиск изображений на стоке
4:17 — как вырезать объект в Фотошопе
14:52 — булевые операции в Фигме
24:21 — вырезаем объекты в Фотошопе
31:45 — собираем макет в Фигме

💰❤️ Поддержать канал:

бусти — — русский интерфейс, рубли
патреон — — английский, доллары

Подглядывать за мной можно тут:
👉 Инстаграм:
👉 Беханс:
👉 Телеграм:
👉 Фейсбук:
👉 Твитор:

•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 35 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете — Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!

Подробнее обо мне —
17 лет опыта —

Пишу —
Дизайню —
Отзывы —

Мои книги:
«Дизайн и фриланс. Начало» —
«Дизайн и фриланс. Новый уровень» —

Хелп по Фигме: уроки, видео, советы, фишки —
Мир фейсов:

🎵 Track: We — Theo Dor [Audio Library Release]
Music provided by Audio Library Plus
Watch:
Free Download / Stream:

#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

61 thoughts on “Дизайн 404-ой ошибки сайта музыкальных товаров. Уроки Фотошоп и Figma

  1. Как вам получившаяся страница 404-ой ошибки?
    00:00 — что будем делать
    2:46 — поиск изображений на стоке
    4:17 — как вырезать объект в Фотошопе
    14:52 — булевые операции в Фигме
    24:21 — вырезаем объекты в Фотошопе
    31:45 — собираем макет в Фигме

    💰❤️ Поддержать канал:

    бусти — https://boosty.to/alexeybychkov — русский интерфейс, рубли

    патреон — https://www.patreon.com/alexeybychkov — английский, доллары

    Подглядывать за мной можно тут:

    👉 Инстаграм: https://www.instagram.com/alexeybychkov_

    👉 Беханс: https://www.behance.net/alexeybychkov_

    👉 Телеграм: https://t.me/dsgn_tips

    👉 Фейсбук: https://www.facebook.com/dsgn.tips/

    👉 Твитор: https://twitter.com/_alexeybychkov

  2. Интересно понадблюдать как ты делаешь свои 404! Особенно за процессом создания, а не только финальным результатом Спасибо!

  3. Алексей привет, подскажи часто ли ты меняешь letter spacing (межбуквенный интервал) в своих проектах?

    1. Привет. В кнопках меняю периодически, либо в каких-то лейблах или значках. А так стараюсь не ломать то, что нам хорошо настроили изначально 😉 Интерлиньяж наоборот практически всегда ставлю 130-150%

  4. Классно получилось!
    И формат хороший когда показываешь как что делаешь
    А то все разборы да разборы))

  5. Так и фотошоп тут получается не нужен был)) в фигме пером тоже вырезать можно)

    1. Тенюшки только в Фотошопе все равно удобнее делать под руками 🙂 Но в целом да)

  6. Цвет маджента? То самое M из CMYK)) Только как на русском-то его обозвать 😁 Пурпурный, наверное. Фуксия порозовее будет

  7. а чего в фигме пальцы тем же пером не вырезал? процесс ведь точно такой же!
    Маджента в интерактиве

    1. да хз) привык вырезать фоны в фотошопе, чтобы совсем его не забыватЬ)
      Маджента — 🎯

    1. разрезал, да) только не вижу)) У многих эта функция не доступна. Вот и мне ее не выдали =(

  8. Классная фича с порезанным таймлайном!
    Страница ошибки тоже класс! Всегда интересно посмотреть как другие работают!

  9. Очень круто на самом деле! Обожаю и фотошоп, и фигму. Но с тенями вечные проблемы 😢
    Спасибо за интересный видос!

  10. Кому понравился пост, палец вверх ,а кому интересно. Зацените наши видео по Дизайну!!!! Всем добра! Автору виде респект

  11. Алексей, а можно как-то скруглить смежные углы фигуре в тильде? как у вас на клавишах

    1. @Alexey Bychkov: веб-дизайн и фриланс оспаде! оговорочка, про фигму вопрошаю))

    2. @Maya Vengarsky если два слоя объединить через булевые операции: умножение, вычитание и тд (сверху кнопка по центру), то они попадут в контейнер. Вот нужно скруглять углы у этого контейнера

  12. самое полезное — практический опыт (как общаться с заказчиком и отзыв от заказчика таки получить))

  13. интересно, сколько примерно часов реальной работы потребовала эта 404я? часов 5 работы ? (без учета похода в магазин)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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