Pavel Designer

Варианты решения проблемы есть в официальной инструкции
https://helpx.adobe.com/ru/photoshop/kb/keyboard-s...

PS Автору помог первый пункт: восстановление настроек по-умолчанию.

Пусть поздновато, но все же.

Я бы сделал так:

1. Взял картинку смартфона отдельно и открыл в Фш.
   
2. Добавил белый прямоугольник под смартфон по размерам экрана. Прямоугольник есть в фигурах, а цвет изменяется легко, порядок слоев тоже - если что, смотрите уроки в интернете по каждому пункту.
   
3. Для эстетической красоты можно еще добавить прямоугольники под вырезы динамика и кнопки (цвет на свое усмотрение).
   
4. После этого экспортируете всё в PNG (Меню - Файл - Сохранить для веб, выбираете формат, прозрачность и т.п. или же просто "Сохранить как" - и далее выбрать PNG).
   
5. Радуетесь изображению смартфона с белым экраном.
   

Векторный смарт-объект Фотошоп пытается открыть в векторном собрате — Иллюстраторе.
Скорее всего векторный элементы были вставлены через Ctrl+V из Иллюстратора, а т.к. он у вас не установлен поэтому и ошибка.

Если установите Иллюстратор, то скорее всего вектор из смарт-объекта при двойном клике откроется в Иллюстраторе. Оттуда уже сможете его экспортировать куда угодно. Но лучше всегда просить дизайнера предоставить все векторные svg поотдельности файлами.

Такой возможности в Фотошопе нет.

Как альтернативу рекомендую оставить напрявляющие для чего-то конкретного, а саму сетку колонок делать как все полупрозрачными объектами.

Возможно ли вытянуть из psd макета логотип чтобы он стал векторным?

Если он изначально растровый в макете, то нельзя. Никак. Растровым он внезапно не станет.

Но можно обрисовать в векторе по растру из макета. Покажите скриншот панели слоев, где видно в каком виде там лого.

Рисовать линиями в Фш не так удобно, как в том же Аи, например. Вот пример урока для Иллюстратора https://medialoot.com/blog/how-to-create-vintage-v... и в Фш принцип тот же, но дольше.
Также можно и скачать готовое, например, такого плана https://www.freepik.com/free-photos-vectors/sunburst

Перезапустить Фш и треугольника больше не будет. Шрифт установился, все нормально. Просто он вот так показывает это, не убирая иконку.

Тормозило на компах раньше, причем нещадно. Но тогда и меры не знали, закачивая сборники по несколько тысяч шрифтов. Даже не знаю сказывается ли как-то количество шрифтов сейчас, когда такая производительность у ПК, но я точно не вижу никакого смысла устанавливать тысячи и тысячи начертаний.
Советую использовать менеджер шрифтов и по необходимости активировать временно нужный для работы шрифт. Активен он будет до перезагрузки. Какие-то популярные шрифты, используемые ежедневно, можно установить постоянно.

Не нужен никакой экшен!

Вариант 1
Делаете документ нужного размера, вставляете фоновое изображение ноутбука, вставляете скриншот с соотношением сторон того ноутбука (16:9 и т.п.). Далее преобразуете этот скриншот в смарт-объект и делаете необходимые манипуляции чтобы он был размещен как нужно на экране ноутбука. Сохраняете шаблон и всё.
Теперь, чтобы вставить другой скриншот просто открываете шаблон, кликаете дважды на смарт-объекте и он открывается в новой вкладке, вставляете в смарт-объект новый макет сайта, сохраняете документ (Ctrl+S в открытом смарте) и закрываете его. Вуаля! В шаблоне на экране ноутбука уже новый сайт виден. Сохраняете джипег или пнг, а сам шаблон можно не обновлять.

Но есть еще более простой второй вариант.
Ищите в интернете понравившийся мокап (например, laptop screen mockup), качаете и видите уже готовый шаблон. Пользуетесь как описано выше.

Таким же образом можно использовать не только для ноутбуков, но и для ПК, Маков, смартфонов и прочего.

Они все на одном растровом слое, это не группа. Когда-то картинки собрали в группу, а потом группу растрировали. Теперь только вырезать поотдельности с этого слоя. Брать инструмент выделения и по квадратикам выносить на отдельные растровые слои. Стрелка если тоже слита в этом слое, то только рисовать заново ее.

У вас в панели слоёв наверняка применен стиль к слою с изображением - обводка. Потому и появляется серая обводка по контуру =)
Откройте слои, слой с нужной картинкой и уберите у него обводку. Тогда и обрезать не придется ничего.

Можно ли редактировать его в текущей?

Нет нельзя.

Можно ли как-то сделать отображение всего, что находится за редактируемым объектом?

Да, можно. Просто возьмите вкладку со смарт-объектом и перетяните в сторону. Расположите его так что было видно и содержимое окна (а не вкладки) смарт-объекта и на фоне вкладку основного файла. Только надо будет сохранить содержимое смарт-объекта чтобы увидеть изменения в основном файле — просто ctrl+s во время работы.

Неправильное тут одно: размещение вопроса здесь вместо изучения основ векторной графики, её отличий от растровой, что такое трассировка и где она поможет, а где нет.

Вот прошло первое знакомство с трассировкой. Теперь можно еще попробовать на разных картинках и в разных режимах с разными настройками чтобы увидеть как она работает и забыть про неё.

Сейчас либо разобрать результат трассировки, а потом слить разделённые объекты вместе и наложить нужный градиент, либо взять перо и обрисовать фигуры вручную, перекрасив их как оригинальное изображение.

Взять и нарисовать в любом графическом редакторе (лучше векторном) пером, например.

Никак не борюсь. Это полезный функционал, позволяющий создавать разные эффекты А если серьезно, то есть решения.

Если есть связь с дизайнером (или другой дизайнер под рукой), то просто просите свести все слои с наложением, отличным от normal, в один слой/объект. Далеко не все осознают, что режимы наложения и эффекты должны применяться строго к одному финальному изображению когда речь о вебе. Так что это задача именно дизайнера — подготовить всё для верстальщика.

Если же ситуация такая, что надо самому что-то делать, то придется разбираться в исходнике.
а) Хорошо если там все по папкам, группам, маскам и т.п. разобрано. В таком случае выделяете графику с нестандартным наложением + ее фон и сливаете (merge layers). Если ничего не забыли, то внешне картинка не изменится. Если забыли — ищем, что забыли и повторяем, собрав вместе. Так у нас будет один слой с режимом normal, кромсаете его как надо и используете.
б) Альтернатива — смарт-объект. По сути тоже самое, что предыдущий пункт, но слои не сливаются в один слой, а сливаются в смарт-объект, который можно будет редактировать при необходимости.
в) Если в исходнике не сгруппировано и хаос, то сочувствую. Придется покопаться, кликая на нужные слои и отыскивая какие еще относятся к нужному блоку. Не смертельно, но время может отнять. Далее также сливать в один слой и работать уже с нормальным режимом наложения.

Чаще ленятся вырезать тень и накладывают с multiply. Тут спасёт только вырезание из фона и подгон под фон сайта.