1. Design & Illustration
  2. Product Mockup

Как Создать Макет Без Photoshop

by
Read Time:11 minsLanguages:

Russian (Pусский) translation by Ivan Gromov (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Макеты являются очень эффективным способом показать ваш дизайн, не инвестируя деньги и время в производство продукта. Вам не нужно печатать ваш дизайн на футболке, чтобы увидеть как она будет выглядеть, все что вам нужно - это макет.

Но как создать макет? В течении долгого времени, дизайнеры использовали для этого Photoshop, однако в этом больше нет необходимости. В этом коротком уроке, я покажу как создать макет без использования Photoshop'а. В качестве примеров, мы будем использовать макеты футболки и айфона.

Посмотрите видео на нашем Envato Tuts+ Youtube Канале:

1. Как Создать Макет Футболки

Шаг 1

Перейдите на сайт placeit.net. Найдите раздел Mockups, а затем перейдите в подраздел T-Shirt Mockups.

tshirt mockups placeittshirt mockups placeittshirt mockups placeit

Шаг 2

Нажмите Upload Your Design Here и выберите изображение, которое вы хотите увидеть на макете. Немного подождите, пока оно загрузится.

Я использовал это изображение.

upload design to create mockupupload design to create mockupupload design to create mockup

Шаг 3

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

crop the designcrop the designcrop the design

Шаг 4

Сайт автоматически добавит ваш дизайн в макет. Изображение, которое вы загрузили, будет автоматически подогнано под каждую футболку по размеру, форме, освещению и даже цвету.

Теперь вы можете просмотреть всю библиотеку макетов с вашим дизайном. Как только вы нашли тот, который вам больше всего нравится, нажмите на него, чтобы лучше его рассмотреть

tshirt mockup templatestshirt mockup templatestshirt mockup templates

Шаг 5

Здесь вы также можете изменить ваш дизайн: изменить цвет футболки или обрезать ваше изображение, нажав на эту иконку. Я решил что мое изображение будет выглядеть лучше, если разместить его немного выше.

tshirt mockup template smiling mantshirt mockup template smiling mantshirt mockup template smiling man

Шаг 6

Если вам нравится как выглядит ваш макет и вы хотите показать его вашему клиенту, без ватермарки, то просто нажмите кнопку Download. Здесь вы можете купить изображение или скачать его, как часть вашей безлимитной подписки.

download mockup templatedownload mockup templatedownload mockup template
purchase mockup templatepurchase mockup templatepurchase mockup template

2. Как Создать Макет Айфона

Шаг 1

Вы можете создать макет айфона также просто, как и макет футболки. Пройдите на placeit.net и затем перейдите в раздел Mockups и выберите подраздел Iphone Mockups.

iphone mockups placeitiphone mockups placeitiphone mockups placeit

Шаг 2

Нажмите Upload Screenshot и выберите изображение, которое вы хотите увидеть на экране айфона.

upload screenshot for mockupupload screenshot for mockupupload screenshot for mockup

Шаг 3

Подождите несколько секунд, прежде чем оно загрузится, а затем обрежьте его, если вам это необходимо. Когда вы закончили, нажмите Crop и посмотрите как ваше изображение наложилось на макет. Все это происходит автоматически, так что вам нужно просто немного подождать.

co design to fit iphoneco design to fit iphoneco design to fit iphone

Шаг 4

Просмотрите все доступные макеты, чтобы выбрать тот, который вам нравится больше всего. Как только вы нашли его - нажмите, чтобы увидеть большую версию.

iphone templates onlineiphone templates onlineiphone templates online

Шаг 5

Тут вы можете отредактировать ваше изображение или, если вам уже нравится как оно выглядит, просто нажать кнопку Download, чтобы купить макет.

download iphone templatedownload iphone templatedownload iphone template

Отличная Работа! 

Теперь вы знаете как сделать макет футболки и айфона, не используя Photoshop. Возможно вам понравятся и другие наши уроки о дизайне макетов:

  • Макет Продукта
    Как Создать Фотореалистичный Макет Восковой Печати с Помощью Adobe Photoshop
    Tom Piccarreda
  • Макет Продукта
    Как Создать Макет Логотипа из Золотой Фольги в Adobe Photoshop
    Tom Piccarreda
  • Макет Продукта
    Как Создать Макет Штампа на Коже в Adobe Photoshop
    Tom Piccarreda
  • Макет Продукта
    Как Создать Макет Штампа на Резине в Adobe Photoshop
    Tom Piccarreda
  • Макет Продукта
    Как Создать Макет Тисненого на Бумаге Логотипа в Adobe Photoshop
    Tom Piccarreda
how to create mockup online without photoshophow to create mockup online without photoshophow to create mockup online without photoshop
One subscription.
Unlimited Downloads.
Get unlimited downloads