Создаем Мини Плеер

На этом уроке мы научимся создавать плеер для прослушивания музыки.

Финальное изображение
Как всегда, это изображение мы будем создавать:

Создаем Мини Плеер


Шаг 1
Откройте Фотошоп и нажмите Ctrl+N, чтобы создать новый документ. Введите всю информацию, которая показана на следующем изображении и нажмите ОК. Активируйте Сетку (Вид>Показать>Сетка (View>Show>Grid)) и Прикрепите к Сетке (Вид>Прикрепить>Сетка (View>Snap to>Grid)).
Вам нужна сетка в 1 пиксель. Пройдите в Редактирование>Настройки>Направляющие (Edit>Preferences>Guides), Сетка и Фрагменты (Grid&Slices) и сфокусируйтесь на секции сетки. Введите 1 в окошко Сетка каждые (Gridline Every) и 1 в окошко Подраздел (Subdivision). Также установите цвет сетки на #696969. После этого нажмите ОК. Не удручайтесь вида всей этой сетки. Она вам облегчит работу в будущем. Вам также следует открыть Панель информации (Info Panel) (Окно>Информация (Window>Info)) для просмотра в режиме реального времени ваших фигур.

Создаем Мини Плеер


Шаг 2
Возьмите инструмент Закругленный прямоугольник (Rounded Rectangle Tool), установите радиус на 5 пикселей и создайте векторную фигуру размером 492 на 40 пикселей. Перейдите в панель Слоев и щелкните два раза на новой фигуре, чтобы открыть окно Стили Слоя. Введите все настройки показанные на изображении и нажмите ОК.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 3
Возьмите инструмент Прямоугольник (Rectangle Tool) и создайте квадрат размером 10 пикселей. Выберите эту фигуру и переключитесь на инструмент Частичное выделение (Direct Selection tool). Выберите верхнюю левую точку и переместите ее на 5 пикселей вниз, затем возьмите нижнюю левую точку и переместите на 5 пикселей вверх. В завершении ваш прямоугольник должен превратиться в треугольник. Откройте Окно Стили Слоя для этой фигуры и введите настройки показанные ниже.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 4
Сделайте дубликат полученного треугольника в предыдущем шаге (Ctrl+J) и переместите эту копию на несколько пикселей вправо. Выделите эту копию вместе с оригиналом и поместите их как показано на первом изображении. Сделайте еще три новых копии вашего треугольника, поверните их на 180 градусов и поместите их как показано на втором изображении.

Создаем Мини Плеер


Шаг 5
Возьмите инструмент Скругленный Прямоугольник и убедитесь что радиус 5 пикселей. Установите основной цвет #4b738c, создайте новую фигуру размером 200 на 4 пикселя и поместите ее как показано на первом изображении. Откройте окно Стиль Слоя для этой новой фигуры и введите настройки показанные ниже.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 6
Возьмите инструмент Скругленный Прямоугольник, установите основной цвет на #a6ddff, создайте фигуру размером 135 на 2 пикселя и поместите ее, как показано на первом изображении. Откройте Стили Слоя для этой фигуры и введите настройки, показанные на следующем изображении.

Создаем Мини Плеер


Создаем Мини Плеер


Шаг 7
Возьмите Инструмент Эллипс (Ellipse Tool), создайте круг размером 12 пикселей и поместите его, как показано на первом изображении. Откройте Стили Слоя для этого изображения и введите настройки, показанные на следующем изображении.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 8
Возьмите инструмент Эллипс, установите основной цвет на #4b738c, создайте круг 4 пикселя и поместите его как показано на первом изображении. Откройте Стили Слоя для этого изображения и введите настройки, показанные на следующем изображении.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 9
Возьмите инструмент Горизонтальный текст (Type Tool) и добавьте белый текст, как показано на следующем изображении. Воспользуйтесь шрифтом Calibri и размером в 11 пунктов. Откройте Стили Слоя для этого изображения и введите настройки, показанные на следующем изображении.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 10
Возьмите инструмент Прямоугольник и создайте фигуру размером 7 на 10 пикселей. Выделите ее и переключитесь на инструмент Частичное выделение. Выберите эту фигуру и переключитесь на инструмент Частичное выделение (Direct Selection tool). Выберите верхнюю левую точку и переместите ее на 5 пикселей вниз, затем возьмите нижнюю левую точку и переместите на 5 пикселей вверх. В завершении ваш прямоугольник должен превратиться в треугольник. Выделите его и возьмите инструмент Прямоугольник. Проверьте, нажата ли кнопка “Добавить к области фигуры” (Add to Shape Area) в верней полосе и создайте квадрат размером в 4 пикселя, как показано на третьем изображении.

Создаем Мини Плеер


Шаг 11
Возьмите инструмент Эллипс, создайте круг размером в 10 пикселей и выделите его. Продолжайте работать инструментом Эллипс, проверьте, нажата ли кнопка “Извлечь из области фигуры” (Subtract from Shape Area) в верхней полосе меню опций и создайте круг размером в 8 пикселей, как показано на втором изображении.
Теперь ваша фигура должна выглядеть, как показано на втором изображении. Выделите его и переключитесь на инструмент Прямоугольник. Убедитесь, что все еще нажата ли кнопка “Извлечь из области фигуры” (Subtract from Shape Area) и создайте прямоугольник размером 5 на 10 пикселей, как показано на третьем изображении.

Создаем Мини Плеер


Шаг 12
Возьмите инструмент Эллипс, создайте круг размером в 4 пикселя и выделите его. Продолжайте работать инструментом Эллипс, проверьте, нажата ли кнопка “Извлечь из области фигуры” (Subtract from Shape Area) в верхней полосе меню опций и создайте круг размером в 2 пикселя, как показано на втором изображении.
Теперь ваша фигура должна выглядеть, как показано на втором изображении. Выделите его и переключитесь на инструмент Прямоугольник. Убедитесь, что все еще нажата ли кнопка “Извлечь из области фигуры” (Subtract from Shape Area) и создайте прямоугольник размером 3 на 6 пикселей, как показано на третьем изображении.

Создаем Мини Плеер


Шаг 13
Выделите фигуры, созданные на последних трех шагах, и разместите их как показано на следующем изображении. Откройте Стили слоя для этих фигур и введите настройки показанные ниже.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 14
Возьмите инструмент Скругленный Прямоугольник и убедитесь, что радиус установлен на 5 пикселей. Установите основной цвет на #4b738c, создайте фигуру размерами 50 на 4 пикселя и поместите ее как показано на первом изображении. Откройте Стили слоя для этих фигур и введите настройки показанные ниже.

Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Создаем Мини Плеер


Шаг 15
Возьмите инструмент Скругленный Прямоугольник. Установите основной цвет на #a6ddff, создайте фигуру размерами 29 на 2 пикселя и поместите ее как показано на первом изображении. Откройте Стили слоя для этих фигур и введите настройки показанные ниже.

Создаем Мини Плеер


Шаг 16
В окончание, возьмите инструмент Прямоугольник и установите основной цвет как черный. Создайте три фигуры размером 1 на 10 пикселей и разместите их, как показано ниже. Откройте Стили слоя для этих фигур и введите настройки показанные ниже.

Создаем Мини Плеер


Финальное изображение
Ваш результат должен выглядеть также как и изображение ниже:

Создаем Мини Плеер


Ретушируем фото

Вас может также заинтересовать:

13 ноября 2018

Телеобъектив, который имеет стабилизатор изображения. Вы можете делать фотосъемку прямо «из рук». Для подавления оптических искажений в виде хроматических аберраций, которые являются практически классическим явлением в телеобъективах, конструкторами компании в модель объектива Canon EF 300 mm f/2.8 L IS USM помещены флюоритовая линза, а также две линзы из низкодисперсионного стекла. Для увеличения маневренности и возможности сделать объектив более компактным, большинство составляющих внешнего корпуса телефотообъектива изготовлены из магниевого сплава.

13 ноября 2018

13 ноября 2018

Объектив Canon EF-S 18-55mm f/3.5-5.6 IS имеет четыре ступени стабилизации изображения, и это при том, что его эквивалентное фокусное расстояние входит в диапазон от двадцати девяти до восьмидесяти восьми миллиметров, чем достигаются максимальные результаты даже при недостаточном освещении. В основе объектива – профессиональная оптика, которая гарантирует получение изумительно четких снимков. Стоит отметить и тот факт, что объектив Canon EF-S 18-55mm f/3.5-5.6 IS оборудован асферическими элементами для предотвращения оптических искажений.