В этом уроке я покажу вам, как для иллюстрации USB ключ, плавающие в воздухе и размышляя над поверхностью. Мы будем добавлять многочисленные детали, которые сделают это иллюстрация блеск. Обратите внимание, как имя PSDTUTS отражается от пола в рисунке. Эти маленькие детали, которые добавляют степенью реализма к вашей работе. 
Шаг 1
Давайте начнем с создания нового документа которых составляет 1000 пикселей в ширину и 1000 пикселей в высоту, установите разрешение 300 точек / дюйм, и фона на белый. Возьмите инструмент Rectangular Marquee Tool, затем установите стиль Фиксированный размер с шириной 100 пикселей и высоту 240 пикселей. Перетащите четыре направляющих вокруг выделение, как показано на рисунке ниже, то Снимите выделение Ctrl + D.
Шаг 2
Создайте новый слой и назовите его "Фронт B." Установить цвет переднего плана на 55% серый. Получить инструмент Rounded Rectangle Tool, установите его в Fill Pixels и Радиус до 30 пикселей в наборе параметров инструмента. Нарисуйте прямоугольник с закругленными углами, как показано ниже.
Шаг 3
Теперь мы ясно руководства, перейдя в Вид> Удалить направляющие. Нажмите Ctrl + T, чтобы войти в режим свободной Transform, установить угол наклона по вертикали до -30 градусов, и применить его. Нажмите Ctrl + T и установите снова вращения до -30 градусов. Мы могли бы наклонены и повернуты слой в то же время. Причина, почему мы сделали это в два этапа, что она дает чистые результаты. Вы можете посмотреть на рисунке ниже для сравнения.
Теперь нам нужно две горизонтальные направляющие. Перетащите и оснастки один верхний и один в нижней части преобразованы прямоугольника. Это не наш окончательный угол точки зрения, но проще создать ключ USB таким образом, то мы будем чередовать все это снова для достижения наших окончательный вид перспективы.
Шаг 4
Дубликат "Фронт B" и назовите его "Фронт А." Перемещение "Фронт" слой 30 пикселей влево. Вы можете сделать это с помощью клавиш со стрелками на клавиатуре, когда Move Tool выбран. Удерживая Shift, нажмите клавишу со стрелкой влево в три раза. Нанесите слой Gradient Overlay стиль с этими настройками: Blend Mode установлен в Multiply, Opacity на 100%, градиент установлен на уровне черного до белого, стиль линейных, Угол установлен в 90 градусов, и масштаб установлен в 130%.
Шаг 5
Теперь мы должны связать эти два закругленных прямоугольников. Возвращаемся к "Фронт B" слоя в палитре слоев. Получить Polygonal Lasso Tool и сделайте выделение, как показано на изображении ниже. Убедитесь, что направляющие видны. Заполните выделение 55% серого, то Снимите выделение Ctrl + D.
Шаг 6
Есть некоторые нежелательные пикселей, позволяет избавиться от них. Возьмите инструмент Rectangular Marquee Tool, установите Стиль к нормальной жизни, и сделать выбор, как показано ниже. Переместите выделение на 1 пиксель вниз и нажмите Удалить, чтобы очистить область. Вы можете перемещать выбор с помощью клавиш со стрелками на клавиатуре, пока Marquee Tool, является активным. Теперь создайте прямоугольное выделение на этот раз в самом низу. Переместите выделение на 1 пиксель вверх и нажмите на Удалить снова.
Шаг 7
Теперь мы применим слоя Gradient Overlay Стиль для "Фронт B" слой с такими настройками: Blend Mode установлен в Multiply, Opacity на 65%, градиент установлен на уровне "Стальной слиток" (которая в комплексе металлы), с Стиль линейных, угол набора до -30 градусов, и масштаб на 110%. Кроме того, вы можете отрегулировать положение градиента, перетаскивая в то время как диалог Gradient Overlay, остается открытым. Отрегулируйте положение как на картинке, а также.
Шаг 8
Ctrl + клик мышкой "Фронт" слою, чтобы загрузить выделение. Я переехал выбор 400 пикселей вправо. Это позволит определить длину ключа USB, так что вы можете изменить его, если вы хотите более или покороче. Создайте новый слой и назовите его "Back". Я заполнил выделение цветом # ee3232, но вы можете выбрать другой цвет в соответствии с вашим собственным вкусом.
Теперь создайте новый слой и назовите его "Body". Залейте выделение 15% серого. Снимите выделение Ctrl + D. Сделать "Назад" слой невидимым, как мы будем нуждаться в этом позже. Перетащите и место "Body" слой над слоем "Background" слоя в палитре слоев.
Шаг 9
Теперь мы будем выталкивать тела, как мы делали для передней части. Получить Polygonal Lasso Tool и сделайте выделение, как показано, затем залейте его 15% серым цветом. Нажмите Ctrl + D, чтобы снять выделение.
Шаг 10
Получить инструмент Rectangular Marque и сделать выбор выравнивается по верхней направляющей, как показано на рисунке ниже. Переместите выделение на 1 пиксель вниз и ясно, нажав Удалить. Сделайте еще прямоугольное выделение, на этот раз на дне, переместите выделение на 1 пиксель вверх, и нажмите на Удалить снова, чтобы очистить тревожные строки пикселей.
Шаг 11
Теперь мы применим слоя Gradient Overlay Стиль для «Тело» слой для достижения закругленным углом. Используйте эти настройки: Blend Mode установлен в Multiply, Opacity на 65%, градиент набора в черно-белый, с Стиль линейных, Угол установлен в 90 градусов, и масштаб установлен на уровне 18%. Перемещение градиент вниз, как показано на рисунке. Вы можете сделать это путем перетаскивания в то время как диалоговое окно Gradient Overlay открыт.
Шаг 12
Перейти в палитре слоев, а затем перетащить и поместить "Назад" слой чуть выше "Background" слоя. Перемещение "Назад", слой 20 пикселей вправо используя клавишу со стрелкой вправо. Далее, получить Polygonal Lasso Tool и сделайте выделение, как показано ниже, а затем залейте выделение красным (или ваш собственный цвет) для выдавливания заднюю часть ключевых USB. Нажмите Ctrl + D, чтобы снять выделение.
Получить инструмент Rectangular Marque и сделать выбор выравнивается по верхней направляющей, как мы делали раньше. Переместите выделение на 1 пиксель вниз и ясно, нажав Удалить. Сделайте еще прямоугольное выделение, на этот раз в самом низу. Переместите выделение на 1 пиксель вверх и нажмите на Удалить снова, чтобы очистить тревожные строки пикселей.
Шаг 13
Мы должны применить Gradient Overlay, чтобы «Назад» слой с теми же настройками, которые мы использовали для "Body". Теперь щелкните правой кнопкой мыши на "тело" слоя в палитре слоев и выберите Copy Layer Style. Щелкните правой кнопкой мыши "Назад" слой и выберите Paste Layer Style.
Шаг 14
Создайте новый слой выше "Фронт B" и назовите его "Highlight". Grab Line Tool, установите его в Fill Pixels, и установить вес до 8 пикселей. Выберите белый, как цвет переднего плана, и нарисовать прямую линию, как показано на рисунке. Перейти в Filter> Blur> Gaussian Blur, примените с радиусом 5 пикселей.
Теперь у нас есть основной момент, но мы должны удалить превышающей части. Ctrl + клик мышкой "Body" иконке слоя, чтобы загрузить его выделение. Мы должны также выбрать заднюю часть, так что Ctrl + Shift + нажмите «Назад» иконке слоя, чтобы добавить к выделению. Перейти в Select> Inverse и нажмите Удалить, чтобы ясно. Снимите выделение Ctrl + D.
Шаг 15
Создайте новый слой над слоем "Body" и назовите его "Reflection." Grab Gradient Tool, установите градиент от черного к белому, и заполните слой градиентом слева направо. Перейти в Image> Adjustments> Curves и настройки кривой, как показано ниже. Это мой любимый способ сделать отражений. Затем нажмите Ctrl + T и поверните "Отражение" слой на 30 градусов. Вы поймете, почему мы делаем это позже.
Теперь, поскольку мы хотим, что отражение будет увидеть на "Body" часть, мы должны избавиться от остальных. Ctrl + клик мышкой "Body" иконке слоя, чтобы загрузить выделение. Ctrl + Alt щелкните "Фронт B" иконке слоя, чтобы вычесть его из текущего выделения. Перейти в Select> Inverse и нажмите Удалить, чтобы ясно. Нажмите Ctrl + D, чтобы снять выделение. Установите режим смешивания на Overlay.
Теперь возьмите Eraser Tool. Убедитесь, что режим в параметрах инструмента имеет значение Brush. Я установил диаметр кисти мастера до 215 и твердость до 25%. Стереть область ниже закругленного угла.
Есть некоторые окрашенные пикселы за пределами холста, потому что мы заполнили всю страницу, а затем поворачивать градиент. Мы не можем видеть их в данный момент. В последние шаги мы будем вращать ключ USB и эти пиксели будут проблемы, с тем чтобы избавиться от них. Перейти в Select> All, затем перейдите к Image> Crop.
Шаг 16
Мы начинаем рисовать вилкой. Ctrl + клик мышкой "Фронт" слое, чтобы загрузить выделение. Создайте новый слой выше "Фронт" и назовите его "Plug". Залейте выделение 25% серого. Снимите выделение Ctrl + D. Нажмите Ctrl + T, чтобы ввести режим свободной Transform, установите вертикальный и горизонтальный масштаб до 56%, и применять.
Шаг 17
Дубликат "Plug" слой и назовите его "Plug фронта." Переместить "Plug фронта» слой 150 пикселей влево. Перетащите две направляющие с верхней линейки и оснастки их сверху и снизу "Plug" слоя. Возвращаемся к "Plug" слоя в палитре слоев, получить инструмент Polygonal Lasso Tool и сделайте выделение, как показано на рисунке. Заполните выделение 25% серого, затем снимите флажок, нажав Ctrl + D.
Шаг 18
Получить инструмент Rectangular Marque и сделать выбор выравнивается по верхней направляющей, как показано ниже. Переместите выделение на 1 пиксель вниз и ясно, нажав Удалить. Сделайте еще прямоугольное выделение, на этот раз на дне, переместите выделение на 1 пиксель вверх, и нажмите на Удалить снова, чтобы очистить тревожные строки пикселей.
Шаг 19
Ctrl + клик мышкой "Plug" слою, это будет загрузить выделение. Получить инструмент Gradient Tool, установите градиент в качестве переднего плана к прозрачному, установите основной цвет на черный, а стиль градиента на Linear. Перетащите его, как показано ниже, залейте выделение черным прозрачным градиентом. Это позволит сделать верхнюю часть темнее плагин, который поможет нам достижение металлический вид.
Нажмите Ctrl + D, чтобы снять выделение. Применение слоя Gradient Overlay стиль с этими настройками: Blent режим установлен в Multiply, Opacity на 50%, градиент набора в черно-белый, стиль линейных, Угол установлен в 90 градусов и шкалой до 18%. Перемещение Градиент, пока он не умещается на закругленный угол, как в изображении ниже, в то время как диалог Gradient Overlay, остается открытым.
Шаг 20
Создайте новый слой выше "Plug" слой и назовите его "Plug Reflection." Получить инструмент Rectangular Marque и сделать выбор, как в изображении ниже. Получить Gradient Tool. Установите градиент Серебро (это в комплексе металлов.) Установить стиль градиента на Отраженный и залейте выделение начиная с середины влево. Нажмите Ctrl + D, чтобы снять выделение. Перейти в Image> Adjustments> Invert, чтобы получить отрицательный.
Шаг 21
Нажмите Ctrl + T, то шкала отражение немного горизонтально и поворачивать на 30 градусов. Теперь мы хотим, чтобы отражение видно только на вилку. Так мы определим "Plug" слой как Clipping Mask для "Plug Reflection." Вы можете сделать это, нажав Alt-линия между этими двумя слоями в палитре слоев. Получить Eraser Tool. Стереть область ниже округлены углу пробки. Кроме того, установите режим смешивания слоя на Screen.
Шаг 22
Создайте новый слой выше "Plug Reflection" и назовите его "Plug Highlight." Get Line Tool, установите его в Fill Pixels, и установить вес до 4 пикселей. Кроме того, установите белый, как цвет переднего плана. Нарисуйте прямую линию, набор веса до 2 пикселей и нарисовать еще одну линию, как показано на рисунке.
Перейти в Filter> Blur> Gaussian Blur, примените с радиусом 1,5 пикселей. Ctrl + клик мышкой "Plug" слое, чтобы загрузить выделение, затем перейдите к Select> Inverse и ясно, нажав Удалить. Установите режим "Plug Выделите" непрозрачность слоя на 60%.
Шаг 23
Теперь мы сделаем отверстие пробкой. Ctrl + клик мышкой "Plug фронта» слоя, чтобы загрузить выделение. Перейти в Select> Modify> Contract и контракт выбор на 2 пикселя. Создайте новый слой выше "Plug фронта» слой и назовите его "Plug Hole."
Заполните выделение 25% серого и применить слой Gradient Overlay стиль с этими настройками: Blend Mode установлен в Multiply, Opacity на 40%, градиент установлен на уровне черного до белого, с Стиль линейных, угол набора до -90 градусов, а Шкала на 13%. Перемещение градиента, пока не умещается на округлый угол вилки.
Шаг 24
Создайте новый слой под названием "Plug Отверстие Тень" чуть выше "Plug Hole" слой. Возьмите Polygonal Lasso Tool, выберите область как на рисунке ниже, и заливаем его черным цветом. Нажмите Ctrl + D, чтобы снять выделение. Перейти в Filter> Blur> Gaussian Blur. Установите радиус на 15 пикселей. Ctrl + клик мышкой "Plug Hole" слой, зайдите в Select> Inverse, чтобы инвертировать выделение. Ясно, нажав Удалить. Вы должны настроить прозрачность слоя на свой вкус, а также.
Шаг 25
Создайте новый слой выше "Plug Hole" слой и назовите его "Белый". Командной кнопкой "Plug Hole" слой. Получить инструмент Rectangular Marque и переместить выделение, как показано ниже. Ctrl + Alt + Shift щелкните "Plug Hole" иконке слоя пересекаются отбор, затем заполните выделение белым цветом и нажмите Ctrl + D, чтобы снять выделение. Перемещение "Белый" слой 5 пикселей вправо. Перетащите горизонтальные направляющие и привязки их к верхней и нижней части «Белый» слой.
Шаг 26
Создайте еще один слой ниже "Белый" слой и назовите его "White Top". Получить Polygonal Lasso Tool и сделайте выделение, как показано ниже. Заполните выделение 20% серого. Ctrl + клик мышкой "Plug Hole" слой, затем перейдите в Select> Inverse, чтобы инвертировать загружены выбора. Нажмите Delete, чтобы очистить часть вне отверстие. Перейдите в "Белый" слоя в палитре слоев и нажмите на Удалить снова. Нажмите Ctrl + D, чтобы снять выделение.
Шаг 27
Выберите слои в палитре слоев, как показано ниже. К Layer> Group Layers (Ctrl + G) Название группы "Plug Bottom." Теперь дублируйте "Plug Bottom" группу и назовите ее "Plug Top." Перейти к Layer> Merge Group. Сделать "Plug Bottom" невидимая группа в настоящее время.
Шаг 28
Теперь мы сделаем отражение разъем на корпусе. Дубликат "Plug Top" слой, назовите его "Plug Отражение", и перетащите его выше "Front" слоя в палитре слоев. Переместить его вправо, как показано ниже. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 3 пикселя. Для того, чтобы замаскировать отражения, Alt щелкните на линии между "Plug Отражение" и "Фронт" слоев в палитре слоев. Вы можете изменить прозрачность слоя, как вы пожелаете.
Шаг 29
Давайте продолжим вести наши слои. Выделите все слои, кроме "Background" и "Plug Top" слои и "Plug Bottom" группы. К Layer> Merge Layers (Ctrl + E) Переименуйте слитый слой как "Body".
Шаг 30
Теперь мы сделаем два небольших отверстия на вилку. Создайте новый слой поверх слоя стек под названием "Hole." Получить инструмент Rectangular Marque, установите Стиль для фиксированного размера и ширины и высоты до 26 пикселей. Сделайте выделение, как показано ниже. Заполните выделение 65% серого. Нажмите Ctrl + D, чтобы снять выделение.
Нажмите Ctrl + T и установить угол наклона по горизонтали до 30 градусов. Это будет соответствовать перспективе отверстий точки зрения пробок. Получить Polygonal Lasso Tool и сделайте выделение, как показано в нижнем левом изображении ниже. Перейти в Image> Adjustments> Hue / Saturation (ctrl + U), и установите Lightness на +100%, чтобы сделать выделенную часть белым.
Ctrl + клик мышкой "Hole" слое, чтобы загрузить выделение. Переместите выделение на 1 пиксель слева и 1 пиксель вниз. Ctrl + Alt + Shift щелкните "Hole" слой снова пересекаются выделение слоя. Залейте выделение черным цветом. Кроме того, отменить, нажав Ctrl + D.
Шаг 31
Дубликат "Hole" слоя. Теперь у нас есть два отверстия, и они должны быть выровнены должным образом. Вы можете получить помощь от правого или левого края вилкой. После выравнивания правильно выбрать оба дырочных слоях и расположите их как показано ниже.
Шаг 32
Теперь возьмите инструмент Текст. Я установил шрифт Trebuchet MS с размером 35 пт. Сделайте цвет переднего плана # ee0055, а затем введите текст. Нажмите Ctrl + T и установить угол наклона по горизонтали до 30 градусов и применять. Переименовать слой с текстом, как "Текст". Apply Gradient Overlay, чтобы "Текст" слой с такими настройками: Blend Mode установлен экран, прозрачность на 50%, градиент набора на серебро, с Стиль линейных, Угол установлен в 30 градусов, и масштаб установлен на уровне 75%.
Мы будем также применять Тень со следующими настройками: Blend Mode на Multiply, непрозрачность на 60%, угол набора до 90 градусов, а расстояние и размер установлен в 2 пикс.
Шаг 33
То, что мы имеем сейчас, это наш USB-ключ. Что мы делаем не является отражением. Наш ключ будет в воздухе, а в нижней части он будет размышлять о поверхность. А нижняя часть ключевых немного отличается от верхней части ее.
Дубликат "Body" и назовите его "Body Bottom." Теперь выберите "Копировать отверстий", "Hole", "Текст", "Plug Top" и "Body" слоев, затем перейдите в меню Layer> Merge. Имя слой "USB", и сделать "USB" слой невидимым.
Шаг 34
Мы доберемся Text Tool снова, сделать цвет переднего плана # ee0055, и введите свой текст. Нажмите Ctrl + T и масштаб текста, чтобы поместиться на вилку. Перейти в меню Edit> Transform> Flip Vertical, чтобы отразить текст. Нажмите Ctrl + T и установить угол наклона по горизонтали до 30 градусов и применять. Переименовать слой с текстом, как "Текст".
Примените Gradient Overlay, чтобы "Текст" слой с такими настройками: Blend Mode установлен экран, прозрачность на 50%, градиент набора на серебро, с Стиль линейных, угол составляет 30 градусов, а шкале установлен на уровне 75%.
Мы будем также применять Тень со следующими настройками: Blend Mode на Multiply, непрозрачность на 60%, угол набора до 90 градусов, а расстояние и размер установлен в 2 пикс.
Убедитесь в том, что один из видимых слоев выбран в палитре слоев, затем перейдите на Layer> Merge Visible. Имя слой "Reflection." Теперь у вас должно быть три слоя: "Фон", "USB-Final," и "Отражение" Теперь мы уже почти закончили..
Шаг 35
Теперь сделайте "Plug Bottom" группы видны. Откройте группу и удалять «белый верх" слоя. Перейти в "Белый" слой и переместите его вверх, как показано ниже. Ctrl + клик мышкой "Plug Hole" слое, чтобы загрузить выделение, перейдите в Select> Inverse. Нажмите Delete для очистки за пределами отверстия. Снимите выделение Ctrl + D. Перейдите к "Plug Отверстие Тень" слоя в палитре слоев. Нажмите Ctrl + T и поверните слой на 180 градусов, и убедитесь, что она по-прежнему вписывается в отверстие.
Шаг 36
Мы в настоящее время место USB знак на вилку. Я рисовал, и Вы можете получить его здесь . Откройте "USBsign.png" файл и получить Move Tool и перетащите логотип в каталог "USB Refleciton.psd".
Нажмите Ctrl + T, чтобы ввести режим свободной Transform, поверните логотип -90 градусов, масштаб, чтобы поместиться на вилку, и применять. Перейти в меню Edit> Transform> Flip Vertical, чтобы отразить его. Нажмите Ctrl + T снова и установить угол наклона по горизонтали до 30 градусов. Поставьте его на вилку и установите непрозрачность слоя до 60%.
Шаг 37
Закрыть "Plug Bottom" группы. Выберите режим "Plug дне", "Тело дне" и "Текст" в палитре слоев и перейдите к меню Layer> Merge Layers. Имя слой "USB Отражение". Убедитесь, что "USB" слой на вершине и все слои видимыми.
Шаг 38
Выделите оба "USB" и "USB Отражение" слоев в палитре слоев, нажмите Ctrl + T, и Повернуть -30 градусов. Возьмите инструмент Move Tool, затем переместите "USB Отражение" слой вниз, как показано ниже. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 3 пикс. Кроме того, установите непрозрачность слоя на 20%.
Шаг 39
Дубликат "USB Reflection" и назовите его "Shadow". Нажмите Ctrl + U, чтобы открыть Hue / Saturation диалог. Установить Lightness на -100, чтобы сделать тени черного. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 40 пикселей. Установите непрозрачность слоя до 50% и двигаться "Тень" слоя до, как в изображении ниже.
