Предыдущее посещение: менее минуты назад Текущее время: 19 лист 2017, 19:56

Часовой пояс: UTC + 2 часа


Правила форума


Хотите чтобы все ваши фотографии были идеальными и красивыми? Предлагаем вам посмотреть Уроки фотошоп совершенно бесплатно и вас это очень заинтересует. Заходите на наш сайт , читайте информацию более детально и вы не пожалеете. У вас всё получится. Мы вас ждём!



 [ 1 повідомлення ] 
Автор Сообщение
 Заголовок сообщения: урок фотошоп: Меню для фэнтэзийной игры на iPhone 1357
Сообщение

Меню для фэнтэзийной игры на iPhone

How to Make a Menu Interface for a Fantasy Themed iPhone Game

Скрытый текст. Необходимо зарегистрироваться.


Шаг 1
Зайдите на pxcalc.com. Следуйте инструкции. Это позволит вам увидеть реальный размера экрана iPhone на вашем компьютере.
Создайте новый документ 480 px по ширине, 320 px по высоте и разрешением 164.83 pixels/inch.

Шаг 2
Автор рекомендует создать каркас для вашего проекта, как показано ниже. Для этого выберите 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%, примените следующие стили:

Скрытый текст. Необходимо зарегистрироваться.


Шаг 19
Создайте слой "sidebar_perspective" над "edge_bumps". Выберите любую стандартную кисть из набора spatter brushes, установите opacity 55% и добавляйте мазки вниз по краю. Копируйте стиль со слоя "edge_bumps" и вставьте на этот слой. Установите opacity слоев 55%.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 20
Создайте форму, как на рисунке ниже (цвет #463118). Назовите слой "saved_games_base" и примените стили:

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 21
Используя Pen Tool, постарайтесь скопировать форму, которую вы видите ниже, разместите ее под "saved_games_base". Важные края обозначены красным. Назовите слой "saved_games_perspective". Цвет этой формы #14100D. Примените drop shadow.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 22
Загрузите первую текстуру из набора текстур. Вставьте ее в ваш документ, подгоните размеры/поверните. Расположите ее над "saved_games_base" и назовите "wood_texture_1". Ctrl+клик на слое "saved_games_base", Ctrl+Shift+клик на "saved_games_perspective", выберите слой "wood_texture_1 и добавьте маску к слою. Измените режим наложения слоя на Soft Light.
Продублируйте слой, назовите его "wood_texture_2", измените режим наложения на overlay, установите opacity 15%.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 23
Повторите шаги 20-22 для кнопок. Немного измените градиент, используйте reflected вместо radial. Объедините слои с кнопками в группу.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 24
Выберите самый верхний слой, кликните Create New Fill Or Adjustment Layer, выберите levels, установите значение для центрального слайдера 1.39.
Ctrl+клик на слое "stormtext_1", Ctrl+Shift+клик на слоях "dragontext_1" и "dragon_1", перейдите на слой levels и Edit > Fill, чтобы заполнить выделение черным.
Добавьте корректирующий слой brightness/contrast , Ctrl+клик на слое "stormtext_1", Ctrl+Shift+клик на слое "dragontext_1", далее Edit > Fill. Установите Brightness 25 и Contrast 35.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 25
Используя Rectangle Tool, над слоем "wood_texture_2" создайте форму, как на картинке ниже. Назовите слой "inset_rim", продублируйте слой и назовите копию "inset_base".
Для слоя "inset_rim" (Fill 0%):

Скрытый текст. Необходимо зарегистрироваться.


Для слоя inset_base" (Fill 0%):

Скрытый текст. Необходимо зарегистрироваться.


Продублируйте слои "inset_rim" и "inset_base" дважды, разместите их, как показано на картинке ниже.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 26
Загрузите этот шрифт. Установите цвет текста #ECDECB, наберите текст, как на картинке. Примените стили.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 27
Установите цвет foreground #636363 и создайте новый слой под кнопками. Используя brush tool с hardness 85% диаметром 1 рх нарисуйте О форму, как на картинке ниже. Продублируйте его и расположите копии, как показано ниже.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 28
Повторите предыдущий шаг для всех областей, где есть цепи и примените стили. Объединяйте слои в группы.

Скрытый текст. Необходимо зарегистрироваться.


Это сообщение отредактировал ash - 5 Июля 2009, 12:19



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

Я не могу быть второй . . . и даже первой . . . Я могу быть только единственной .
[offtopic]Если в моих переводах не работают ссылки на исходники, пишите, перезалью.


ключевые слова: игрына айфон



Шаг 29
Сделайте видимым слой "castle". С помощью Pen Tool создайте еще одну форму черного цвета внутри saved games. Сделайте ее квадратной, но обрежьте края. Назовите слой "tablet", примените стили:

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 30
Используй тот же шрифт, добавьте текст, как показано ниже, примените стили. Когда закончите, продублируйте tablet целиком и разместите ее во втором окошке, как показано ниже.

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 31
Установите цвет foreground #2E343A, используя Pen Tool, создайте маленькую алмазную форму (10х10 рх). Назовите слой "rivet_inset", продублируйте его дважды. Назовите средний слой "rivet_base", верхний - "rivet_style". Добавьте последовательно стили, начав со слоя "rivet_inset".

Скрытый текст. Необходимо зарегистрироваться.


Для "rivet_base":

Скрытый текст. Необходимо зарегистрироваться.


Для "rivet_style":

Скрытый текст. Необходимо зарегистрироваться.


Теперь продублируйте все слои rivet трижды и разместите их по углам блока saved games.

Скрытый текст. Необходимо зарегистрироваться.


Шаг 32
Создайте четыре маленькие окружности (4х4 рх) в основании блока saved games, используя ellipse tool цвета #CCB55A. Для первых трех примените стили:

Скрытый текст. Необходимо зарегистрироваться.


Измените цвет четвертой окружности на #FFA200. Примените стили:

Скрытый текст. Необходимо зарегистрироваться.


Шаг 33
1) Используй Pen Tool создайте форму, напоминающую лист. Лучше всего это делать в отдельном документе.
2) Растеризуйте форму и выберите Burn Tool.
3) Изменяя параметры кисти (диаметр и exposure), попытайтесь повторить результат автора (рисунок 2).
4) Используя все тот же Burn Tool, нарисуйте линию вниз по центру (рисунок 3).
5) Выберите Eraser Tool (установите твердую кисть), откорректируйте форму листа (рисунок 4).
6) Добавьте детали с помощью dodge и burn (рисунок 4).
7) Далее Filter > Noise > Add Noise: Amount 1%, Gaussian и Monochromatic (рисунок 5).
8) Подгоните размеры листа и создайте новый слой над ним. Мягкой черное кистью диаметром 1 рх, нарисуйте прожилки. Установите opacity слоя 20% (рисунок 6).
9) Установите белый цвет foreground, opacity кисти 70% и добавьте области света вокруг прожилок (рисунок 7).
10) Примените Drop shadow и слейте лист в один слой (рисунок 7).
Также вы можете добавить unsharp mask к листу (Amount 50%, Radius 0.5 px и threshold 0 ).

Скрытый текст. Необходимо зарегистрироваться.


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

Скрытый текст. Необходимо зарегистрироваться.



Автор: Chris Karling
Перевод: Trinity_

Это сообщение отредактировал ash - 5 Июля 2009, 12:20



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

Я не могу быть второй . . . и даже первой . . . Я могу быть только единственной .
[offtopic]Если в моих переводах не работают ссылки на исходники, пишите, перезалью.


Вернуться к началу
  
 
 [ 1 повідомлення ] 
   Похожие темы   Автор   Ответы   Просмотры   Последнее сообщение 
Нет непрочитанных сообщений Урок фотошоп Создание меню для группы Вконтакте 3204

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

22

11 вер 2012, 16:41

foreground Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Создание заставки для кофейного меню 2021

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

68

20 вер 2012, 11:21

layerStyle Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Раздвижное меню для сайта 647

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

29

19 вер 2012, 11:04

Simplsity Перейти к последнему сообщению

Нет непрочитанных сообщений урок фотошоп: Футуристическое меню для сайта 234

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

21

17 вер 2012, 23:03

magma Перейти к последнему сообщению

Нет непрочитанных сообщений Урок фотошоп Стильное меню Для Сайта 4110

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

11

11 вер 2012, 21:30

fprJRE Перейти к последнему сообщению


Часовой пояс: UTC + 2 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: *bot, aretmigo, crawl, demon, Elin, megatester, Photoshop Garden, Ray12, spider, stanislas88, Web Designer Wall, Ульяна, Ванильная и гости: 7


Вы можете начинать темы
Вы можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: