Инструкция

Инструкция

Данил Сибиркин

Задача: сделать картинку для портфолио на сайт (aboutsales.ru) используя MockUp ноутбука.

Что предоставляется: непосредственно сам Мокап ноутбука и ссылка на сайт заказчика.
Что необходимо сделать: скриншот сайта заказчика поместить в ноутбук и поменять цвет фона на основной (в дизайне сайта).

Пошаговая инструкция (все действия осуществляются при помощи Хрома и Photoshop CS6):

  1. Заходим на сайт и делаем его скриншот.
    Сделать это можно очень быстро таким образом:
    - нажимаем f11, так открывается полноэкранный режим просмотра сайта
    - затем нажимаем на Prnt Scrn
    - Все, скриншот готов:)
Я буду использовать обычный скриншот ленты в ВК.

2. Теперь открываем мокап.

Выглядит это таким образом

3. Открываем выделенный слой "screen", это смарт-объект.

Вставляем наш скриншот.

Вставляем скриншот, сочетанием клавиш CTRL+V и подгоняем по размеру окна. Сохраняем смарт-объект, сочетанием клавиш CTRL+S. Затем, закрываем его и переходим в изначальный документ.

4. Осталось только поменять цвет фона

Выбираем самый нижний слой "Background" и меняем его цвет, в данном случае я выбрал фирменный цвет "Вконтакте".

5. Теперь сохраняешь и отправляешь мне:
-CTRL+SHIFT+S
-Имя файла: название проекта
-Формат файла: png.


На этом все, будут вопросы - пиши, файл с мокапом отправлю в вк.

Report Page