Как использовать Photoshop для создания коробки для продукта? - Школа Photoshop
Рисование коробки в Photoshop Рисование коробки в Photoshop

Как использовать Photoshop для создания коробки для продукта?

18.08.2008Категория урока: Рисование

Photoshop — мощный инструмент для создания почти всего, что вы хотите в графическом или веб дизайне. Эта статья поясняет, как использовать Photoshop для создания дизайна упаковки для товара.

Photoshop 7 изометрия

Сколько раз вам хотелось создать симпатичную коробку для одного из ваших продуктов? Конечно, существует много способов, и с помощью нового Photoshop у вас их даже больше. Но я хочу показать вам, как создать трёхмерную на вид коробку в среде 2Д используя Photoshop paths.

Приблизительное время выполнения: 7 минут

С чего начнем?

Шаг 1

Сначала создайте в Photoshop новый документ. Я открыл документ размером 800×600. Теперь мы создадим направляющие, как на картинке внизу. Я поместил линейку на первую отметку сверху для упрощения просмотра. Далее мы создадим направляющие для задней (50х300 пикселей) и передней стороны (150х300 пикселей). Теперь создайте горизонтальный направляющие на отметках 10, 20, 280 и 290 пикселей. Сделали? Двигаемся дальше.

Photoshop 7 изометрия

Шаг 2

Используя Rectangle Tool (U), создайте переднюю часть коробки с вышуказанными габаритами. Теперь, используя Direct Selection Tool (A), передвиньте отметки задней и передней сторон, вот так: 0,0>0,10 пикселей, 0,300>0,290 пикселей на задней стороне и 200,0>200,20 пикселей, 200,300>200,380 пикселей на передней.

Photoshop 7 изометрия

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

Photoshop 7 изометрия

Шаг 3

Теперь импортируйте ваше изображение. Я сделал переднюю сторону коробки несколько шире, но вы можете поэкспериментировать сами. Как видите, мое изображение имеет размер задней части 50х300 пикселей и 200х300 пикселей передней. Если вы делаете это в первый раз, лучше не пишите ничего на коробке, а добавьте только картинку Рисование коробки в Photoshop

Рисование коробки в Photoshop

Шаг 4

Немного магии Рисование коробки в Photoshop . Выберите первый созданный вами прямоугольник (чтобы сделать это, используйте мышь, зажмите клавишу CTRL (или COMMAND), затем кликните на слой с прямоугольником (Shape1).

Рисование коробки в Photoshop

Шаг 5

Теперь, сделайте Edit > Paste Into (или SHIFT + CONTROL/COMMAND + V), чтобы вставить выделение в прямоугольник. Используйте Transform (CTRL/COMMAND + T), чтобы должным образом трансформировать переднюю и заднюю части изображения.

Рисование коробки в Photoshop

Шаг 6

Если вы новичок, вы можете захотеть передвинуть ползунки на место вручную, но сначала посмотрите, как это сделал я. Сначала передвиньте правую часть к правой направляющей, затем кликните на верхнем правом углу (на передней стороне, конечно). Удерживая мышь, используйте комбинацию SHIFT+CTRL+ALT для передвижения правого угла немного вниз, очень медленно. Если вы сделали все правильно, нижний угол также переметится в центр. У вас должно получиться что-то подобное.

Рисование коробки в Photoshop

Шаг 7

Наконец мы создадим внутренние тени для обеих сторон (40% opacity, 0 пикселей distance, 20 пикселей size). Вы также можете выбрать обе стороны и создать белый  фон на заднем плане. Теперь, примените Drop Shadow к слою с такими значениями: 10% opacity, 10 пикселей distance и 20 пикселей size. Я ещё добавил outside stroke шириной 1 пиксель, белый, тому же слою. Вот как все выглядит в конце:

Рисование коробки в Photoshop

Теперь поэкспериментируйте сами!

Источник: How to use Photoshop to create Product Box?




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



9 комментария(-ев) к уроку “Как использовать Photoshop для создания коробки для продукта?”

  1. Спасибо за ценный урок, на самом деле есть спец плагин который делает все это на втомате, но некоторое время назад я его тупо потерял, переустановив программу, а руками сделать подобное не мог, теперь Слава Богу могу сделать сам, благодаря Вашим урокам:)

    Санни

  2. А что, урок ничего себе. Но реально тут помогает только разметка и пропорции.

    Толяныч

  3. А как создать направляющие? Все перелопатил. :shock:

    Андрей

  4. Вспомни изомертию из черчения и все станет ясно.

    Борис

  5. По правилам изометрии сделано не правильно: верхняя и нижняя стороны должны быть параллельны(в боковой части коробки)

    Юрец

  6. ыавржылдорщфшуерооомдлсчмьижыщлпорюмлтттттыщштоопдлорыащшроыждалорзыщшпрождловпрждовапрждовапжрдловпждровждпрловждлоржвдлаорждлвоапрждлор пжоржвдлпорждваорждвлаопрждвлорждваорждвалорждваоржвдорвждровдровдарвджорыщушнушпофыпюьсмтищшыфроюылдрофщшеродлыопжыдлаопызщшапроыадпржоыжадорыаораырждоы

    dfgcghnkjfbndlfkn;xtlbkms;oirtjnx;lgjhs;,bltvo.scopg.jspb,js.;ksd

  7. Не правильно установлена верхняя грань корешков коробок.Она должна идти параллельно нижней грани. см. «Начертательная геометрия»

    Kolja

  8. Для особо грамотных :!: в данном уроке, речь шла о создании трех мерного изображения, и ИЗОМЕТРИЯ нигде не упоминается!!!
    а линии не параллельные, так как существуют ЗАКОНЫ ПЕРСПЕКТИВЫ!
    А сам урок замечательный, легкий, быстрый и нужный.

    Elf_Ira

  9. нишятк) только я криворукий)

    тексты песен

Прокомментировать урок

 


Rambler's Top100