Photoshop для верстки

Photoshop для верстки

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

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

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

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

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

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

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

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