Рубрика: Photoshop Уроки | Урок прочитали: 745
 (голосов: 1)

Счёт из ресторана в Фотошоп

В данном уроке вы узнаете, как создать простую бумажную квитанцию в Фотошоп.

Как всегда, это окончательный результат, к которому мы будем стремиться.

  1. Текстура бумаги
  2. Шрифт Corbel
  3. Шрифт Ignis et Glacies
  4. Шрифт 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 (Наложение текстуры) используйте текстуру, созданную в предыдущем шаге.

Вот как должен выглядеть окончательный результат.

Автор урока: Andrei Marius
Переводчик урока: Сабчук Ангелина

           

Похожие файлы и публикации:

Счёт из ресторана в Фотошоп
В данном уроке вы узнаете, как создать простой web знак в Фотошоп.
Счёт из ресторана в Фотошоп
Финальное изображение, которое мы будем создавать.
Счёт из ресторана в Фотошоп
В этом уроке Вы узнаете, как создать стильный музыкальный мини плеер, используя векторные инструменты фотошоп и стили слоя.
Счёт из ресторана в Фотошоп
В этом уроке, я покажу Вам, как создать иконку адресной книги с помощью Фотошопа. Давайте начнём!
Счёт из ресторана в Фотошоп
Откройте Фотошоп и создайте новый документ  (Ctrl + N). Установите те параметры документа, которые Вы видите на скриншоте и нажмите ОК. Теперь добавьте к документу сетку через меню Просмотр – Показать – Сетка (View > Show > Grid) и включите привязку к ней: Просмотр – Привязать – Сетка (View > Snap To > Grid). Для начала работы нужно проставить сетку через каждые 5 пикселей.
Счёт из ресторана в Фотошоп
В этом уроке я покажу, как нарисовать реалистичную фотопленку.
Счёт из ресторана в Фотошоп
В этом уроке вы узнаете, как с помощью Photoshop создать простое и стильное выпадающее меню.
Счёт из ресторана в Фотошоп
В этом уроке я расскажу вам один из подходов к созданию смайлика, а затем, использую его, чтобы создать красивый эффект текста.
Счёт из ресторана в Фотошоп
Создайте новый документ в Photoshop (Ctrl+N) размером 800x1024 пикс, режим RGB, разрешение 72 пикс/дюйм. Создайте новый слой (залейте его любым цветом) и кликнете по иконке Add a layer style (Добавить стиль слоя) внизу палитры слоев, выберите Gradient Overlay (Наложение градиента).
Счёт из ресторана в Фотошоп
Перед началом урока, пожалуйста, скачайте эту бесплатную текстуру Stucco texture
Счёт из ресторана в Фотошоп
В этом уроке я покажу Вам, как создать дизайн для приложения записной книжки.
Счёт из ресторана в Фотошоп
Начнем наш урок с создания нового документа размером 960 x 900 пикселей. Я установил цвет переднего плана  #141414, затем, взяв инструмент Paint Bucket Tool (Заливка), кликнул один раз по изображению. Я взял инструмент Brush Tool (Кисть), и, выбрав мягкую круглую кисть, нарисовал на новом слое три большие точки на изображении, используя следующие цвета: #a864a8, #ed1c24, #662d91.
Счёт из ресторана в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Счёт из ресторана в Фотошоп
Sketch (Эскиз) Rays Shape (фигура Лучи) Vtks Black Font( шрифт)
Счёт из ресторана в Фотошоп
В этом уроке я покажу, как создать макет для бизнес-сайта.
Счёт из ресторана в Фотошоп
Эта 2-ая часть данного урока. В 1-ой части мы создали кисть молнию, обвели основной текст, в стиле молнии.
Счёт из ресторана в Фотошоп
Сегодня я собираюсь показать Вам, как с помощью изображения модели и простых форм, можно создать потрясающий плакат. Вы узнаете, полезные советы для успешной работы с градиентами и стилями слоя. Давайте начнем!