Мокап не открывается в фотошопе
Мокап – что это такое? Это готовые графические файлы, в которые пользователь может вставить свои фотографии, чтобы показать, как выглядит изображенный на них объект как бы в реальном пространстве. Картина на стене, баннер на вышке, логотип на визитке, картинка на футболке и многое другое. Чаще всего это готовые файлы в формате psd, то есть фотошопа, поэтому разбираться начнем именно с них. Итак, как работать с мокапами в Фотошоп.
Как пользоваться мокапом в фотошопе
Даже если вы не профессионал в графических программах, то без особого труда разберетесь с тем, как работать с мокапами в фотошопе.
Как и где скачать мокап
Самое простое — найти нужный мокап самостоятельно, без подсказок.
Задайте в поиске Яндекса или Гугл «скачать мокап бесплатно».
Из поисковой выдачи выбирайте любой. Почти у всех есть фильтры для выбора темы, используйте их.
На англоязычных сайтах не все так понятно, но тоже можно разобраться.
В поиске вы всегда можете конкретизировать – мокап визиток, мокап логотипа или мокап картин, плакатов.
Если есть лицензия, обратите внимание и на нее.
По лицензиям у меня есть отдельный ролик, и если этот вопрос вас интересует, то вот ссылка на него «Фотостоки и бесплатные лицензии».
Вот несколько ссылок на те сайты, которыми я пользуюсь сама, можете перейти и скачать нужный мокап там.
Видео «Как работать с мокапами»
Описывать, как работать в Фотошоп трудно, посмотрите видео — это более понятно и н6аглядно.
Я показываю на конкретных примерах, как с ними работать.
Первый мокап – арт объект в окружении ярких деталей.
Второй – картинка на фактурной стене.
- Первый шаг – скачать мокап. Избегайте кликов по рекламе – она уведет вас, скорее всего, на платные сервисы. Многие мокапы хранятся на яндекс-дисках, это очень удобно для скачивания. Другие же могут скачиваться напрямую с сайтов.
- Второй шаг – извлечь файлы из архива (разархивировать скачанные файлы). В папке обязательно должен быть файл *psd, то есть фотошопа.
- Третий шаг – открыть полученный файл *psd. Файл должен быть с расширением именно фотошопа, то есть *psd.
- Далее найти нужный слой с картинкой и заменить встроенное изображение на свое. Это самый важный шаг. И это уже не так просто.
Как вставить картинку в мокап в PhotoShop
Переходим к самому интересному и самому сложному в процессе.
В основной фотошоповский файл мокапа как правило встроен дополнительный файл, с которым и нужно работать. Именно в нем вы сможете вставить фото в мокап.
Как найти этот файл?
Вариантов несколько, в зависимости от устройства мокапа.
Картинка в отдельном слое
Делюсь, как это делаю я.
Чаще всего нужный файл скрыт в отдельном слое. Поэтому первым делом я отключаю все слои, и в итоге нахожу тот, который и содержит изображение.
Кликаю по слою, и фотошоп предлагает перейти к редактированию другого файла. «Выскакивает» вот такая картинка, кликайте «ОК»:
Итак, нужный слой найден. Осталось заменить готовое изображение на свое.
Как в мокап вставить свое изображение
В новом файле фотошопа отключаю видимость слоя со встроенной картинкой.
Новым слоем вставляю свою фотографию. Перевожу в растровый объект, если нужно подредактировать картинку.
Сохраняю полученный файл.
Возвращаюсь к открытому исходному проекту и вижу, что картинка встала в нужное место.
Остается только скачать полученное изображение в нужном формате.
Это самый простой вариант, который может вам встретиться.
Но бывают сложности, и файл с картинкой не так просто найти.
Открываем второй проект
При клике на слои видим, что один из них содержит фон, а при отключении второго ничего не происходит.
Как вставить изображение в мокап в фотошопе в данном случае?
Однако в нем есть вложенные слои и подсказка – «Ваш дизайн здесь».
Кликаю по слою и перехожу в редактирование вспомогательного файла.
Точно так же, как в первом примере,
Как только сохранили изменения, то они сразу отображаются в основном файле проекта.
Обратите внимание, что фотография встала под тени, вписалась в общую картину.
Сохраняю полученное.
Закрываю оба файла, обычно без сохранения, в последующем буду использовать другие картинки.
Я показала, как использовать мокап в фотошопе , но есть и другие программы, в которых можно работать с мокапами. Например, Канва. Хотя возможностей редактирования в ней намного меньше, и встроенных бесплатных мокапов там ограниченное количество. Об этом – отдельный урок.
Надеюсь, что использование мокапа вам стало более понятно. Применяйте для оформления своих работ. Это не сложно, но в итоге выглядит профессионально.
Ошибок не даёт. Просит только карту смещения (забил на неё).
PS. Ах, да. Photoshop CC (14.2.1 x64), если это имеет значение.
garif
Дмитрий, проверил твой мокап. Все работает без проблем.
Правда, у меня Фотошоп старый, ЦС6.
Почему Фотошоп просит смарт-объект (а по-сути, это объект с картинкой, которую ты вставляешь) - в принципе, понятно. Ведь где-то эта картинка должна храниться изначально. Каким конкретно образом смарт-объект "встраивается" в фотошоповский файл - я не разбирался.
Но по-сути, когда ты открываешь смарт-объект для редактирования картинки - открывается некий файл, а потом сохраняется куда-то в сам исходник мокапа. Возможно, в новом Фотошопе как-то по-другому схема реализована и он "не находит" этого файла, но таки продолжает работать.
Пересохранение всего файла должно помочь.
И еще.
Мой Фотошоп при открытии смарт-объекта вот такое предупреждение выдает, смысл которого, в принципе, предельно понятен - надо сохранить файл смарта в той же папке.
Правда, до конца не понятно зачем, если и так все работает.
Skvoznyak
Aniriann
Администратор
Мне кажется, это после того, как в какой-то версии смарт-объекты приобрели функции линков, как в Иллюстраторе-Индизайне.
Раньше же вроде смарты хранились прям в самом файле, извлекаясь в Temp при изменениях.
Skvoznyak
сейчас и так и так можно - есть Embedded, есть Linked
недавно такая ошибка была у клиентов. как выяснилось, они открывали в CS6 файлы сохраненные в CC2017
garif
Но в данной ситуации как раз открытие в ЦС6 ошибку не выдает, а ЦЦ2017 ругается.
Если ругается на линк - значит Linked - правильно?
Но почему тогда нормально работает и без линка? Значит, он его все равно где-то хранит в самом файле?
Aniriann
Администратор
Превью-то он точно хранить должен?
Как с текстовыми слоями — если шрифта нет, ругнется, поменять не даст, но уже набранное на разрешении файла отрастрирует.
garif
Ну как сказать превью.
Там обычно в исходнике пустой слой, или фигня какая-то.
Когда добавляешь свою картинку - он все прекрасно вставляет в нужном (высоком) разрешении.
У меня - предупреждает о необходимости сохранить (см. скрин выше, это предупреждение отключить можно), но даже если ничего не сохраняешь - все равно все прекрасно отображается и редактируется.
Dmitrij M
Модератор
Dmitrij M
Модератор
Dmitrij M
Модератор
Skvoznyak
с исходником все в порядке, ни на что не ругается в cc2017 и cc2015
линкованных SO там нет, кстати. все embedded
Dmitrij M
Модератор
Skvoznyak
Having issues with the smart object. “Could not update smart object files because the file is empty”. Sent you an email please get back to me. Thanks!
Unfortunately, some users are experiencing this error because Photoshop lose the original location of the “Displaces” folder.
To fix the problem: 1. Open the folder “WHITE” in the list of layers in your PS. 2. Find layer called “YOUR DESIGN” 3. Right-click on the smart effect below and click on “clear/delete smart effect” 4. Repeat actions in “BLACK” and “YOUR FABRIC” folders 5. Add your project in accordance with point No. 2 in the HELP file 6. Re-add the displacement effect by selecting “YOUR DESIGN” layer in “WHITE” folder and choose an effect from the list of filters in main toolbar of Photoshop: FILTERS > Distort > Displace … 7. Follow the point No. 3, paragraph 05 in the Help file. 8. Repeat actions from point 6 for folder “BLACK” and “YOUR FABRIC” folder
файл назван через psb, шоп не может понять что это за дичь в конце файла, я так думаю, попробуй переименовать в psd и снова открыть в шопе, может помочь..
Виктор Ерастов
Твой дизайн должен быть назван в ветке слоев ровно также как исходный. И стоять там же. Иначе говоря — растрируй свой слой, переименуй в нижестоящий (исходный) а последний удали. Таким образом у тебя останется слой только с твоим дизайном.
видишь ли, мокапы бывают разные. то что он у тебя не придирается — волшебно и правильно. некоторые придираются, как ты можешь видеть из топика. не понимаю, если честно, зачем вклиниваться в обсуждение если у тебя никаких сложностей с этим нет. .
Леша, я ответил на вопрос конкретно по ситуации у человека битый файл либо скачанный либо поврежден вируснёй, или не сохранен нормально) как ты назовёшь свой слой в ветке при создании мокапа не имеет назначения ) если это конечно не экшОн
Верный комментарий. Это поможет. Слей слои перед сохранением (если в мокапе в Смарте лежит один слитый слой).
Егор Янышев
Арсений Матыцин
Сергей Фролов
Если в Смарте в оригинале лежит один слитый слой с замком, то перед сохранением Смарта, после всех добавлений слей все слои и будет тебе счастье.
Сергей Желнин
В этой статье мы рассмотрим подробную инструкцию о том, как правильно работать с мокапами в программе фотошоп. Даже если у вас нет специальных навыков и вы новичок в этом деле, то вы с легкостью сможете создать прекрасную презентацию для своего проекта. В этой статье будет использоваться мокап, на котором мы будем менять этикетку и фон, но сразу надо пояснить, что все мокапы отличаются, и поменять можно различные элементы. Но сама структура станет понятной и можно будет с легкостью догадаться что и где находится.
И так, для примера возьмем Мокап цветных бутылок, для его скачивания перейдите по ссылке, или воспользуйтесь вспомогательной кнопкой.
Архив сохранится на вашем компьютере и теперь его нужно распаковать.
В появившейся папке найдем файл glass-bottle-mockup-psd и откроем его в Фотошопе:
Во вкладке «слои» расположены папки с названиями, в которых сложены файлы. Все папки соответствуют своему элементу.
Откроем ту, что принадлежит зеленой бутылке, нажмем на стрелку, которая расположена рядом с папкой, и перед нами окажется несколько слоев:
Нам интересен слой со смарт-объектом, который обведен на рисунке красным. Чтобы отредактировать его, нам надо дважды кликнуть левой кнопкой мыши по значку.
И тут нам откроется еще одно окошко смарт-объекта, которое теперь мы можем редактировать как душе угодно. Этот слой ничем не отличается от обычного файла.
Теперь нужно убрать все лишнее на этом слое. Можно просто скрыть объекты, либо вовсе удалить их, если они больше не понадобятся. Кому как нравится. После чего нажимаем Файл → Сохранить (Ctrl+S), и все изменения сохранятся автоматически.
А теперь можно добавить что-то свое, например, логотип, надпись, или рисунок. И снова сохраним.
Все оказалось совсем несложно. На этот слой можно помещать любые файлы, как векторные, так и растровые, с множеством возможных разрешений AI, EPS, PNG, JPEG. А также можно делать текстовые слои, в общем тут куда уже приведет ваша фантазия. Только не забывайте сохранять изменения.
Ну и теперь пришло время поменять фон. Это можно сделать разными способами. В некоторых мокапах можно добавить свой фон, в некоторых можно поменять цвет. В любом случае, разобраться какой из способов подходит вам не сложно. В нашем примере мы просто поменяем цвет.
Для начала разблокируем слои, отвечающие за фон, и скроем один из них.
Затем перейдем на слой белого цвета, в панели инструментов выберем нужный нам цвет и закрасим кисточкой, можно так же использовать инструмент заливка (Alt+ Backspace).
С постоянно растущей тенденцией к электронной торговле и цифровому брендингу важно, чтобы дизайнеры имели уникальный, реалистичный набор мокапов в своем арсенале. Реалистичный шаблон макета может помочь вам обойти конкуренцию. Проще говоря, правильный мокап может помочь клиенту визуализировать то, как будет выглядеть конечный продукт с большей ясностью. В этой статье мы рассмотрим, как использовать файлы PSD с помощью Смарт-слоев в 3 простых шага.
Шаг №1: Поиск и загрузка
Вы можете найти множество файлов мокапов PSD для работы на сайте Mockupdownload. Сначала важно познакомиться с структурой папок шаблона профессионального макета. Когда вы загружаете мокап PSD, он обычно сохраняется как заархивированный файл. После того как вы извлечете его содержимое, внимательно ознакомьтесь с тем, что включено внутри. В идеале там должными присутствовать следующими файлами:
- .psd-файл, который является исходным файлом, который вы редактируете
- .jpg файл, предварительный просмотр шаблона в действии
- .txt или .pdf, который объясняет, что такое мокап, кто его сделал, и его лицензионную политику.
Шаг №2: Открыть и найти смарт-объект
- Разархивируйте файл и посмотрите, что внутри. Как упоминалось ранее, вы найдете предварительный просмотр .jpg, исходный файл .psd и некоторую документацию о продукте.
- Следующий шаг — открыть файл .psd в Adobe Photoshop и изучить его слои. Понимание того, как слои работают над используемым шаблоном, важно, потому что в конечном итоге вы замените его элементы по умолчанию своим пользовательским контентом.
- Следующий шаг — найти Смрат-слой и открыть его.
В Photoshop Smart Objects представляют собой слои, которые несут данные изображения из растровых или векторных изображений. Они сохраняют содержимое изображения, что позволяет выполнять редактирование слоя. Слой, содержащий смарт- объект, имеет конкретный значок над ним, который выглядит примерно как квадратик внизу картинки.
Шаг №3: Поместите свой контент
Использование макетов шаблонов довольно просто. Все, что вам нужно сделать, это выполнить эти три основных шага, и ваша работа будет выполнена.
Читайте также: