Как сделать модульную сетку 12 колонок Bootstrap в Photoshop // Урок 6

Понравилось видео? Подписывайся на наш канал, чтобы не пропустить новые видео:
Связаться с автором:
Мой блог:

Ссылка на Adobe Photoshop CC 2015:

Всем привет, друзья. В этой серии видео для начинающих веб-дизайнеров я расскажу, как освоить базовые функции Adobe Photoshop и нарисовать свой первый сайт. В данном видео мы научимся делать сетку для макетов сайтов самостоятельно без использования готовых шаблонов. Это позволит вам полностью разобраться в вопросе. Дальше вы сможете построить сетку любой сложности для своего будущего сайта.
————————————————————————————————————————————————————————
Ведется набор в группу «Веб-дизайнер 2.0». За 5 недель ты сможешь освоить навык создания интерфейсов, макетов сайтов. После прохождения курса выпускникам будет предоставлен проект на веб-дизайн (с оплатой за работу). Также в закрытой группе будут выкладываться заказы на разработку дизайна сайта, чтобы у выпускников была 100% гарантия применить полученные знания и расширить портфолио. Количество мест в группе ограничено. По всем вопросам пиши в личные сообщения с хэштегом #хочудизайнить

Поддержать проект:
Яндекс.Кошелек: 41001900159745
MasterCard: 5469620011925714

Как сделать модульную сетку 12 колонок Bootstrap в Photoshop // Урок 6: 30 комментариев

  1. бро,а не проще задать размер холста без перетаскивания?

  2. Добрый день, такой вопрос. У нас 12 колонок с отступами ( лево 15px право 15px ) итого имеем. 12 * 67 = 804px и 12 * ( 15+15) = 360px И так мы потеряли 6px . Вопрос как боритесь с этим ? Увеличивия отступы между колонками ? Или полупиксели ?

    1. действительно 1140 не получается, потеря 6px

  3. почему расстояние между колонками 31? и нет видео с направляющими, дизлойк

  4. Автор красавчик, но есть и такой вариант:
    Twitter Boostrap Responsive Grids
    by Michal Zulinski
    Kind regards.
    Скачать можно по этой ссылке:
    https://yadi.sk/d/DUrHX3fu3NG797

  5. А почему вы не используете view > new guide layout ? гораздо же удобнее, чем блоки рисовать?)

    1. Шикарный метод! Респект за наводку) Почему-то ни в одном обучающем видео он не описывается.

  6. Монтажные области есть резон использовать?

  7. А может правильнее будет контейнер на 1170px, с колонками по 70px и отcтупами по 15px наружу, как раз задавая общую ширину сетки в 1200px ?

  8. Отличный велосипед, но колёса квадратные
    Просмотр -> Новый макет направляющих… -> колонок — 12; средник — 10px; поле — true; справа, слева — 375px

  9. Если задать параметры сетке 12/97/30 — то она больше, чем контейнер 1170 рх, тогда ничего непонятно, хелп

  10. Привет, можно ссылку на видос, где в два клика можно настроить сетку бутстрап?

  11. Легче так выбрать в меню Макет = Новый макет направляющей /поставить пресет 12 колонок и настроить А не изобретать велосипед ДИЗЛАЙК
    НИЧЕ НЕ ПОНЯТНО Цветовой профиль должен быть sRGB
    ОООчень странный урок новичок ничего не поймет КАКАЯ ДОЛЖНА БЫТЬ РАБОЧАЯ ОБЛАСЬ ????? И так далее

    1. @Богдан Билайк у меня в фотошопе есть только пункт new guide, но там одна направляющая.Какой версии должен быть фотошоп?

    2. @ZUFER CC 2017 или выше
      Точно не знаю щас скину скрин шт экрана

    3. @Богдан Билайк Я понял,качаю уже 19 года, старый и правда пора снести

    4. @Богдан Билайк Кстати ошибку выдает, не хочет принимать эти параметры, вроде подходит просто 12 столбцов

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

Комментарии запрещены.