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

Сколько раз вам хотелось создать симпатичную коробку для одного из ваших продуктов? Конечно, существует много способов, и с помощью нового Photoshop у вас их даже больше. Но я хочу показать вам, как создать трёхмерную на вид коробку в среде 2Д используя Photoshop paths.
Приблизительное время выполнения: 7 минут
С чего начнем?
Шаг 1
Сначала создайте в Photoshop новый документ. Я открыл документ размером 800×600. Теперь мы создадим направляющие, как на картинке внизу. Я поместил линейку на первую отметку сверху для упрощения просмотра. Далее мы создадим направляющие для задней (50х300 пикселей) и передней стороны (150х300 пикселей). Теперь создайте горизонтальный направляющие на отметках 10, 20, 280 и 290 пикселей. Сделали? Двигаемся дальше.

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

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

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

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

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

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

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

Теперь поэкспериментируйте сами!
Источник: How to use Photoshop to create Product Box?
Смотрите также:

Спасибо за ценный урок, на самом деле есть спец плагин который делает все это на втомате, но некоторое время назад я его тупо потерял, переустановив программу, а руками сделать подобное не мог, теперь Слава Богу могу сделать сам, благодаря Вашим урокам:)
Август 19th, 2008
А что, урок ничего себе. Но реально тут помогает только разметка и пропорции.
Август 19th, 2008
А как создать направляющие? Все перелопатил.
Август 20th, 2008
Вспомни изомертию из черчения и все станет ясно.
Август 26th, 2008
По правилам изометрии сделано не правильно: верхняя и нижняя стороны должны быть параллельны(в боковой части коробки)
Декабрь 3rd, 2008
ыавржылдорщфшуерооомдлсчмьижыщлпорюмлтттттыщштоопдлорыащшроыждалорзыщшпрождловпрждовапрждовапжрдловпждровждпрловждлоржвдлаорждлвоапрждлор пжоржвдлпорждваорждвлаопрждвлорждваорждвалорждваоржвдорвждровдровдарвджорыщушнушпофыпюьсмтищшыфроюылдрофщшеродлыопжыдлаопызщшапроыадпржоыжадорыаораырждоы
Январь 9th, 2009
Не правильно установлена верхняя грань корешков коробок.Она должна идти параллельно нижней грани. см. «Начертательная геометрия»
Август 1st, 2009
Для особо грамотных
в данном уроке, речь шла о создании трех мерного изображения, и ИЗОМЕТРИЯ нигде не упоминается!!!
а линии не параллельные, так как существуют ЗАКОНЫ ПЕРСПЕКТИВЫ!
А сам урок замечательный, легкий, быстрый и нужный.
Август 15th, 2009
нишятк) только я криворукий)
Сентябрь 26th, 2009