Проектирование деловых форм

Начнем с создания нового документа (File>New) 1024x768 px и 72 точки на дюйм.
Выберите инструмент Rectangle Tool (U) (Прямоугольник), чтобы разметить фон картинки, которую мы хотим сделать.
уроки photoshop - Проектирование деловых форм

Выставляем указанные параметры, щелкнув мышкой на слое (в палитре слоев), с которым мы работаем.
Fill 0% (заливка)
Blending Options>Gradient Overlay (Стиль слоя/Перекрытие градиентом)
уроки photoshop - Проектирование деловых форм

Gradient’s:
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Выбираем эту Custom Shape Tool (U) (Произвольную форму), создаем фигуру на слое, а затем с помощью инструмента Convert Point Tool (Преобразовать узел), меняем её форму:
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Теперь выставляем параметры слоя:Blending Options>Inner Shadow (Стиль слоя/ Внутренняя тень)
уроки photoshop - Проектирование деловых форм

Blending Options>Bevel and Emboss (/ Скос и рельеф)
уроки photoshop - Проектирование деловых форм

Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

параметры Gradient’s:
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Создайте копию сделанного слоя и выберите снова такой же инструмент, Convert Point Tool, чтобы сделать исправления формы на этой копии слоя и получить результат, как показано ниже:
уроки photoshop - Проектирование деловых форм

Параметры слоя:Blending Options>Gradient Overlay (/Перекрытие градиентом)
уроки photoshop - Проектирование деловых форм

Gradient’s параметры:
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Выберите инструмент Pen Tool (P) (Перо), чтобы начертить блик на форме, при необходимости правим контур инструментом Convert Point Tool.
уроки photoshop - Проектирование деловых форм

Параметры слоя:Fill 0% (заливка)
Blending Options>Stroke (/Кайма, обводка)
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Используя последние инструменты, чертим блик справа.
уроки photoshop - Проектирование деловых форм

Параметры слоя:Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Выберите предыдущие инструменты Pen Tool (P) и Convert Point Tool, и теперь начертим тень.
уроки photoshop - Проектирование деловых форм

Параметры слоя:Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

Gradient’s:
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

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

Параметры этого слоя:Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Комбинируем в группу (Combine in a group) все слои фигуры (удерживая Ctrl, выделяем все соответствующие слои (курсор на слой и щелчок левой клавишей) и потом, удерживая нажатой левую клавишу мыши, тянем вниз палитры слоев к иконке Create a new group (Создать новую группу)).
Потом делаем копию всех слоев, содержащихся в circle’s группе (удерживая Ctrl, опять выделяем все необходимые слои и тянем, удерживая левую клавишу мыши вниз палитры слоев к иконке Create a new layer (Создать новый слой)).
В копии Merge Down (Слить с нижним) все слои (удерживая Ctrl, разметить слои и нажать Ctrl+E). Используя Free Transform (Свободное трансформирование), создаем новый элемент, размещая его ниже:
уроки photoshop - Проектирование деловых форм

Сделайте копию группы, содержащей голубую форму. Используя снова Free Transform, выбираем Flip Vertical (Отразить по вертикали), чтобы полностью изменить копию, уменьшаем эту форму (удерживая SHIFT). Мы должны также применить различные параметры для слоев.
уроки photoshop - Проектирование деловых форм

Параметры для первого слоя:Blending Options>Inner Shadow (Стиль слоя/ Внутренняя тень)
уроки photoshop - Проектирование деловых форм

Blending Options>Bevel and Emboss
уроки photoshop - Проектирование деловых форм

Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

Параметры Gradient’s:
уроки photoshop - Проектирование деловых форм

Параметры для второго слоя:Blending Options>Gradient Overlay (/Перекрытие градиентом)
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Третий и четвертый слои нужно оставить без изменений. Параметры для пятого слоя:
Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Шестому слою не нужно никакое изменение. Сейчас, для нашего удобства, мы должны Combine in a group (Скомбинировать слои в группу) (удерживая Ctrl, выделяем все соответствующие слои (курсор на слой и щелчок левой клавишей) и потом, удерживая нажатой левую клавишу мыши, тянем вниз палитры слоев к иконке Create a new group (Создать новую группу)).
Применяя метод, описанный раньше, делаем копию слоев, содержащих зеленую форму. Merge Down (Сливаем Вниз) слои копий и используем Free Transform, чтобы внести изменения в размер копий и их размещение.
уроки photoshop - Проектирование деловых форм

Сделайте копию группы зеленой формы. Выберите снова Free Transform и выбираем Flip Horizontal (Отразить по горизонтали), уменьшаем размер (удерживая SHIFT) и применяем различные параметры для слоев:
уроки photoshop - Проектирование деловых форм

Для первого слоя:Blending Options>Inner Shadow
уроки photoshop - Проектирование деловых форм

Blending Options>Bevel and Emboss
уроки photoshop - Проектирование деловых форм

Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Параметры для второго слоя:Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Параметры для третьего слоя:Blending Options>Stroke (/Кайма, обводка)
уроки photoshop - Проектирование деловых форм

Четвертому слою не нужны изменения.
Параметры для пятого слоя:
Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Параметры шестого слоя:Fill 0%
Blending Options>Gradient Overlay
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Combine in a group (Комбинируем в группу все слои, содержащие фиолетовую фигуру.
Сейчас нам придется сделать такие же действия, какие мы делали прежде, создавая копии слоёв… и изменяя размер и расположение.
уроки photoshop - Проектирование деловых форм

Удерживая Ctrl, выделяем слои отражений фигур (это должен быть единый слой), а затем нажимаем Ctrl + E, чтобы слить в один слой. Выберите и применить фильтр:Filter>Blur>Gaussian Blur (Фильтры/ Размытие/ Размытие по Гауссу).
уроки photoshop - Проектирование деловых форм

уроки photoshop - Проектирование деловых форм

Нажимаем комбинацию клавиш Ctrl +U
уроки photoshop - Проектирование деловых форм

Проектирование деловых форм
    Источник artjunkies.net
Loading Interface - уроки фотошоп - креатив! Loading Interface - уроки фотошоп - креатив!
  Loading Interface - уроки фотошоп     Перевод:NonSa Источник:adobetutorialz.com

уроки фотошоп - Saint Valentine уроки фотошоп - Saint Valentine
Создаем открытку ко дню Святого Валентина с орнаментами и абстрактными образами. Перевод:NonSa Источник:adobetutorialz.com Пароль ...

Проект интерфейса StarCraft - уроки фотошоп Проект интерфейса StarCraft - уроки фотошоп
Проект интерфейса StarCraft - уроки фотошоп Урок о том, как создать обои в стиле игры StarCraft.

Открытка - Веселое рождество Открытка - Веселое рождество
Открытка - Веселое рождествоВ этом детализированном уроке покажу вам, как я сделал в Photoshop открытку «Веселое рождество». Перевод:NonSa Источник:adobetutorialz.c ...

Обои «Новогодние или Рождественские шары». Обои «Новогодние или Рождественские шары».
В этом уроке мы будем учиться создавать обои из красных рождественских шаров. Перевод:NonSa Источник:adobetutorialz.com