Учебник искусства

В этом уроке я покажу вам, как для иллюстрации ключевых USB повисли в воздухе и размышляя над поверхностью. Мы будем добавлять многочисленные детали, которые сделают это иллюстрация блеска. Обратите внимание, что имя PSDTUTS отражается от пола на рисунке. Эти маленькие детали, которые добавляют степенью реализма к вашей работе.

Шаг 1

Давайте начнем с создания нового документа, что в 1000 пикселей в ширину и 1000 пикселей в высоту, установите разрешение 300 точек на дюйм, а фон на белый. Grab Rectangular Marquee Tool, затем установить стиль Фиксированный размер с шириной 100 пикселей, высота 240 пикселей. Перетащите 4 направляющих вокруг выделения, как показано на рисунке ниже, а затем Отменить нажав Ctrl + D.

Шаг 2

Создайте новый слой и назовите его "Front B." Установить цвет переднего плана на 55% серого. Получить Закругленные инструмент прямоугольник, установите его в Заполните пикселей и радиусом до 30 пикселей в параметрах инструмента множество. Нарисуйте прямоугольник с закругленными углами, как показано ниже.

Шаг 3

Теперь мы ясно направляющие, выбрав Вид> Очистить руководства. Hit Command + T для входа в режим Free Transform, установить вертикальные косые до -30 градусов, и применить его. Hit Command + T снова и установить вращения до -30 градусов. Мы могли бы наклонены и повернуты слоя в то же время. Поэтому мы сделали это в два этапа, что она дает чистые результаты. Вы можете посмотреть на изображение ниже для сравнения.

Теперь нам нужно два горизонтальных направляющих. Перетащите и оснастки 1 к верхней части и одна в нижней части превращается прямоугольника. Это не наш окончательный угол точки зрения, но проще создать ключевые USB Таким образом, то мы будем вращаться все это снова, чтобы достичь нашей конечной искать точки зрения.

Шаг 4

Копия "Front B" слой и назовите его "Front А." Перемещение "Front" слоя 30 пикселей влево. Вы можете сделать это с помощью клавиш со стрелками на клавиатуре, когда Move Tool выбран. Удерживая Shift, нажмите клавишу со стрелкой влево, ключевым в три раза. Примените Gradient Overlay Стиль слоя с такими параметрами: Blend Mode установлен в Умножить, непрозрачность на 100%, градиент установлен на уровне от черного к белому, стиль линейных, Угол установлен в 90 градусов, а шкала установлен в 130%.

Шаг 5

Теперь мы должны связать эти две скругленные прямоугольники. Вернуться к "Front B" слоя в палитре слоев. Получить Polygonal Lasso Tool и сделайте выбор, как показано на рисунке ниже. Убедитесь, что направляющие видны. Заполните выделение 55% серого, то Снимите нажав Ctrl + D.

Шаг 6

Есть некоторые нежелательные пикселей, позволяет избавиться от них. Grab Rectangular Marquee Tool, установите Стиль к нормальной жизни, и сделать выбор, как показано ниже. Передвиньте выделение на 1 пиксель вниз и нажмите Удалить для очистки области. Вы можете перенести выборы с помощью клавиш со стрелками на клавиатуре, пока Marquee Tool активен. Теперь сделайте прямоугольное выделение на этот раз на дно. Передвиньте выделение на 1 пиксель вверх и нажмите на Удалить снова.

Шаг 7

Теперь мы применяем Gradient Overlay стиль слоя на "Front B" слоя с такими параметрами: Blend Mode установлен в Умножить, непрозрачность на 65%, градиент установлен на уровне "Сталь Бар" (который находится в металлах Set), с Стиль линейные, угловые значение -30 градусов, а шкала на 110%. Кроме того, вы можете отрегулировать положение градиента, перетаскивая в то время как диалоговое Gradient Overlay остается открытым. Отрегулируйте положение, как на картинке, а также.

Шаг 8

Командная кнопка "Front" миниатюре слоя, чтобы загрузить выделение. Я переехал выбор 400 пикселей вправо. Это позволит определить длину ключа USB, так что вы можете его изменить, если вы хотите более или короче 1. Создайте новый слой и назовите его "обратно". Я заполнил выделение цветом # ee3232, но вы можете выбрать другой цвет по своему вкусу.

Теперь создайте новый слой и назовите его "тела". Заполните выделение 15% серого. Снимите, нажав Ctrl + D. Сделать кнопку "Назад" слой невидимым, а нам понадобится позже. Перетащите и место "Body" слой над "Background" слоя в палитре слоев.

Шаг 9

Теперь мы будем выталкивать тела, как это было сделано для передней части. Получить Polygonal Lasso Tool и сделайте выбор, как показано, затем добавьте в него 15% серого. Hit Command + D чтобы снять выделение.

Шаг 10

Получить Прямоугольные Marque Tool и сделайте выбор увязаны с верхней направляющей, как показано на рисунке ниже. Передвиньте выделение на 1 пиксель вниз и ясно, нажав "Удалить". Сделайте еще прямоугольное выделение, на этот раз на дне, переместите выделение 1 пиксель вверх и нажмите на Удалить снова снимать тревожные строки пикселей.

Шаг 11

Теперь мы применяем Gradient Overlay стиль слоя на "Body" слоя для достижения округлые углу. Используйте эти настройки: Blend режим установлен в Умножить, непрозрачность на 65%, градиент установлен на уровне от черного до белого, с Стиль линейных, Угол установлен в 90 градусов, а шкала установлена на уровне 18%. Перемещение градиента вниз, как и в ниже изображения. Вы можете сделать это путем перетаскивания, а Gradient Overlay открытом диалоговом окне.

Шаг 12

Перейти в палитре слоев, а затем перетащить и поместить кнопку "Назад" чуть выше слоя "Background" слоя. Перемещение "Назад" в правом слоя 20 пикселей с помощью клавиши Стрелка вправо. Далее, получить Polygonal Lasso Tool и сделайте выбор, как показано ниже, а затем залейте его красным (или ваши собственные цвета), чтобы выдавить задней части ключевых USB. Hit Command + D чтобы снять выделение.

Получить Прямоугольные Marque Tool и сделайте выбор увязаны с верхней направляющей, как мы делали раньше. Передвиньте выделение на 1 пиксель вниз и ясно, нажав "Удалить". Сделайте еще прямоугольное выделение, на этот раз на дне. Передвиньте выделение на 1 пиксель вверх и нажмите на Удалить снова снимать тревожные строки пикселей.

Шаг 13

Нам нужно применить Gradient Overlay для "Назад" слоя с теми же настройками, как мы использовали для "Тело". Щелкните правой кнопкой мыши на "Body" слоя в палитре слоев и выберите Copy Layer Style. Щелкните правой кнопкой "Назад" в слое и выберите Paste Layer Style.

Шаг 14

Создайте новый слой выше "Front B" слой и назовите его "Highlight." Grab Line Tool, установите его в Заполните пикселей, а набор веса в 8 пикселей. Выберите белый, как цвет переднего плана, а также нарисовать прямую линию, как и в ниже изображения. Перейти в Filter> Blur> Gaussian Blur, применяются с радиусом 5 пикселей.

Теперь у нас есть выделить, но мы должны удалить превышающей части. Командная кнопка "Body" Миниатюра слоя, чтобы загрузить его в выделение. Мы должны также выбрать задней части, так Command + Shift кнопкой "Назад" в миниатюре слоя, чтобы добавить в отборе. Перейти к Select> Inverse и нажмите Удалить ясно. Снимите, нажав Ctrl + D.

Шаг 15

Создайте новый слой выше "Body" слой и назовите его "Отражение". Grab Gradient Tool, установите Градиент от черного к белому и залейте слой с градиентом слева направо. Перейти в Image> Adjustments> Curves и настроить кривую, как показано ниже. Это мой любимый способ размышления. Затем нажмите Ctrl + T и поверните "Отражение" слоя 30 градусов. Вы поймете, почему мы делаем это позже.

Так как мы хотим, что отражение будет увидеть на "Body" части, мы должны избавиться от остальных. Командная кнопка "Body" Миниатюра слоя, чтобы загрузить выделение. Command + Alt щелкните "Front B" Layer Миниатюра вычесть его из текущего выбора. Перейти к Select> Inverse и нажмите Удалить ясно. Hit Command + D чтобы снять выделение. Установите Blending Mode слоя на Overlay.

Теперь получить Eraser Tool. Убедитесь, что режим в параметрах инструмента имеет значение Brush. Я установил Диаметр кисти мастера до 215 и твердости до 25%. Стереть области ниже округлены углу.

Есть некоторые окрашенные пиксели за пределами холста, потому что мы наполнили всю страницу, а затем повернули градиента. Мы не можем видеть их в данный момент. В конечном шаги, которые мы будем чередовать ключевых USB и эти пиксели будут проблемы, с тем, чтобы избавиться от них. Перейти к Выбрать> All, затем перейдите к Image> Обрезка.

Шаг 16

Мы рисуем вилку. Командная кнопка "Front" слоя, чтобы загрузить выделение. Создайте новый слой выше "Front" и назовите его "Plug". Заполните выделение 25% серого. Снимите, нажав Ctrl + D. Hit Command + T, чтобы ввести режим Free Transform, установить вертикальный и горизонтальный масштаб до 56%, и применять.

Шаг 17

Копия "Plug" слой и назовите его "Plug фронта." Переместить "Plug фронт" слоя 150 пикселей влево. Перетащите две направляющие с верхней Линейка и оснастки их сверху и снизу "Plug" слоя. Вернуться к "Plug" слоя в палитре слоев, получить Polygonal Lasso Tool и сделайте выбор как на рисунке ниже. Заполните выделение 25% серого, а затем снимите, нажав Ctrl + D.

Шаг 18

Получить Прямоугольные Marque Tool и сделайте выбор увязаны с верхней направляющей, как показано ниже. Передвиньте выделение на 1 пиксель вниз и ясно, нажав "Удалить". Сделайте еще прямоугольное выделение, на этот раз на дне, переместите выделение 1 пиксель вверх и нажмите на Удалить снова снимать тревожные строки пикселей.

Шаг 19

Командная кнопка "Plug" Миниатюра слой, то начнется загрузка выбора. Получить Gradient Tool, установите градиент как переднего плана к прозрачному, установить цвет переднего плана на черный, а градиент Стиль Linear. Перетащите его, как показано ниже, залейте его черным прозрачным градиентом. Это позволит в верхней части плагина темнее, что происходит, чтобы помочь нам достижения металлический вид.

Hit Command + D чтобы снять выделение. Примените Gradient Overlay Стиль слоя со следующими настройками: слились режим установлен в Умножить, непрозрачность на 50%, градиент установлен на уровне от черного к белому, стиль линейных, Угол установлен в 90 градусов и шкала установлен в 18%. Перемещение Градиент вниз, пока он помещается на закругленный угол, как и в ниже изображения, в то время диалоговом Gradient Overlay остается открытым.

Шаг 20

Создайте новый слой выше "Plug" слой и назовите его "Plug Отражение". Получить Прямоугольные Marque Tool и сделать выбор, как показано на рисунке ниже. Получить Gradient Tool. Установить Градиент серебра (он находится в металлах Set.) Установите Градиент Стиль Отраженный и заполните выделение, начиная с середины налево. Hit Command + D чтобы снять выделение. Перейти в Image> Adjustments> Invert, чтобы получить отрицательный ответ.

Шаг 21

Hit Command + T, то шкала отражения немного по горизонтали и поворот на 30 градусов. Теперь мы хотим отражения видны только на вилке. Таким образом, мы будем определять "Plug" слоя Clipping Mask на "Plug Отражение". Вы можете сделать это, нажав Alt-линия между этими двумя слоями в палитре слоев. Получить Eraser Tool. Стереть области ниже округленного угла вилки. Кроме того, установите режим наложения слоя на экран.

Шаг 22

Создайте новый слой выше "Plug Отражение" слой и назовите его "Plug Highlight." Получить Line Tool, установите его в Заполните пикселей, а набор веса до 4 пикселей. Также, установите белый, как цвет переднего плана. Нарисуйте прямую линию, набор веса до 2 пикселей и сделать еще одну строку, как и в ниже изображения.

Перейти в Filter> Blur> Gaussian Blur, применяются с радиусом 1,5 пикселей. Командная кнопка "Plug" слоя, чтобы загрузить выделенную, а затем перейти к Select> Inverse и ясно, нажав "Удалить". Установить "Plug Выделите" прозрачность слоя на 60%.

Шаг 23

Теперь мы будем делать отверстия на вилке. Командная кнопка "Plug фронт" слоя, чтобы загрузить выделение. Перейти к Select> Modify> Contract и контракт выбор 2 пикселей. Создайте новый слой выше "Plug фронт" слой и назовите его "заглушку".

Заполните выделение 25% серого и применить Gradient Overlay Стиль слоя с такими параметрами: Blend Mode установлен в Умножить, непрозрачность на 40%, градиент установлен на уровне от черного до белого, с Стиль линейные, угловые значение -90 градусов, а Шкала на 13%. Перемещение градиента, пока он помещается на закругленный угол разъема.

Шаг 24

Создайте новый слой под названием "Plug Хол Тень" чуть выше "заглушку" слоя. Grab Polygonal Lasso Tool, выберите область как на рисунке ниже, и заполните черным цветом. Hit Command + D чтобы снять выделение. Перейти в Filter> Blur> Gaussian Blur. Установите радиус на 15 пикселей. Командная кнопка "Plug дыра" слой, зайдите в Select> Inverse, чтобы инвертировать выделение. Открытый, нажав "Удалить". Вы должны настроить прозрачность слоя на свой вкус, а также.

Шаг 25

Создайте новый слой выше "заглушку" слой и назовите его "Белый". Командной нажмите кнопку "заглушку" слоя. Получить Прямоугольные Marque Tool и переместите выделение, как показано ниже. Command + Alt + Shift щелкните ссылку "заглушку" Layer Миниатюра пересекаются выбора, а затем заполните выделение белым цветом и нажмите Ctrl + D чтобы снять выделение. Перемещение "Белый" слоя 5 пикселов вправо. Перетащите горизонтальных направляющих и защелкнуть их на верхней и нижней части "белых" слоя.

Шаг 26

Создайте еще один слой ниже "белого" слоя и назовите его "Белый Top." Получить Polygonal Lasso Tool и сделайте выделение, как показано ниже. Заполните выделение 20% серого. Командная кнопка "Plug дыра" слой, затем перейдите к Select> Inverse обратных загруженных выбора. Жмем Delete для очистки частично за пределами ямы. Перейти в "белый" слоя в палитре слоев и нажмите на Удалить снова. Hit Command + D чтобы снять выделение.

Шаг 27

Выделите слои в палитре слоев, как показано ниже. Перейти в Layer> Группа Layers (Command + G.) Название группы "Plug Боттом." Теперь дублировать "Plug дно" группы и назовите его "Plug Top." Перейти к Layer> Merge группы. Сделать "Plug дно" невидимой группы на данный момент.

Шаг 28

Сейчас мы сделаем отражение вилку на теле. Копия "Plug Top" слой, назовите его "Plug Отражение", и перетащите его выше "Front" слоя в палитре слоев. Переместить все правильно, как показано ниже. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 3 пикселя. Для того, чтобы замаскировать отражения, Alt щелкните на линии между "Plug Отражение" и "Фронт" слои в палитре слоев. Вы можете изменить прозрачность слоя, как вы хотите.

Шаг 29

Давайте продолжать вести нашу слоев. Выберите все слои, кроме "Background" и "Plug Top" слои, "Plug дно" группы. Перейти в Layer> Merge Layers (Command + E.) Переименовать слитый слой как "орган".

Шаг 30

Теперь мы сделаем два небольших отверстия на вилке. Создайте новый слой в верхней части стека слоев под названием "Hole." Получить Прямоугольные Marque Tool, установите Стиль Фиксированный размер, а ширина и высота как 26 пикселей. Сделать выбор, как показано ниже. Заполните выделение 65% серого. Hit Command + D чтобы снять выделение.

Hit Command + T и установить горизонтальные косых до 30 градусов. Это позволит уместить точки зрения дырок в перспективе зажигания. Получить Polygonal Lasso Tool и сделайте выбор, как показано в левом нижнем рисунке ниже. Перейти в Image> Adjustments> Hue / Saturation (Ctrl + U), и установить Легкость в 100%, чтобы выбранные белый.

Командная кнопка "Hole" слоя, чтобы загрузить выделение. Передвиньте выделение на 1 пиксель слева и 1 пиксель вниз. Command + Alt + Shift щелкните "Hole" слой снова пересекаются выделение слоя. Залейте выделение черным цветом. Кроме того, отменить, нажав Ctrl + D.

Шаг 31

Копия "Hole" слоя. Теперь у нас есть два отверстия, и они должны быть выровнены должным образом. Вы можете получить помощь от правого или левого края вилкой. После выравнивания правильно выбрать оба отверстия слоев и расположение их, как показано ниже.

Шаг 32

Теперь получить текст Tool. Я установить шрифт, как Trebuchet MS размером 35 пт. Сделайте ваш цвет переднего плана # ee0055, а затем введите текст. Hit Command + T и установить горизонтальные косых до 30 градусов и применять. Переименуйте слой с текстом, как "Текст". Применить Gradient Overlay для "Text" слоя, используя следующие параметры: Blend Mode установлен экран, непрозрачность на 50%, градиент установлен на серебро, с Стиль линейных, Угол установлен в 30 градусов, и шкала установлена на уровне 75%.

Мы будем также использовать при создании теней со следующими параметрами: Blend Mode многозарядных, непрозрачности установлена на уровне 60%, Угол установлен в 90 градусов, а расстояние и размер установлен в 2 пикселей.

Шаг 33

Сейчас у нас есть наша USB ключа. Что мы делаем не является отражением. Наши ключевые будет плавать в воздухе, и на дне будет отражающие поверхности. А в нижней части ключевых немного отличается от поверх него.

Копия "Body" слой и назовите его "Тело снизу." Теперь выберите "Hole Копия", "Hole", "Текст", "Plug Вверх" и "Body" слои, затем перейдите на Layer> Merge. Название объединенного слоя "USB", и сделать "USB" слой невидимым на данный момент.

Шаг 34

Мы будем получать Инструмент текста снова, чтобы ваш цвет переднего плана # ee0055 и введите текст. Hit Command + T и масштаб текста, чтобы поместиться на вилку. Перейти в Edit> Transform> Flip Vertical, чтобы зеркало текста. Hit Command + T и установить горизонтальные косых до 30 градусов и применять. Переименуйте слой с текстом, как "Текст".

Примените Gradient Overlay для "Text" слоя, используя следующие параметры: Blend Mode установлен экран, непрозрачность на 50%, градиент установлен на серебро, с Стиль линейных, Угол установлен в 30 градусов, а шкала установлена на уровне 75%.

Мы будем также использовать при создании теней со следующими параметрами: Blend Mode многозарядных, непрозрачности установлена на уровне 60%, Угол установлен в 90 градусов, а расстояние и размер установлен в 2 пикселей.

Убедитесь, что один из видимых слоев выбран в палитре слоев, затем перейдите на Layer> Merge Visible. Название объединенного слоя "Отражение". Теперь вы должны иметь три слоя: "История", "USB финал," и "Отражение". Сейчас мы почти закончили.

Шаг 35

Теперь сделайте "Plug дно" группы видны. Откройте группу и удалить "Уайт-Топ" слоя. Перейти в "белый" слой и переместите его вверх, как показано ниже. Командная кнопка "Plug дыра" слоя, чтобы загрузить выделенную, перейдите к Select> Inverse. Жмем Delete Очистить за пределами ямы. Снимите, нажав Ctrl + D. К "Plug Хол Тень" слоя в палитре слоев. Hit Command + T и поверните слой на 180 градусов, и убедитесь, что она по-прежнему вписывается в яму.

Шаг 36

Сейчас мы поместить знак USB на вилке. Я обратил 1, и вы можете получить его здесь . Откройте "USBsign.png" файл и получить Move Tool и перетащите в свой логотип "USB Refleciton.psd".

Hit Command + T, чтобы ввести режим Free Transform поверните логотип -90 градусов, масштаб, чтобы поместиться на вилку, и применять. Перейти в Edit> Transform> Flip Vertical, чтобы отразить его. Hit Command + T снова и установить горизонтальные косых до 30 градусов. Поставьте его на вилку и установите прозрачность слоя до 60%.

Шаг 37

Закрыть "Plug Боттом" группы. Выберите "Plug Боттом", "Нижняя органа" и "Текст" в палитре слоев и перейдите на Layer> Merge Layers. Название объединенного слоя "USB Отражение". Убедитесь в том, что "USB" слой на вершине и все слои видимыми.

Шаг 38

Выберите как "USB" и "USB Отражение" слои в палитре слоев, нажмите Command + T, и Повернуть -30 градусов. Grab Move Tool, а затем перейти "USB Отражение" слоя вниз, как показано ниже. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 3 пикселей. Кроме того, установить прозрачность слоя на 20%.

Шаг 39

Копия "USB Отражение" слой и назовите его "Тень". Hit Command + U, чтобы вызвать Hue / Saturation диалога. Установить легкость -100, чтобы тень черной. Перейти в Filter> Blur> Gaussian Blur и примените с радиусом 40 пикселей. Установите непрозрачность слоя на 50% и двигаться "Тень" слой вверх, как показано на рисунке ниже.

Комментарии RSS TrackBack URI идентификатор