Предлагаю Вашему вниманию один из самых интересных уроков о том, как создать 3D коробку для профессиональной презентации конкретного продукта. Я хочу создать коробку для продукта программного обеспечения.
Итак, начнём! Для начала создаем новый документ с разрешением 500×500рх. Выбираем белый цвет в качестве цвета нашего холста.
Используем Rectangular Marquee Tool для создания прямоугольного выделения, как показано на моей картинке ниже. Затем создаем новый слой и заливаем его линейным градиентом, используя цвета #013a55 и #005f82.
Теперь попробуйте отделить визуально боковую часть коробки от лицевой. Зажимаем кнопку Alt и отрезаем большую часть выделения, как показано ниже. Остаток выделения заливаем градиентом от черного к прозрачному.
Снимаем выделение с помощью Ctrl+D и переходим к следующему шагу. Я хотел бы добавить какую-то абстрактную картинку на нашу будущую коробку. Итак, я создаю графический элемент самостоятельно. Создаем новый слой и, используя инструмент Brush Tool, добавляем несколько мягких линий белым цветом.
Затем применяем фильтр Filter > Distort > ZigZag со следующими установками:
Меняем режим отображения слоя на Overlay и устанавливаем непрозрачность 35%.
Теперь нам необходимо очистить все белые линии, которые выходят за размеры коробки. Выделяем фигуру коробки (Ctrl+левая кнопка мыши на значке слоя в наборе слоев), затем инвертируем выделение с помощью Ctrl+Shift+I и нажимаем кнопку Delete на выделенной области.
Снимаем выделение с помощью Ctrl+D. Отлично, теперь можно добавить логотип программы на коробку. Вы можете найти какой-то логотип, используя Google Images или использовать мой логотип. Открываем эту картинку и копируем её на основной холст. Затем немного уменьшаем её.
Загружаем выделение логотипа через Select > Load Selection, затем удерживаем кнопку Alt, используем Polygonal Lasso Tool, чтобы снять выделение со всех лепестков, кроме самого большого. Заливаем выделенную область линейным градиентом, используя цвета #a8f522 и #547300.
Снимаем выделение с области с помощью Select > Deselect. Затем дублируем слой с помощью Ctrl+J, после этого меняем непрозрачность на 20% для текущего слоя и используем Edit > Flip Vertical, чтобы отразить картинку по вертикали.
Производим слияние двух слоев с логотипом в один, затем дублируем новый слой и передвигаем его в левый верхний угол коробки. Не забудьте также его уменьшить.
Отлично, переходим к следующему шагу: пришло время добавить текст. Я хочу добавить название продукта первой строкой цветом #a3e30a посредине лицевой части коробки над логотипом.
На изображении выше я использовал шрифт Arial Narrow, который является одни из стандартных шрифтов Windows. Используя белый цвет, добавляем ещё несколько строк тем же шрифтом, но других размеров. Это должны быть небольшое описание, копирайт и т.д.
Переходим к следующему шагу. Мы должны добавить 2 строчки текста на боковую часть. Просто копируем название программы и короткое описание. Передвигаем их влево и, используя Ctrl+T, поворачиваем на 90 CCW. После чего немного уменьшаем, как показано на моей картинке ниже.
Чтобы закончить модель коробки я хотел бы добавить штрих-код. Вы можете загрузить его отсюда. Копируем его на наш основной холст и уменьшаем.
Отлично, теперь производим слияние всех слоев, кроме слоя фона, в один и начинаем создавать трехмерную модель для презентации. Нам нужно добавить перспективу нашему объекту. Используем инструмент Rectangular Marquee Tool, чтобы отделить лицевую часть от боковой.
Нажимаем Ctrl+Shift+J, чтобы отрезать выделенную область на новый слой. Затем применяем Edit > Transform > Perspective к новому слою, чтобы добавить перспективу.
Затем передвигаем курсор к правой средней точке трансформирующей сетки по вертикали. Когда Вы увидите две стрелки вверх и вниз, передвиньте курсор немного вверх. Результат должен быть таким же, как мой:
После этого дублируем слой с помощью Ctrl+D, чтобы создать отражение, и применяем Edit > Transform > Flip Vertical, после чего перемещаем трансформированную копию вниз. У Вас должна получиться такая же картинка, как и у меня:
Теперь применяем Edit > Transform > Skew, чтобы немного трансформировать нижнюю часть.
Отлично, теперь переходим на слой с боковой частью и применяем к нему тоже Edit > Transform > Perspective.
Затем нажимаем Ctrl+J, чтобы дублировать текущий слой, и применяем Edit > Transform > Flip Vertical, затем перемещаем отраженную копию вниз.
Затем используем Edit > Transform > Skew, чтобы трансформировать эту часть изображения, как показано на моей картинке ниже:
Производим слияние двух слоев, которые Вы отразили, и применяем режим Quick Mask Mode с градиентом, как показано ниже:
Теперь возвращаемся в режим Standard Mode. У нас появилась выделенная область. Нажимаем кнопку Delete, чтобы очистить выделенную часть изображения.
Снимаем выделение с помощью Ctrl+D и устанавливаем непрозрачность 37% для этого слоя.
На этом шаге наша работа заканчивается. Мы сделали 3D коробку для профессиональной презентации программного продукта. Надеюсь, Вы получили лучший результат, чем я! Если нет, просто не переставайте тренироваться, и Вы получите лучшие результаты!
Перевод: http://www.4webmaster.ru/
Рекомендуем почитать:
• Создание голливудской улыбки
• Типографская врезка
• Отбрасывание тени
Один комментарий
Спасибо огромное!!!
Оставить комментарий: