Create a Brewery Logo

In the following tutorial you will learn how to create a brewery logo in Picta Graphic for iPad.

For starters, you will learn how to set up a simple grid, how to create several basic shapes and how to easily place them in the center of your canvas. Using the Layers panel, you will learn how to cleverly organise your vector shapes.

Moving on, you will learn how to add text on a path and how to easily adjust it. Finally, you will learn how to add some subtle shading and highlights using the Effects pane.

Step 1

For this tutorial you will need to import the Montserrat font. Download this font and save it inside your Dropbox folder or iCloud Drive.

Open Graphic and focus on the Titlebar. Tap the Import button and pick Dropbox or iCloud. Locate your font and select it, and then tap the Import button.

From the Documents Browser, tap the plus button at the top-right corner of the Titlebar and choose the Grid document style.

Select Pixels for the base units, set the Width and Height to 680 px, and then tap the Create button.

Next, we'll set up the document grid. Focus on the right side of the Titlebar and tap the ruler icon to open the Properties panel and go to the Grid pane.

Make sure that the Snap to Grid feature is enabled and keep in mind that this is where you should come whenever you wish to enable or disable the grid or the Snap to Grid. Finally, open that Grid Spacing pane, enter 5 px in both Spacing boxes and 0 lines in the Subdivisions box.

Step 2

Focus on the Toolbar and tap the Stroke color well. Drag the Alpha slider to 0% which will make your stroke invisible. Tap the Fill color well and replace the existing color with R=254 G=184 B=0.

Pick the Ellipse Tool, focus on your canvas and create a 390 px circle. Tap and drag, and then tap and hold with a second finger to easily create a circle.

Step 3

Make sure that your shape is still selected and open the Arrange pane from the Properties panel. Tap the Align Horizontal and the Align Vertical commands to easily bring your selection in the center of the canvas.

Step 4

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Using the Ellipse Tool, create a 370 px circle and don't forget to center it.

Step 5

Focus on your Toolbar and set the Fill color back to R=254 G=184 B=0. Using the Ellipse Tool, create a 350 px circle and don't forget to center it.

Step 6

Focus on your Toolbar and set the Fill color to R=216 G=31 B=52. Pick the Rectangle Tool, create a 450 x 40 px shape and center it.

Step 7

Pick the Move Tool and select the largest yellow circle. Focus on the left side of your Titlebar and tap the paperclip icon to open the Edit pane. First, tap the Copy command, and then tap the Paste in Place command to add a copy of your selection in the same place.

Pick the Path Selection Tool and activate the Add to Selection mode. Using simple taps, select your fresh copy along with that red rectangle, go to the Combine pane and tap the Intersect command.

Step 8

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Pick the Ellipse Tool, create a 250 px circle and don't forget to center it.

Step 9

Focus on your Toolbar and set the Fill color to R=247 G=235 B=188. Using the Ellipse Tool, create a 230 px circle and don't forget to center it.

Step 10

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Using the Ellipse Tool, create a 210 px circle and don't forget to center it.

Step 11

Focus on your Toolbar and set the Fill color to R=216 G=31 B=52. Using the Ellipse Tool, create a 190 px circle and don't forget to center it.

Step 12

Focus on the right side of your Titlebar and tap the rightmost icon to open the Layers panel. Double-tap the name of the existing layer and rename it "Main". Use the plus button from the top of the panel to add a second layer. Rename it "Text" and make sure that it stays selected, as the new objects you are about to create will go here.

Focus on your Toolbar and set the Fill color to white (R=255 G=255 B=255). Pick the Ellipse Tool, create a 270 px circle and don't forget to center it.

Step 13

Pick the Text Tool and double-tap inside that new field. Select the Montserrat font, change the style to Black, set the size to 40 and increase the Character Spacing to 4. Type the "ARTISANOS" piece of text, place it as shown below and set the color to R=216 G=31 B=52.

Step 14

Using the Move Tool, select your piece of text along with the white circle and tap the Place Text on Path command from the Path pane. This will place your text on the selected circle.

Focus on your text and use that round black handle to move the text on the path as shown in the following image. Keep in mind that the text on the path is fully editable. Double-tap it to change its content or attributes.

Step 15

Focus on your Toolbar and set the Fill color to white. Pick the Ellipse Tool, create a 330 px circle and don't forget to center it.

Step 16

Pick the Text Tool and add the "BREWERY CO." piece of text. Use the same font and color attributes, but increase the Character Spacing to 8.

Step 17

Pick the Path Selection Tool and activate the Add to Selection mode. Select your new piece of text along with the white circle and open the Path pane. First, tap the Place Text on Path command, and then tap the Reverse Path Direction command to flip your text on the other side of the shape.

Again, use that round handle to move the text on the path as shown in the second image.

Step 18

Pick the Text Tool, add the "EST." piece of text and place it as shown in the first image. Use the same font and style, lower the size to 15 pt, set the Character Spacing to 1 and change the color to R=247 G=235 B=188.

Using the same tool and attributes, add the "1982" piece of text and place it as shown in the second image.

Step 19

Focus on the Layers panel and add a new layer. Rename it "Spike", make sure that it lies at the top of the panel and select it.

Focus on your Toolbar and set the Fill color to a random green. Pick the Ellipse Tool, create a 190 px circle and don't forget to center it.

Step 20

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Pick the Rounded Rectangle Tool, go to the Tool pane and drag that Radius slider to 30. Create an 80 x 200 px shape and place it exactly as shown in the following image.

Step 21

Select your green circle along with the rounded rectangle and tap the Intersect command from the Combine pane. Make sure that the resulting shape is selected and replace the existing Fill color with R=34 G=51 B=87.

Step 22

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Pick the Rectangle Tool, create a 10 x 25 px shape and place it as shown in the following image.

Step 23

Focus on your Toolbar and set the Fill color to R=254 G=184 B=0. Pick the Ellipse Tool, create a 20 x 35 px shape and place it as shown in the following image.

Step 24

Make sure that your tiny yellow shape stays selected and pick the Path Selection Tool. Activate the Convert mode and tap the top and bottom anchor points. In the end things should look like in the second image.

Step 25

Make sure that your tiny yellow shape is still selected and pick the Rotate Tool. Focus on the Tool pane, set the Angle to 45 degrees, and then tap that Copy button.
Select the newly made shape, drag it down and place it as shown in the second image.

Step 26

Make sure that the shape added in the previous step is still selected and pick the Rotate Tool. Return to the Tool pane, set the Angle to 90 degrees, and then tap that Copy button.

Select the newly made shape, drag it to the left and place it as shown in the second image.

Step 27

Multiply the rotated yellow shapes and place the copies as shown in the following images. This can be easily done using the Copy and Paste commands from the Edit pane.

Step 28

Pick the Path Selection Tool and activate the Add to Selection mode. Select all your tiny yellow shapes, go to the Combine pane and tap the Make Compound Path command. This will combine your selected shapes into a single object.

Step 29

Make sure that your compound path stays selected, focus on the right side of your Titlebar and tap the leftmost icon to open the Appearance panel. Move to the Effects pane, activate the existing Inner Shadow effect and select it. Drag the Blur slider to 0, enter 5 pt in the Y box, and then tap the color well that stands for this effect. Drag the Alpha slider to 100% and replace the existing color with R=247 G=235 B=188.

Step 30

Focus on your Toolbar and set the Fill color to R=247 G=235 B=188. Using the Rectangle Tool, create a 10 x 45 px shape and two 10 x 80 px shapes. Place these new rectangles as shown in the following image.

Step 31

Focus on your Toolbar and set the Fill color to R=34 G=51 B=87. Using the Rectangle Tool, create two 10 x 130 px shapes and two 10 x 80 px shapes. Place these new rectangles as shown in the following image.

Step 32

Focus on the Layers panel, add a new layer and rename it "BG". Tap and hold on the thumbnail of this new layer, and then drag it to the bottom of the panel. Make sure that it stays selected.

Pick the Rectangle Tool, create a 680 px square and make sure that it covers your entire canvas.

Step 33

Return to the Layers panel and reselect that "Main" layer.

Select the largest yellow circle and focus on the Effects pane. Activate the existing Drop Shadow effect and select it. Drag the Blur slider to 40, enter 20 pt in the Y box, and then tap the color well that stands for this effect. Drag the Alpha slider to 50% and replace the existing color with R=15 G=31 B=67.

Finished Design

Congratulations, you've finished the tutorial!

Hope you've enjoyed learning some of the techniques and processes presented in these steps. As always, feel free to adjust the final design and make it your own.