Урок по созданию сферы.

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер!

Учимся создавать вот такую вот сферу:

Начнём с создания документа, размером 340x274 пикселей. Создайте новый слой, и залейте его цветом #2b2831

После чего, возьмите инструмент Градиент, от белого к прозрачности, и протяните его с верху до середины нашего документа, чтобы выглядело вот так:

Нарисуйте в новом слое чёрный круг.

Дублируйте его нажав Ctrl + J, переместите его в них, чтобы его верх касался низа первого круга, и нажмите в палитре слоёв (F7) кнопку "добавить маску". После чего возьмите инструмент Градиент, от белого к чёрному, и в маске примените его от верха круга - к середине. После чего измените прозрачность этого слоя до 23%. Это будет отражение.

Теперь возьмите Кисть, выберите цвет # ff7e00, диаметер кисти установите 222 пикселя, а жёсткость должна быть равна нулю. Кликните один раз в центр круга.

После этого, измените диаметр кисти на 195 пикселей, выберите цвет # fffc00, и на этот раз, кликните чуть ниже чем в первый раз. Всё это должно быть в одном слое. Вот что должно получиться.

Оставаясь в этом же слое, выделите его (Ctrl+клик на слое), и нажмите кнопку Добавить Маску в палитре слоёв. Вот что должно получиться.

После чего, выделите этот слой ещё раз, создайте новый слой (над этим). Идите в меню Select – Modify – Contract by 2 px, и нажмите ок. Возьмите инструмент Градиент, от белого к прозрачному, и протяните его так, как показано на рисунке.

После чего нажмите Ctrl+T , and и немного ужмите его:

Теперь, выделите слой с отражением, создайте новый слой над ним, и с помощью Кисти цвета # fef900 и прозрачностью 17% - кликните в верхней части отражения. Вот и всё!

Copyright © http://megatutorials.blogspot.com

Стильная форма для ввода логина и пароля.

Урок Фотошопа

кликайте на картинки, чтобы увидеть их полный размер

В этом уроке вы научитесь создавать в Фотошопе стильный дизайн формы для ввода логина и пароля.

Начнём с создания прямоугольника со скруглёнными углами. Создайте его с помощью инструмента "Прямоугольник со скругленными углами" (Rounded Rectangle Shape tool) как показано ниже, и примените к нему следующий градиент:

Теперь, создайте два новых слоя, и в каждом из них создайте по одному прямоугольнику, с помощью инструмента Прямоугольник (Rectangle Shape tool) и примените к ним эффект обводки как показано ниже. Это будут поля для ввода.

Напишите слова Login и Passwordб использую следующие настройки шрифта:

Выделяем слой с нашим основным прямоугольником с закруглёнными углами нажатием по слою мышкой с зажатым Ctrl. C помощью "Прямоугольной области (Rectangular Marquee Tool)" и зажатым альтом(Alt) вычитаем из выделенной области верхнюю часть:

Создаём ноывй слой, закрашиваем выделение любым цветом, после чего применяем Наложение градиента как показано ниже

Снимаем выделение нажав (Ctrl + D) и создаём новый слой. Создаём круг с помощью Ellipse tool (ниже указаны настройки, цвет не имеет значения) и применяем к нему Наложение градиента как показано ниже.

Теперь, выделите наш круг, кликнув на его слой с зажатой клавишей Ctrl, идите в меню Select > Transform selection (Выделение > Трансформировать выделение) и трансформируйте его как на картинке:

Нажмите Enter, создайте новый слой и закрастье наше выделение с помощью инструмента Градиент как показано ниже

Нажмите Ctrl + D чтобы снять выделение.

Теперь, дублируйте наш круг, закрасьте его белым цветом и поместите этот слой под основной слой с кругом. После чего увеличьте его как показано ниже.

Вот как всё должно выгялдеть:

Следующим шагом будет выделение белого круга (Ctrl + клик на его слое) и с помощью Прямоугольной области (Rectangular marquee tool (M)) срежте нижнюю часть выделения. Выделенной должна остаться только верхняя половина.

Теперь, создайте этот градиент:

Создайте новый слой (сразу перед слоем с белым кругом), и закрасьте выделение только что созданным градиентом, чтобы получилось как на картинке ниже:

С помощью Custom Shape Tool, выберите стрелку как показано ниже, и нарисуйте её на нашей кнопке:

Примените следующий эффект чтобы стрелка немного засияла:

Вот и результат:

Copyright © http://megatutorials.blogspot.com