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 пиксель, белый, тому же слою. Вот как все выглядит в конце:
Теперь поэкспериментируйте сами!