Adobe Photoshop, уроки, кисти фотошоп, плагины, стили, макросы, градиенты, текстуры, шрифты, иконки
Ваш логин   Пароль
Забыли пароль?

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

28 февраля 2008 | Пользователь NonSa

Начнем с создания нового документа (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 - Проектирование деловых форм


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

Перевод: NonSa

Источник: adobetutorialz.com


Отзывов: 9 | Просмотров: 2609

Похожие новости:


  • уроки фотошоп - Saint Valentine
  • Loading Interface
  • Проект интерфейса StarCraft - уроки фотошоп
  • Открытка - Веселое рождество
  • Обои «Новогодние или Рождественские шары».

  • каментыкомментарии


    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 2

    #1 Ответил Vilochka, 28 февраля 2008 16:36

    классный урок!пасибо!)

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #2 Ответил Egepsihora, 28 февраля 2008 17:04

    Мне понравился урок-он требует некоторой усидчивости)))) Особенно понравилась цветовая гамма-мои любимые цвета

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #3 Ответил xXALEKSANDRXx, 28 февраля 2008 22:01

    Ребят я не понял Convert Point Tool - это перо(добавить опроную точку)?Если да , то как вытянуть круг с помощью пера,если нет , то подскажите что я делаю не так)Спасибо заранее)

    ответить

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

    Аватар

    Группа: Главный редактор

    Публикаций: 178

    Комментариев: 366

    #4 Ответил NonSa, 28 февраля 2008 23:34

    xXALEKSANDRXx,
    Перо - да, но не Добавить опорную точку.
    Convert Point Tool (Преобразовать узел)..
    Нижняя строка, иконка - угол. В некоторых русификаторах так и прописано - Угол.

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 3

    #5 Ответил xXALEKSANDRXx, 2 марта 2008 23:13

    NonSa
    Спасибо большое)Буду знать.)

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 4

    #6 Ответил Meller, 3 марта 2008 02:00

    Спасибо, очень интересный урок:)

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 1

    #7 Ответил Nosferatos111, 9 марта 2008 18:04


    NonSaЯ так и не нашел у себя такой фукции(у Меня СS2)Обьясните где оно и есть ли оно уменя вообще?


    нашел

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 14

    #8 Ответил Ольга83, 14 марта 2008 17:20

    Нравится, попробую сделать)))

    ответить

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

    Аватар

    Группа: Посетители

    Публикаций: 0

    Комментариев: 14

    #9 Ответил Serafim, 3 апреля 2008 15:37

    Прикольно мне тоже понравилось пойду сделаю good2

    ответить

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


    добавитьДобавить комментарий:


    Добавить комментарий как «Гость» (вход на сайт / регистрация)


    Включите эту картинку для отображения кода безопасности
    обновить код

    Символы на картинке:

     

    О сайте: ↓

    Всё об известнейшем графическом редакторе Adobe Photoshop. На сайте можно найти много интересных обучающих уроков, достойную коллекцию учебников от известных отечественных и зарубежных мастеров, а так же скачать кисти, плагины, шрифты, макросы, иконки. Так же у нас Вы можете скачать последню версию Adobe Photoshop CS3 и узнать историю происхождения этого грандиозного графического редактора!

    Скачать Adobe Photoshop CS3

     

     

    Adobe Photoshop CS3

    Статистика ↓

    Голосование ↓

    Какой версией Photoshop вы пользуетесь?
    7.0
    CS
    CS2
    CS3
    другой
    не пользуюсь pardon

    Онлайн учебник ↓

    подробнее

    Реклама↓

    История Adobe Photoshop

    История создания Adobe Photoshop

    Подробнее