Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.219.18.238
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
mp3player
Сообщение оставлено 31.10.2010 в 13:54:54 | Сообщение #1
MP3 ПЛЕЕР LYRA
Mp3 Player *

Это один из первых моих переводов, так что сильно не ругайтесь, если что-то не так!
Поехали!

---------------------------------------------------------------------------------

Создайте документ с черным фоном размером примерно 700х400. Возьмите инструмент rounded rectangle tool , радиус скругления углов поставьте на 20px. Создайте новый слой и нарисуйте на нем прямоугольник с округленными краями размером width: 417 x height: 268, цветом #F6F5F3
Теперь применим к слою с прямоугольником следующие параметры Layer Style

Inner Shadow
Mp3 Player *

Inner Glow:
Mp3 Player *

Color Overlay:
Mp3 Player *

Satin:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Нажимаем Select - > Load Select.
Ставим foreground color на #FFFFFF. Берем инструмент brush tool с мягкой кистью, создаем новый слой и на новом слое закрашиваем небольшой участок как на картинке ниже:
Mp3 Player *

Создайте новый слой и назовите его Button. На это слое с помощью eclipse tool нарисуйте круг размером width: 95 x height: 95, цветом #323943
Mp3 Player *

Снова создайте новый слой и нарисуйте круг размером width: 87 x height: 87, цветом #40454B
Добавьте к нему следующие параметра layer styles

Inner Shadow
Mp3 Player *

Inner Glow:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Опять создаем новый слой и рисуем круг размером (width: 27 x height: 27) цветом #40454B
Применяем параметры Layer Style

Inner Shadow
Mp3 Player *

Outer Glow:
Mp3 Player *

Inner Glow:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Берем pencil tool и рисуем стрелочки на новом слое. В layer styles ставим

Stroke
Mp3 Player *

Слою со стрелочкой ставим прозрачность на 60%.
Mp3 Player *

Дорисовываем со всех сторон:
Mp3 Player *

Создайте новый слой и назовите его Screen.

Выберите rounded rectangle tool с округлением углов 2px.
Рисуем
на этом слое прямоугольник с округленными краями размером (width: 259 x
height: 195), #7B7A80. Добавляем следующие параметры Layer Style

Inner Shadow
Mp3 Player *

Outer Glow:
Mp3 Player *

Gradient Overlay:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Создайте новый слой.
Выберите rounded rectangle tool с округлением углов 2px.
Рисуем
на этом слое прямоугольник с округленными краями размером (width: 235 x
height: 182), #2A242E Добавляем следующие параметры Layer Style

Stroke
Mp3 Player *

Результат:
Mp3 Player *

Создайте новый слой

Выберите rounded rectangle tool с округлением углов 20 px.
Рисуем
на этом слое прямоугольник с округленными краями размером (width: 96 x
height: 25), #000000 Добавляем следующие параметры Layer Style

Inner Shadow
Mp3 Player *

Inner Glow:
Mp3 Player *

Color Overlay:
Mp3 Player *

Gradient Overlay:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Добавляем текст Verdana, Regular, 14pt, Sharp and #FFFFF
Добавьте стрелочку с помощью шрифта Webdings или сами нарисуйте с помощью Pencil Tool.
Mp3 Player *

Для удобства создайте новы Set перенесите туда кнопку, а далее дублируйте ее столько сколько вам нужно.
Mp3 Player *
Mp3 Player *

Откройте любое понравившееся фото и добавте его в наш проект. Автор урока создал специальную картику.
Mp3 Player *

Получилось так:
Mp3 Player *

Рисуем отверстие от микрофона.

Создадим новый слой. С помощью round rectangle tool нарисуем прямоугольник размером (width: 11 x height: 12), цветом #121921. И применим следующие параметры слоя Layer Style.

Drop Shadow
Mp3 Player *

Inner Shadow:
Mp3 Player *

Outer Glow:
Mp3 Player *

Stroke:
Mp3 Player *

Результат:
Mp3 Player *

Создайте новы слой. На этом слое будет сетка динамика.
Создайте pattern как на картинке ниже. И примените его любым удобным для вас методом на нашем плеере.
Mp3 Player *

Добавьте к плееру логотип. Автор урока воспользовался этим:
Mp3 Player *

Итог урока. Результат автора:
Mp3 Player *


Автор: John
Перевод: insane-z

---------------------------------------------------
---------------------------------------------------
Мой результат:
Mp3 Player *

Мой исходник, кому лень делать урок wink.gif
Скачать: MP3 Player by insane-z
 

хочешь что бы я выполнил заказ ?
пиши мне в лс
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика