Как работать с сеткой bootstrap в фотошопе?

Question

[Uladzimir A]

Всем здравствуйте! Подскажите пожалуйста такие вещи:

1. Можно ли сетку bootstrap использовать под любой дизайн?
2. Как добавить bootstrap сетку в фотошоп? Ставил Guide Guide но не видно его в фотошопе почему-то?
3. Есть сетки в виде psd, как их использовать в фотошоп т.е. как положить её сверху своего макета?

Answer 1

[varzin]

1) Нет. Сетка это лишь вариант все упорядочить и подчинить единому ритму. Никто не мешает вам придумать какой угодно свои дизайн со своей собственной сеткой.

2) Если вы установили Guide Guide, то чтобы показать его панель, выберите Window > Extensions > Guide Guide.
Кроме того стандартные варианты сетки Photoshop CC уже умеет делать сам через меню View > New Guide Layout (подробнее https://helpx.adobe.com/photoshop/how-to/align-obj...)

3) Просто делайте дизайн прямо в этом PSD сохранив его под другим именем.
Если же вы уже начали делать дизайн в другом файле, то откройте оба (сетку и ваш файл). Затем выберите все необходимые слои сетки. Затем Правый клик > Dublicate... В появившемся меню в списке Document выберите тот, в который хотите перенести слои. Слои скопируются в ваш макет.

Comments

[Uladzimir A]

Спасибо большое за подсказку о соединении двух макетов, очень мне пригодится!!!
GuideGuide почему-то не включается, Extensions выделена серым цветом и ничего не показывает, хотя добавление компонента прошло успешно!!! Кстати другая тоже не подключилась хотя опять установилась хорошо(((
А дизайны я не создаю, просто для верстки нужно, сейчас решил изучить bootstrap, т.к. уж больно часто он на слуху.

[varzin]

Uladzimir Abramkin: возможно GG для другой версии, тогда может не отображаться.

[Uladzimir A]

varzin: Спасибо, буду пробовать другие варианты!

[varzin]

Uladzimir Abramkin: Буду признателен, если пометите ответ как решение, если ответил на ваши вопросы