Make Curved Text Online Free

12.01.2021
97 Comments
Make Curved Text Online Free 4,2/5 7902 votes

Yes, you can add curved text to photo online for free! MockoFun is not just a circle logo design maker or a logo maker with curved text. Use it to add text around circle shapes like this pizza for example. Go to Elements PNGs Food & Drink and add the pizza PNG image. Edit picture online, apply effects,filters. DISCOVER DESIGNS With text effects, graphics. Mix Fonts, Shapes.

In this Graphic for iPad tutorial we will create a professional logo design, using a coffee shop logo as an example.

We will use Graphic's text on path feature to easily create curved text labels around the top and bottom edges of the logo, and use the Appearance pane to customize the look of the logo's background.

Resources:

CoffeeBean.svg
WoodBackground.png

Step 1 - Create a New Document

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 to 680 px and the Height to 600 px, and then tap the Create button.

Step 2 - Draw an Ellipse

Select the Ellipse Tool from the Toolbar. Tap and hold with a second finger while dragging to easily create a 360 px circle.

Make sure that it stays selected and open the Arrange pane from the Properties Download sims mods on mac. panel. Simply tap the Align Horizontal and Align Vertical commands to bring your circle in the center of the canvas.

Step 3 - Set the Fill and Stroke Styles

Make sure that your circle stays selected and return to the right side of your Titlebar. Tap the leftmost icon to open the Appearance panel and move to the Effects pane.

Curved Font Generator

First, tap the color well of the Fill and set its color to R=110 G=48 B=0, and then select the Stroke. Drag the Width slider to 10 pt, select the Outside Alignment button, and then tap the color well of your Stroke. Make sure that the Alpha slider is set to 100% and replace the existing color with R=130 G=62 B=0.

Step 4 - Add a Second Stroke

Make sure that your circle stays selected, keep focusing on the Effects pane and add a second Stroke using the plus button located in the top, right corner of your pane.

Select this new Stroke and drag the Width slider to 5 pt. Check the Outside Alignment button and then tap the color well of your Stroke. Make sure that the Alpha slider is set to 100% and then replace the existing color with a simple white.

Step 5 - Set a Drop Shadow

Make sure that your circle is still selected and keep focusing on the Effects pane. Simply check the round box of the existing Drop Shadow effect to activate it.

Enter 0 in the X box and 2 in the Y box, drag the Blur slider to 5, and then tap the color well of this Drop Shadow effect. Make sure that the color is set to black and drag the Alpha slider to 75%.

Step 6 - Add a Text Object

We will create each text label on its own layer. Focus on the right side of your Titlebar and tap the rightmost icon to open the Layers panel. Focus on the top, right corner of this panel and use that plus button to easily add a second layer. Make sure this new layer stays selected, as the new shapes you are about to create will go here.

Pick the Text Tool from the Toolbar and double-tap inside that new field. Select the American Typewriter font and set the font size to 45, change the color to white, and then add the 'Smooth Roast' piece of text.

Using the Move Tool, select your piece of text and place it roughly as shown in the following image.

Step 7 - Create the Text Path

Select the Ellipse Tool from the Toolbar. Create a 270 px circle and don't forget to center it using the same commands from the Arrange pane. This smaller circle doesn't need a color for fill/stroke so disable the active Fill and Stroke from the Effects pane.

Step 8

Pick the Path Selection Tool, focus on the newly opened Tool Options pane and activate the Add to Selection mode. Using this tool, tap the circle made in the previous step and also your piece of text. Move to the Path pane and tap the Place Text on Path command to bind the text to the circle path.

Step 9

By default, the text begins at the bottom of the circle. To change/adjust the position of the text on the path, select it and tap on the round handle next to the first character and drag it along the path.

Step 10

Now, you will need a grid every 5 px. This means that you need to return to the Grid pane, open the Grid Settings pane and enter 5 px for both Spacing boxes.

Return to the Layers pane, create a new layer using that same plus button and make sure that it stays selected.

Using the Text Tool create a second text object with the same style settings as before, with the text 'Coffee Company'. Pick the Ellipse Tool from your Toolbar. Create a 325 px circle and center it using the same Align commands from the Arrange pane. This new circle doesn't need a color for fill/stroke so disable the active Fill and Stroke from the Effects pane.

Step 11

Reselect the Path Selection Tool and make sure that the Add to Selection mode is active. Select both the text and circle made in the previous step, open the Path pane and tap the Place Text on Path button.

The text will initially be placed on the outside of the path. To move the text on the inside of the path, tap the Reverse Path Direction command from that same Path pane. Then tap and drag the round handle to position the text at the bottom of the label.

Step 12

Open the Layers panel, add a new layer and make sure that it stays selected.

Using the Ellipse Tool, create a 240 px circle and don't forget to center it. Set this circle's Fill color to R= 110 G= 48 B= 0 and then select the Stroke. Increase the Width to 2,5 pt, set the Alignment to Inside and change the color to white.

Make Curved Text online, free

Step 13

Graphic can import vector shapes and clip art from PDF and SVG files. You can find vector design resources on many different websites, Vecteezy or Freepik are two of the largest websites that host a large library of public domain vector clipart in SVG format that can be used in Graphic.

Download the CoffeeBean.svg file, upload it on your iCloud / Dropbox folder and then import it in Graphic. Select this bean shape and focus on the left side of your Titlebar. Tap that paperlip icon to open the Edit pane, and then tap that Copy command. Get back to your logo document, open that Edit pane and this time go to Paste. Resize your bean and place it roughly as shown in the following image.

Circular Text

Step 14

With the bean shape selected, set its Fill color to white from the Toolbar. With the Move Tool you can scale and position the coffee bean shape to fit nicely inside the center of the logo.

To create two more coffee bean shapes, use the same Copy and Paste commands from that Edit pane. Rotate, scale, and position the bean shapes to finish the inner part of the logo.

Step 15

Make Curved Text online, free Font

To create the smaller text labels choose that same Text Tool . Use the Arial font, change the style to Bold and set the size to 16 pt. Also, set the text alignment to Center and the color to R= 255 G= 188 B= 128. Type 'Since' for the left side of the logo.

Repeat these same steps to create the right side label with the text '1981'.

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.

Online Calligraphy Font Generator. Make your Free Calligraphy style text letters with our generator below. It's Free and easy!

Customize your Calligraphy letter text with our generator below, and download or print your custom Calligraphy letters instantly. Choose from Calligraphy letter themed fonts such as Aspire font, Champignon font, Hanfordscript font and Precious font. You can also choose custom font and background colors.

To generate your custom text, simple enter your letter or word in the box below, choose options and generate your Free Calligraphy text letters instantly in graphic format so you can print or save your custom generated text. We hope you enjoy using our Online Calligraphy Font Generator!.

Free Online Circular Text Generator

Image size

Font size

Make Curved Text online, free Online

Font color

Background size

Copyright 2021 Online Text Generator – Free Text Creator - All Rights Reserved

Curved Text Free Download

Privacy Policy Terms of Service