| Главная » Статьи » Веб-дизайн |
Меню для фэнтэзийной игры на iPhone в Фотошопе
Шаг 1 Зайдите на pxcalc.com. Следуйте инструкции. Это позволит вам увидеть реальный размера экрана iPhone на вашем компьютере. Создайте новый документ 480 px по ширине, 320 px по высоте и разрешением 164.83 pixels/inch. Автор рекомендует создать каркас для вашего проекта, как показано ниже. Для этого выберите Zoom Tool, кликните правой кнопкой мыши и выберите print size. Используя Rectangle Tool, разместите элементы (цвет форм белый), добавьте черную внутреннюю обводку толщиной 1 px. Также автор рекомендует набросать эскиз проекта на бумаге.  Шаг 3 Создайте слой "Background". Залейте его градиентом сверху вниз от #5e1114 к #140306.  Шаг 4 Далее Layer -> Layer Style, установите значения, указанные ниже  Шаг 5 Сбросьте цвета (нажмите D). Создайте слой "bg_clouds". Затем Filter > Render > Clouds. Измените режим наложения слоя на overlay. Выберите eraser tool (установите мягкую кисть с opacity 30-50%) и создайте следующее:  Шаг 6 Загрузите эту картинку и вставьте ее в ваш документ. Назовите слой "castle", растеризуйте его и разместите его по центру в верхней части сцены. Измените режим наложения слоя на multiply, установите opacity 60%. Используйте Eraser Tool, чтобы избавиться от грубых краев.  Шаг 7 Выберите Pen Tool и создайте контур в форме головы дракона. Продублируйте форму дважды, назовите слои "dragon_1", "dragon_2" и "dragon_3" (снизу вверх).  Выберите слой "dragon_1", далее Layer -> Layer Style. Примените следующие параметры:  Выберите слой "dragon_2", установите Fill 0%, далее Layer -> Layer Style.  Выберите слой "dragon_3", установите Fill 0%.  Шаг 9 Скачайте шрифт Scurlock (услуга платная). Выберите Type Tool, установите размер шрифта 60 pt и напечатайте текст "Dragon". Кликните на значке слоя правой кнопкой мыши и выберите Convert To Shape. Выберите Direct Selection Tool, активируйте маску и выделите все точки подчеркивания под буквой "О", нажмите delete. Выберите Path Selection Tool и кликните на букве "О". Далее edit > Free transform и сдвиньте нижнюю центральную точку вниз. Продублируйте слой дважды и назовите слои "dragontext_1", "dragontext_2" и "dragontext_3" (снизу вверх).  Шаг 10 Спрячьте слой "castle". Кликните правой кнопкой мыши на значке слоя "dragon_1" и выберите "copy layer style", перейдите на слой "dragontext_1", кликните правой кнопкой мыши и выберите Paste Layer Style. Повторите процесс для слоев "dragon_2" и "dragontext_2". Зайдите в Blending oprions, перейдите в Bevel and Emboss и установите opacity shadow mode 43%. Выберите слой "dragontext_3", установите Fill 0%. Далее Layer -> Layer Style. Повторите шаги 9 и 10 для текста "Storm" (называйте слои stormtext_#). Разместите текст, как показано ниже.  Шаг 11 Ctrl+клик на маске слоя "dragontext_2". Выделите слой "dragontext_2", кликните на значке Create New Fill Or Adjustment Layer и выберите Color Balance. Установите значения, указанные ниже. Снимите выделение. Повторите процесс для слоя "stormtext_2".  Шаг 12 Добавьте текст "Scroll of the Wicked". Для слов "Scroll" и "Wicked" установите размер шрифта 18.5 pt, для "of the" 14.5 pt. Для "of the" цвет текса #C9C9C9.  Шаг 13 Используя Pen Tool, нарисуйте форму, как на картинке ниже. Продублируйте этот слой. Назовите верхний слой "sidebar_base", нижний - "sidebar_perspective". Примените следующие стили к слою "sidebar_base":  Шаг 14 Сдвиньте слой "sidebar_perspective" на 6 px влево и растеризуйте слой. Выберите Burn Tool, установите параметры, указанные ниже, и рисуйте по краю слоя "sidebar_perspective". Используя Dodge Tool, закрасьте остальные области.  Шаг 15 Загрузите эти кисти. Создайте слой "sidebar_texture_1" над "sidebar_base". Ctrl+клик на значке слоя "sidebar_base". Не отпуская Ctrl, нажмите Shift и кликните на "sidebar_perspective". Возьмите Brush Tool и выберите вторую кисть из только что загруженного набора. Установите черный цвет foreground и кликните один раз внутри выделенной области. Снимите выделение, установите opacity слоя 50%.  Шаг 16 Установите цвет foreground #160A02, создайте слой "sidebar_texture_2". Повторите шаг 15, только в этот раз используйте четвертую кисть из набора. Эта кисть меньше, поэтому вам понадобятся два клика, чтобы покрыть внутреннюю поверхность. С выделенным слоем выберите Filter > Blur > Gaussian Blur. Установите радиус 1.5, нажмите ОК.  Шаг 17 Создайте слой "cracks". Выберите Brush Tool. Изменяя диаметр кисти от 2 до 5 px, hardness от 60 до 80% и установив opacity 55%, добавьте трещины. Примените следующие стили к слою.  Шаг 18 Создайте слой "edge_bumps" над "cracks". Выберите Pencil Tool диаметром 1 рх, установите черный цвет и рисуйте вдоль выделенной линии, показанной на рисунке ниже. Установите opacity слоя 76%, примените следующие стили:  Продолжение во второй части | |
| Просмотров: 571 | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
