• Авторизация


Как использовать Photoshop для создания коробки для продукта? 12-09-2010 13:20 к комментариям - к полной версии - понравилось!


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

[показать]

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

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

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

Шаг 1

Сначала создайте в Photoshop новый документ. Я открыл документ размером800×600. Теперь мы создадим направляющие, как на картинке внизу. Я поместил линейку на первую отметку сверху для упрощения просмотра. Далее мы создадим направляющие для задней (50х300 пикселей) и передней стороны (150х300 пикселей). Теперь создайте горизонтальный направляющие на отметках 1020280и 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% opacity0 пикселей distance20 пикселей size). Вы также можете выбрать обе стороны и создать белый  фон на заднем плане. Теперь, примените Drop Shadow к слою с такими значениями: 10% opacity10 пикселей distance и 20 пикселей size. Я ещё добавилoutside stroke шириной 1 пиксель, белый, тому же слою. Вот как все выглядит в конце:

[показать]

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

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как использовать Photoshop для создания коробки для продукта? | Jahka - Дневник Jahka | Лента друзей Jahka / Полная версия Добавить в друзья Страницы: раньше»