Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
Форум программистов > Photoshop, Illustrator, Corel и т.п. > Рисуем коробку |
Автор: Caramel 7.9.2007, 21:54 |
Периодически случается так, что приходится по работе собирать разные графические мелочи. Вот например коробки. Можно легко собрать используя фотошоп (и никакого 3D не понадобится) Для начала нам нужна развертка. (Мы будем делать коробку немного большего размера, чем потом понадобиться) Мне нужна коробка стоящая к нам корешком и лицевой частью, все остальное не видно. Поэтому именно ими и будем пользоваться. ![]() Вот это так называемая болванка на которой и будут "натягиваться" слои. ![]() Итак у нас все под рукой на отдельных слоях: болванка (нижний слой), корешок и лицевая сторона. Теперь начинается самое интересное. Нам нужно взять лицевую сторону и пропорционально уменьшить ее до размера болванки. До тех точек, которые помечены красными стрелками. Здесь у коробки самая широкая часть и по ней будет легче ориентироваться. ![]() Уменьшили и подставили, что бы корешок и лицо были одной высоты. ![]() Работаем с лицом: ctrl+t вызовет деформирующие маркеры. Когда вы удерживаете Ctrl и наводите на один из маркеров курсор, он превращается в серую стрелку. Потянув за курсор можно создать интересный эффект перспективы. Чем мы и займемся. Будем считать, что маркеры у вас уже появились - удерживаем Ctrl, хватаем за правый верхний угол и тянем к правому верхнему углу болванки. Не обращайте внимание на то, как коробку перекосило. Все исправится. ![]() ... тоже самое с правым нижним. Я специально сделала слой лица полупрозрачным, что бы был виден процесс. Замечательно. Возьмемся за корешок: еще раз проверим, что высота корешка точно соответсвует высоте лицевой части. А и Б совпадают? Отлично ![]() ![]() Проделываем с корешком тоже самое, только очень аккуратно и осторожно. Лицевая сторона большая и погрешности в перспективе на ней не будут так сильно заметны. А вот на корешке моментально бросится в глаза. ![]() В принципе на этом можно было бы и остановиться, но я пошла бы дальше. Будем считать, что коробка у нас освещается и свет падает на лицо, а корешок остаётся в тени. Создаем маску по корешку (удерживая ctrl клацнуть мышью по слою корешка в панельке Layers). Делаем новый пустой слой и заливаем маску темно-синим цветом. ![]() Ставим прозрачность около 27% ![]() Все, коробка готова. Обычно после этого я выделяю все слои и склеиваю их вместе. Готовую коробку переношу в рабочий файл. Ну а уже там начинается камасутра. Самое простое, что теперь с этими коробками можно сделать, это составлять в разные композиции. Ведь продукты далеко не всегда продаются по одному. Бывает например вот так: ![]() Я думаю легко догадаться, что коробкам страшно не хватает теней. Итак условно свет падает на лицевую часть ближайшей коробки, стало быть она должна отбрасывать тень на стоящую за ней. Выделяем всю маленькую коробочку и создаём градиент от чёрного до нуля. Справа налево. Большая часть градиента будет заслонена коробкой, часть высунется и изобразит тень. ![]() Да, но еще коробка отбрасывает тень на поверхность на которой стоит. И тень эта плавно переползает на коробку за ней. ![]() ![]() тут все делается по аналогии. Тени заливаются, потом применяется фильтр Blur, потом выставляется прозрачность от 20 до 30%. Ну и последнее - все-таки неправильно, что маленькая коробка отбрасывает такую крохотную тень. Руками отрисовываю тень подлинее стараясь соблюсти наклон у левого края. Заливаю, применяю Blur, уменьшаю прозрачность. Все, коробки готовы. ![]() |
Автор: Мурлыкатам_ 25.11.2007, 16:11 |
Круто! Всегда мечтал совладать с фотошопом, может подскажете с чего начать? |
Автор: Caramel 25.11.2007, 17:31 |
Мурлыкатам_, фотошоп поставить) |
Автор: Str!pe 26.11.2007, 10:54 |
Caramel, Красиво, а отражение снизу добавить? ![]() |
Автор: Caramel 26.11.2007, 20:40 |
Str!pe, для этого ее надо снова собирать, там перспектива другая ![]() |
Автор: NaglfarNight 14.12.2007, 19:19 |
Caramel Очень хороший урок для начинающих графических дизайнеров. |
Автор: Vex 28.12.2007, 02:07 |
Caramel, спасибо заец! то что надо!!! ![]() |
Автор: Caramel 28.12.2007, 18:41 |
Vex, урок-то хороший, только через несколько дней после его публикации мне прислали изображения всех наших продуктов в большом разрешении. Так что наверно для меня самой - уже не актуальный![]() |
Автор: Caramel 10.1.2008, 10:53 |
Shlit, ну в любом случае стоит начать с установки шопа. А в остальном - совершенно согласна. Учить программу бессмысленно. Нужно учиться ею пользоваться в приложении к какой-нибудь задаче. Желательно не от балды поставленной, а рабочей. Летом таким образом изучала иллюстратор. И таки научилась пользоваться, хотя до этого раза три пыталась научиться работать "просто для ознакомления". Флеш маздай иллюстратор форева!))))) |