В данном уроке вы узнаете, как создать простую бумажную квитанцию в Фотошоп.
Окончательное изображение
Как всегда, это окончательный результат, к которому мы будем стремиться.
Используемые материалы:
- Текстура бумаги
- Шрифт Corbel
- Шрифт Ignis et Glacies
- Шрифт Calibri
Шаг 1
Откройте Фотошоп и нажмите Ctrl + N, чтобы создать новый документ. Введите параметры, показанные на рисунке ниже, и нажмите кнопку OK.
Включите сетку View> Show> Grid (Просмотр>Показать>Сетку) и привязку к сетке View> Snap To Grid (Просмотр>Привязка). Для начала вам понадобится сетка через каждые 5px. Идите в Edit > Preferences > Guides, Grid & Slices (Редактирование > Установки > Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе «сетка». В этом окне введите “5″ в пункте «линия через каждые».
Кроме того, установите цвет сетки #a7a7a7. После того, как вы установите все параметры, нажмите кнопку ОК. Не расстраивайтесь, это всего лишь сетка. Это облегчит вам выполнение данного урока. Вы также должны открыть Панель информации Window> Info (Окно>Инфо) для предварительного просмотра размера и положение вашей фигуры.
Шаг 2
Установите цвет переднего плана #73c5ff, выберите инструмент Rectangle Tool
(Прямоугольник) и создайте векторную фигуру размером 200 на 300. Привязка к сетке должна облегчить вам работу.
Шаг 3
Выделите векторную форму, сделанную в предыдущем шаге, и сосредоточьтесь на правом нижнем углу. Выберите Ellipse Tool
(Эллипс), проверьте активность кнопки Add (объединить фигуры) в верхней панели и нарисуйте круг размером 4px, как показано на первом изображении.
Переключитесь на инструмент Direct Selection Tool
(Стрелка) и выделите четыре опорные точки, которые составляют этот маленький круг. Удерживая кнопки Shift и Altвнутри круга, перетащите новый круг на 6px влево. Этот шаг позволит вам добавить копию круга, как показано на третьем изображении.
Повторяйте эту технику, пока у вас не будет шесть идеально ровных кругов, как показано на четвертом изображении.
Шаг 4
Убедитесь, что ваша синяя векторная форма активна и сосредоточьтесь на нижнем левом углу.
Выберите Ellipse Tool
(Эллипс), Subtract (Вычесть переднюю фигуру) на верхней панели и нарисуйте круг размером 4px, как показано на первом изображении. Переключитесь на инструмент Direct Selection Tool
(Стрелка), выделите четыре опорные точки, которые составляют этот маленький кружок, и перетащите копию на 6px в правую сторону.
Повторяйте эту технику, пока у вас не будет 27 идеально ровных кругов, как показано в четвертом изображении. Вы можете также скопировать два или более кругов за один раз. Просто убедитесь, что вы выделили все опорные точки, которые составляют круги, и что разрыв между каждой фигурой составляет 2px.
Шаг 5
Убедитесь, что ваша синяя векторная форма активна и сосредоточьтесь на верхнем левом углу.
Выберите Ellipse Tool
(Эллипс), проверьте активность кнопки Add (объединить фигуры) в верхней панели и добавьте пять кругов, размером 4px, как показано на первом изображении.
Продолжайте работать с помощью инструмента Ellipse Tool
(Эллипса), проверьте активность кнопки Subtract (Вычесть переднюю фигуру) на верхней панели и нарисуйте 28 кругов, размером 4px, как показано на втором изображении. В конце концов, ваша синяя векторная форма должна выглядеть, как на третьем изображении.
Шаг 6
Далее, необходимо создать простую текстуру. Откройте текстуру с бумагой в Фотошоп. Перейдите в Image> Adjustments> Desaturate (Изображение > Коррекция > Обесцветить), затем перейдите в Edit> Define Pattern (Редактирование > Определить текстуру). Введите “paper” в поле с именем и нажмите кнопку ОК. Закройте этот файл и вернитесь к основному.
Шаг 7
Откройте панель слоёв и сосредоточьтесь на вашей синей векторной форме. Поменяйте цвет на #fafafa, затем дважды нажмите на эту фигуру, чтобы открыть окно Стилей слоя. Введите параметры, показанные на изображениях ниже, и нажмите кнопку ОК.
Желтые номера из пункта Gradient Overlay (Наложение градиента) отвечают за процент прозрачности, в то время как белые цифры обозначают режим смешивания. Для Pattern Overlay (Наложение текстуры) вам понадобится текстура бумаги, созданная в предыдущем шаге. Просто откройте окно выбора и найдите её там.
Шаг 8
На этом этапе вам понадобится сетка через каждые 1px. Перейдите в Edit > Preferences > Guides, Grid & Slices (Редактирование>Установки>Направляющие, сетка и фрагменты) и сосредоточьтесь на разделе “сетка”. В этом окне введите “1″ в пункте «линия через каждые». Установите цвет переднего плана черный.
Выберите Rounded Rectangle Tool
(Прямоугольник со скруглёнными углами), сосредоточьтесь на верхней панели и установите радиус 2px. Создайте векторную фигуру размером 5 на 3px и снизьте её непрозрачность до 15%.
Дублируйте этот маленький прямоугольник с закругленными углами (Ctrl + J), выделите копию и перетащите её на 27px вправо.
Шаг 9
Установите цвет переднего плана #78787b и убедитесь, что Rounded Rectangle Tool
(Прямоугольник со скруглёнными углами) всё ещё активен. Создайте векторную фигуру размером 35 на 2px и поместите её как показано на первом изображении. Откройте окно Стилей слоя для этой новой фигуры и установите параметры, показанные на изображениях ниже.
Шаг 10
Установите цвет переднего плана на белый, выберите инструмент Rectangle Tool
(Прямоугольник), создайте векторную фигуру размером 24 на 1px и поместите её как показано на первом изображении. Убедитесь, что этот тонкий прямоугольник активен и снизьте Заливку до 0%, откройте окно Стилей слоя для этой новой фигуры и установите параметры, показанные на изображениях ниже.
Шаг 11
Выделите четыре векторных фигуры, сделанные в последних трёх шагах, сгруппируйте их (Ctrl + G). Выделите эту новую группу и поместите её как показано на изображении ниже.
Шаг 12
Установите цвет переднего плана на черный, выберите инструмент Rectangle Tool
(Прямоугольник), сосредоточьтесь на верхней панели и нажмите на маленький значок со стрелкой, чтобы открыть панель Rectangle Options (Опции прямоугольника). Проверьте активность кнопки Fixed Size (Заданный размер), затем введите в окне 160 в ширину (W) и 1 в высоту (H).
Теперь просто щелкните на документе, и вы получите чёрную векторную фигуру, размером 160 на 1px. Выделите её и поместите как показано на изображении ниже.
Шаг 13
Создайте дубликат векторной формы, сделанной в предыдущем шаге (Ctrl + J). Выделите эту копию и перетащите её на 29px вниз.
Добавьте ещё три копии и разместите их, как показано на первом изображении. Убедитесь, что у вас всегда есть разрыв в 29px между этими тонкими фигурами. Сосредоточьтесь на панели слоев, выделите все пять векторных фигур, и измените режим смешивания на Soft Light (Мягкий свет).
Шаг 14
Отключите сетку View> Show> Grid (Просмотр>Показать>Сетку) и добавьте текст с помощью инструмента Type Tool (Текст). Обратите внимание на изображения ниже, и вы найдете все параметры текста, необходимые вам.
Шаг 15
Нажмите Shift + Ctrl + Alt + N, чтобы создать новый слой. Сосредоточьтесь на панели слоев, выделите наш новый слой и переместите его вниз (Shift + Ctrl + [).
Установите цвет переднего плана #36f0f5, выберите инструмент Paint Bucket Tool
(Заливка), убедитесь, что ваш новый слой всё ещё активен и просто щёлкните на документе.
Шаг 16
Далее, необходимо создать вторую текстуру. Сначала нажмите Ctrl + N, чтобы создать новый документ. Установите в окне параметры – 4 в ширину и высоту, нажмите кнопку ОК. Включите сетку View> Show> Grid (Просмотр>Показать>Сетку), а затем перейдите на панель слоёв и удалите слой “Background”. Установите цвет переднего плана на чёрный и выберите Rectangle Tool
(Прямоугольник).
Создайте два векторных контура размером 2 на 2px и поместите их, как показано на изображении ниже. Теперь, просто перейдите в меню Edit> Define Pattern (Редактирование>Определить текстуру). Назовите её “bgPattern” и нажмите кнопку ОК. Закройте этот документ и вернитесь к основному.
Шаг 17
Сосредоточьтесь на панели слоёв, откройте панель Стилей слоя для слоя из пятнадцатого шага и установите параметры, показанные на изображении ниже. В разделе Pattern Overlay (Наложение текстуры) используйте текстуру, созданную в предыдущем шаге.
Мы сделали это!
Вот как должен выглядеть окончательный результат.
Источник: photoshop-master.ru