Account from the restaurant in Photoshop

In this lesson you will learn how to create a simple paper receipt in Photoshop.

Final image

As always, this is the final result to which we will strive.

Materials used:

Step 1

Open Photoshop and click Ctrl + N, to create a new document. Enter the parameters shown in the figure below and click OK.

Turn on the grid View> Show> Grid (View> Show> Grid) and snapping to the grid View> Snap To Grid (View> Snap). First you need a grid every 5px. Go to Edit>Preferences> Guides, Grid Slices (Editing> Settings> Guides, Grid, and Fragments) and focus on the “grid” section. In this window, enter “5” in the “every line” item.

Also set the color of the grid # a7a7a7. After you set all the parameters, click OK. Do not worry, it’s just a grid. This will make it easier for you to complete this lesson. You should also open the Information Panel. Window> Info (Window> Info) to preview the size and position of your figure.

Step 2

Set foreground color # 73c5ff, select instrument Rectangle tool (Rectangle) and create a 200 to 300 vector shape. Snap to the grid should make it easier for you to work.

Step 3

Highlight the vector shape made in the previous step and focus on the lower right. Select Ellipse tool (Ellipse), check button activity Add (merge shapes) in the top bar and draw a 4px circle as shown in the first image.

Switch to the tool Direct selection tool (Arrow) and select the four anchor points that make up this little circle. Holding the buttons Shift and Alt inside the circle, drag the new circle 6px to the left. This step will allow you to add a copy of the circle, as shown in the third image.

Repeat this technique until you have six perfectly even circles, as shown in the fourth image.

Step 4

Make sure your blue vector shape is active and focus on the bottom left corner.
Select Ellipse tool (Ellipse), Subtract (Subtract front figure) On the top bar and draw a 4px circle as shown in the first image. Switch to the tool Direct selection tool (Arrow), select the four anchor points that make up this small circle, and drag the copy 6px to the right.

Repeat this technique until you have 27 perfectly even circles, as shown in the fourth image. You can also copy two or more circles at a time. Just make sure you select all the pivot points that make up the circles, and that the gap between each figure is 2px.

Step 5

Make sure your blue vector shape is active and focus on the top left corner.
Select Ellipse tool (Ellipse), check button activity Add (merge shapes) in the top bar and add five circles, 4px in size, as shown in the first image.

Keep working with the tool Ellipse tool (Ellipse), check button activity Subtract (Subtract front figure) On the top panel and draw 28 circles, 4px in size, as shown in the second image. In the end, your blue vector shape should look like the third image.

Step 6

Next, you need to create a simple texture. Open the texture with paper in Photoshop. Go to Image> Adjustments> Desaturate (Image> Correction> Discolor), then go to Edit> Define Pattern (Edit> Define Texture). Enter “paper” in the name box and click OK. Close this file and return to the main one.

Step 7

Open the layers panel and focus on your blue vector shape. Change the color to #fafafa, then double-click on this shape to open the Layer Styles window. Enter the parameters shown in the images below and click OK.

Yellow numbers from point Gradient Overlay (Gradient Overlay) are responsible for the percentage of transparency, while white numbers represent the blend mode. For Pattern Overlay (Texture Overlay) You will need the paper texture created in the previous step. Just open the selection window and find it there.

Step 8

At this stage you will need a grid every 1px. Go to Edit>Preferences> Guides, Grid Slices (Editing> Settings> Guides, Grid, and Fragments) and focus on the grid section. In this window, enter “1” in the “every line” item. Set the foreground color to black.

Select Rounded rectangle tool (Rectangle with rounded corners), Focus on the top bar and set a radius of 2px. Create a 5 by 3px vector shape and lower its opacity to 15%.

Duplicate this little rounded rectangle. (Ctrl + J), select the copy and drag it 27px to the right.

Step 9

Set foreground color # 78787b and make sure that Rounded rectangle tool (Rectangle with rounded corners) still active. Create a 35 by 2px vector shape and place it as shown in the first image. Open the Layer Styles window for this new shape and set the parameters shown in the images below.

Step 10

Set foreground color to white, select tool Rectangle tool (Rectangle), create a 24 by 1px vector shape and place it as shown in the first image. Make sure that this thin rectangle is active and lower the Fill to 0%, open the Layer Styles window for this new shape and set the parameters shown in the images below.

Step 11

Select four vector shapes made in the last three steps, group them (Ctrl + G). Select this new group and place it as shown in the image below.

Step 12

Set foreground color to black, select tool Rectangle tool (Rectangle), Focus on the top bar and click on the small arrow icon to open the bar. Rectangle Options. Check button activity Fixed Size (Specified Size), then enter 160 in width (W) and 1 in height (H) in a box.

Now just click on the document and you will get a black vector shape, 160 by 1px in size. Select it and place it as shown in the image below.

Step 13

Create a duplicate of the vector shape made in the previous step. (Ctrl + J). Select this copy and drag it 29px down.

Add three more copies and place them as shown in the first image. Make sure you always have a 29px gap between these subtle shapes. Focus on the layers panel, select all five vector shapes, and change the blending mode to Soft Light.

Step 14

Turn off the grid View> Show> Grid (View> Show> Grid) and add text with the tool Type Tool (Text). Pay attention to the images below and you will find all the text options you need.

Step 15

Click Shift + Ctrl + Alt + N, to create a new layer. Focus on the layers panel, highlight our new layer and move it down. (Shift + Ctrl + [).

Set foreground color # 36f0f5, select instrument Paint bucket tool (Fill), make sure your new layer is still active and just click on the document.

Step 16

Next, you need to create a second texture. Click first Ctrl + N, to create a new document. Set the parameters in the window – 4 in width and height, click OK. Turn on the grid View> Show> Grid (View> Show> Grid), and then go to the layers panel and delete the “Background” layer. Set the foreground color to black and select Rectangle tool (Rectangle).

Create two 2 by 2px vector outlines and place them as shown in the image below. Now, just go to the menu Edit> Define Pattern (Edit> Define Texture). Name it “bgPattern” and click OK. Close this document and return to the main one.

Step 17

Focus on the layers panel, open the Layer Styles panel for the layer from the fifteenth step and set the parameters shown in the image below. In section Pattern Overlay (Texture Overlay) use the texture created in the previous step.

We did it!

Here is what the final result should look like.

Like this post? Please share to your friends: