среда

ЖК телик в Фотошопе. Просто!

final-small

Кароче, сегодня мы создадим ЖК-телевизор с нуля, используя простые формы и стили слоя. Мы также научиться создавать бесшовные шаблон для создания динамики, а также как создать хороший индикатор, ну там для пульта и интерфейса... Итак, начнем!

Эта статья является переводом, так что если где какие косяки, извиняйте.. :)

 

Шаг 1: Создание экрана

Начните с создания нового файла, размером 2600 × 1700 пикселей. В Photoshop, проще начать с большого размера, чтобы помочь нам сосредоточиться на деталях. Использование прямоугольник с закругленными углами с радиусом 5 пикселей, создавать формы и использовать следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 2

Создайте прямоугольник с закругленными углами меньше в предыдущие формы для создания на экране. Добавить следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 3

Использование округлые инструмент прямоугольник, создайте новую форму за ширмы. Нажмите пером инструмент для добавления новых узловых точек, как указано ниже. Выберите новую точку прямой выбор инструментов и переместите ее вниз. Добавить стили слоя как показано ниже.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 4: Подготовка базы

Создайте еще один прямоугольник с закругленными углами. На этот раз под телевизор. Добавить точку в середине нижней части и перенести ее вниз. Выбор точки в правом верхнем углу, нажмите Ctrl + T и переместите их ближе. Наконец, движение точки как указано ниже. Добавить стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 5

Нарисуйте прямоугольник с закругленными углами подключения базы, и на экране.  Ctrl + T, правой кнопкой мыши и выбрать в перспективе. Измените его размер, см. рисунок ниже для справки.Дважды щелкните слоя, чтобы открыть Стиль слоя вариантов. Включить маску слоя скрывает эффекты и добавить следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 6

Добавить маску слоя. Краска нижней части формы с черным, пока не вписывается в базу.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 7: Создайте Размышления

Теперь мы можем приступить к созданию отражения. Создайте форму, как показано ниже. Добавить следующие стили слоя. Использование черно-белым градиентом с режимом смешивания установлен экран. Изменение слоя режим наложения на экран, чтобы удалить черные и оставить только легкие пикселей.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 8

Нарисуйте еще одну фигуру как показано ниже. Добавить Gradient Overlay с режимом смешивания установлен экран. Изменение смешивания слоя режиме на экран.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 9

Создать еще одну фигуру для размышлений. Добавить следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 10

Повторите предыдущий шаг для создания другого отражения на другой стороне. Добавить следующие стили слоя, но на этот раз используйте обратную сторону угла.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 11

Создайте форму, как показано ниже. Добавить следующие стили слоя. Изменение режима наложения на экран.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 12

Повторяющиеся отражения и положите на другую сторону.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 13

Создание формы в базу. Это та часть, которая касается пола. Добавить следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 14: Добавить тень

Давайте добавим тень на полу. Создайте новый слой под телевизор, создайте прямоугольное выделение. Добавить Gaussian Blur, чтобы смягчить его и изменить его прозрачность до 5%.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 15: Добавить текстур

Этот телевизор слишком чистой, и это выглядит нереальным. Мы должны добавить некоторые текстуры. Держите Cmd / Ctrl + Shift нажмите кнопку телевизора и базовый слой для создания отбор, основанный на его форму. Создайте новый слой поверх всех остальных слоев и заполните его черным цветом. Выберите Filter> Noise> Add Noise. Изменение слоя режим смешивания на Экран.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 16: Добавить Выступающие

Чтобы создать ораторы, мы должны создать свою первую модель. Создать новый файл размером 50 х 50 пикселей. Активировать инструмент эллипса. С опцией бар установлен Фиксированный размер 20 х 20 пикселей. Этот параметр будет автоматически создавать 20 × 20 пикселей формы круга.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 17

Hit Cmd / Ctrl + R, чтобы активировать "Линейка". Перетащите правителя к центру изображения для создания вертикальных и горизонтальных руководства в центре города. Нарисуйте круг в центре.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 18

Нарисуйте еще один круг и поместить его в середине каждого угла.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 19

Нажмите кнопку Edit> Define Pattern, чтобы сохранить его как шаблон.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 20

Создать новый файл размером 3000 x 3000 пикселей. Открытые каналы панели и создания нового канала.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 21

Нажмите кнопку Edit> Fill. Использование шаблона мы создали ранее.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 22

Cmd / Ctrl-кнопку канала, чтобы загрузить его как выделение. Создайте новый слой, заполните его черным цветом. Выделить все и скопировать (Cmd / Ctrl + C).

создать сложный узор с помощью смарт-объекта и толкал


Шаг 23

Вернуться к телевизору файл. Создайте прямоугольное выделение в правой части экрана.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 24

Выберите Правка> Вставить жениться. Картины будут автоматически размещены внутри выделенной области. Hit Cmd / Ctrl + T и изменить ее размер. Добавить следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 25

Создайте прямоугольник с закругленными углами покрытие динамиков. Изменение ее заполнения до 0% и добавьте эти стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 26

Повторяющиеся оратор и положите на другую сторону.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 27: Добавить марка

Добавить марка телевизора и примените следующие стили слоя, чтобы придать ему металлический вид.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 28: Создайте лампочка

Создать небольшой округлой формы прямоугольника. Убедитесь, что его непрозрачность установлена в 100% при его Введите значение 0%. Примените следующие стили слоя.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 29

Копия формы и изменить ее размер, как показано на рисунке.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 30

Создайте еще один прямоугольник с закругленными углами. Используйте те же стили слоя.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 31

Активировать строки. С опцией-бар, набор Стрелки до конца. Использование предыдущего слоя стили и добавить Color Overlay.

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 32

Создать плюс и минус использованием прямоугольник инструментом индикатор громкости.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 33

Надо добавить, вверх и вниз, индикатор канала. Нарисуйте форму прямоугольника. Нажмите ее средней пером инструмент для добавления новых узловых точек. Выделение и перемещение их вверх. Использование предыдущих стилей слоя Outer Glow, Color Overlay и Stroke. Чтобы создать вниз показатель нужно просто дублировать формы и переверните ее в вертикальном положении.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 34

Чтобы создать индикатор питания мы должны объединить несколько форм. Начните с создания формы круга. Повторяющиеся путь круга и изменить ее размер, от варианта бар выбрать Вычесть.Создание прямоугольной путь и выбрать Add.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 35: Создаем фоновый слой

Включить фоновый слой. Создайте градиент от светло-серого до темного серого цвета.

создать сложный узор с помощью смарт-объекта и толкал


Шаг 36

Создайте копию слоя и изменить ее размер. Это будет типа стол

создать сложный узор с помощью смарт-объекта и толкал

создать сложный узор с помощью смарт-объекта и толкал


Шаг 37

Нам все еще нужно различать пол от его фона. Нажмите кнопку Lock Прозрачность иконку в панели слоев. Краска верхней части пола. Во-первых, нажмите на один бок, то Shift щелкните на другой стороне нарисовать прямую линию.

создать сложный узор с помощью смарт-объекта и толкал


Конечное изображения

Вот и все! Мы сделали. Вы можете просмотреть полученное изображение ниже.

final-small

Вот и все, за 10 минут можно нарисовать, в уроке очень много хороших моментов по отрисовке элементов, в будущем это очень поможет!

буду весьма благодарен за ваши ретвиты!

blog comments powered by Disqus