С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Создание красивой формы входа в Фотошопе

Создание красивой формы входа в Фотошопе

В этом небольшом, но крайне полезном уроке вы узнаете, как можно легко и просто создать форму входа для веб-сайта в Photoshop!  Мы будем работать со слоями, текстом и стилями слоя. Этот урок очень прост для повторения, и поэтому я предлагаю всем попробовать сделать свою форму входа.

 

Окончательный результат

 

Создание красивой формы входа в Фотошопе

 

Шаг 1 

 

Создайте новый документ. Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)) и сделайте форму ввода данных с радиусом в 10 пикселей, как на изображении ниже.

 

Создание красивой формы входа в Фотошопе

 

Шаг 2

 

Откройте стили слоя и выберите стиль Внутренняя тень (Inner Shadow) и установите значения, как показано на изображении ниже.


 

Создание красивой формы входа в Фотошопе

 

Шаг 3

 

Теперь выберите слой и скопируйте его (Ctrl + C),  затем вставьте копию (Ctrl + V) чуть ниже первого, как показано на изображении ниже.

 

Создание красивой формы входа в Фотошопе

 

Шаг 4

 

Далее выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)) и сделайте форму кнопки с радиусом в 10 пикселей и залейте её цветом # 526890, как показано на изображении ниже.

 

Создание красивой формы входа в Фотошопе

 

Шаг 5  

 

Ещё раз воспользуйтесь инструментом Прямоугольник со скруглёнными углами (Rounded Rectangle Tool (U)) и сделайте форму чек-бокса для установки галочки.

 


Создание красивой формы входа в Фотошопе

 

Шаг 6  

 

Далее выберите инструмент Произвольная фигура (Custom Shape (U)), на панели управления выбранным инструментом выберете форму галочки и поместите её в ранее созданный чек-бокс.

 

Создание красивой формы входа в Фотошопе

 

Шаг 7

 

Теперь выберите инструмент Горизонтальный текст (Text Type Tool (T)), установите нужный шрифт и сделайте надпись, как показано на изображении ниже.

 

Создание красивой формы входа в Фотошопе

 

Шаг 8

 

Ещё раз воспользуйтесь инструментом  Горизонтальный текст (Text Type Tool (T)) и создайте остальные надписи внутри формы, на кнопке входа и возле чек-бокса, как показано на изображении ниже.

 

Создание красивой формы входа в Фотошопе

 

Вот и всё! Я надеюсь, вам понравился этот урок, и надеюсь, что эти методы вдохновили Вас на некоторые новые мысли и идеи для вашего следующего проекта.



Автор урока: Shazy


Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 30.06.2012
  •   Просмотров: 3687
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки