Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

3D MP3 плеер

Alex | 11.03.2014 | нет комментариев

В этом уроке мы научимся создавать 3D MP3 плеер.

Создайте новый документ размером 600×440 с любым фоном, выберите «rounded rectangle tool» с радиусом 20px. Нарисуйте ваш mp3 плеер и залейте его черным цветом. Перейдите в edit > transform > distort или edit > transform > perspective или используйте обе команды и трансформируйте фигуру как на рисунке.

Назовите слой «top», дублируйте этот слой и разместите дубликат ниже слоя «top». Назовите дубликат «middle shine» и переместите его вниз с помощью однократного нажатия кнопки вниз на клавиатуре. (Я раскрасил его в желтый цвет, чтобы было наглядно, все равно мы добавим эффекты стиля позже)

Пока выбран слой «middle shine» зажмите клавишу alt на клавиатуре и нажмите кнопку вниз 15 раз, каждый раз нажимая вниз, вы создаете новый слой и размещайте его ниже предыдущего. Склейте все 15 дублированных слоев в один и назовите его «middle». (На рисунке показан зеленным цветом)

Проделайте тоже самое но только 12 раз и назовите слой «bottom» (на рисунке показан серым цветом)

У вас должно получиться что-то вроде этого. Конечно, смена цвета помогает увидеть, где что находится.

Итак, у нас есть 4 слоя: top, middle shine, middle и bottom. Начнем со слоя bottom добавлять стили слоя. Добавьте эти стили слоя для «bottom».

Добавьте эти стили слоя для «middle».

Добавьте эти стили слоя для «middle shine».

И, наконец, добавьте эти стили слоя для «top».

У вас получиться следующее.

На отдельном слое, названном «display LCD» создайте LCD экран.

Убедитесь, что активен первый слой, ctrl + клик по слоя, чтобы загрузить выделение, затем нажмите Ctrl+c, чтобы скопировать lcd. Создайте новый слой над слоем «top», оставьте этот бланк пока, зайдите в filter > vanishing point. Когда vanishing point загрузится, первое что надо сделать, это создать сетку, выберите plain tool или нажмите «c»чтобы создать 4 точки, как показано на рисунке.

Нажмите ctrl + V, чтобы вставить lcd экран в вашу vanishing point, поместите lcd экран в сетку, которую мы только что создали. Вы можете немного изменять с помощью transform tool (T). Когда вас все будет устраивать нажмите enter. У вас получится следующее.

Края LCD экрана немного зубчатые, поэтому обрежьте их используя cutting tool, отрежьте только 1 пиксель. У вас получится следующее.

Теперь добавьте эти стили слоя.

У вас получится следующее.

Создайте логотип для вашего mp3 плеера, создайте его тем же способом, что и LCD экран, идите в vanishing point, ваша сетка должна еще активна.

Создайте выделение подобно этому.

Залейте его белым цветом и измените opacity до 20%.

Также добавьте линию, созданную pen tool, используйте черный цвет.

Выберите rectangle tool и создайте желтый прямоугольник для создания кнопки, скопируйте его, затем идите в vanishing point и установите новую сетку.

Вставьте вашу кнопку таким же образом что и LCD экран. Нажмите enter, когда все будет готово, добавьте эти стили слоя для кнопки.

У вас получится конечный результат как этот.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB