Photoshop для верстки

Photoshop для верстки

Полезные функции photoshop, для верстки:

  • Скрыть, показать сетку — Просмотр — Вспомогательные элементы
  • Посмотреть цвет можно пипеткой
  • Размеры удобно смотреть, через инструмент прямоугольная область выделения
  • Слои — открывается — окно — слои
  • Ну и конечно инструмент выделения, очень полезный

Вырезаем картинку

  • Находим слой, на котором находится картинка, инструментом выделения
  • Правой кнопкой мыши создать дубликат слоя, где документ указываем «Новый»
  • Нажимаем Ctrl и кликаем по иконке в слоях, картинка выделится
  • Нажимаем инструмент «Рамка» весь документ затемниться, кроме выбранной картинки
  • Нажимаем «Enter» и применить, и картинка готова
  • После этого можно экспортировать картинку

Работаем с текстом

  • Дважды щелкаем на слой с текстом
  • В верхней панели видно какой шрифт, его размер и цвет
  • Окно — символ — можно посмотреть остальные параметры

Также в слоях, есть кнопочка «Копировать CSS» — очень полезная штука!

Оставить комментарий