Getting Started Tutorial for FotoJet Graphic Designer

1. Choose a Template

Open www.fotojet.com in your browser. On the homepage, click Create a Design button to start your creation.

On the template page, there are 1000+ professionally designed templates that are classified into various categories.

Simply click to open any category you like. Then choose a favorite template to start or directly use the blank page.

You can filter the templates quickly by using the tags we provided.

Click the Back button on the top banner to return to the template page and then choose other categories you want.

2. Add and Adjust Photo

Add Local Photo

Click Library tab on the left side bar and then click Add Photo button to select your own photos from local disk to the photo list.

Alternatively, you can upgrade to FotoJet Plus to get 500MB of cloud storage space. Then click Library → Upload Photo to upload your photos to the cloud.

Click on each photo to delete the unwanted photo. Or click Manage button and then select multiple photos to delete at a time.

Add Stock Photo

Click Photo tab on the left side bar and then choose to add photos from online stock library or Facebook.

Choose the Internet option and you are able to search Pixabay’s 580,000 free images. Type in your search and press Enter to find the related images.

Choose the Facebook option and then login to your Facebook account to import photos from your Facebook albums to the photo list.

Click or drag any photo you want to directly add it on the design.

Adjust Photo

You can move, resize and rotate any photo at will with mouse dragging.

Select a photo and the editing panel will appear:

Choose Property option to adjust photo properties easily.

Click or button to rotate your photo by 90 degrees anti-clockwise or by 90 degrees clockwise.

Click or button to flip the photo horizontally or vertically.

Click on the appropriate button to adjust layer for the photo - move it forward, top, backward or bottom at will.

Double click the photo or click on the editing panel to crop your photo. Drag the slider to zoom in/out on the photo to your satisfaction. Then move the photo with mouse to show the exact part you want. The rest part of the photo will be hidden.

Click Done to finish cropping, or click Cancel to show the original photo you added.

Click to duplicate the selected photo.

Click to delete the photo you selected.

Choose Effect option to adjust photo effect. Apply any popular effect to a photo by clicking on the effect you like. Click None to remove the photo effect.

Drag the slider of Opacity and Exposure to adjust the opacity and exposure properties for the photo.

Click Advanced Options to show all the adjustments. Drag each slider to adjust the Brightness, Contrast, Saturation and Hue for the photo at will.

Click Reset All to reset all the color adjustments you made to the photo.

3. Add and Edit Text

Add Text

Click Text tab on the left side bar and then you can freely add text to your design.

There are many preset text styles available. You can directly click and then a new text object will be added to your design.

Edit Text

You can move, resize and rotate any text object at will with mouse dragging.

Double click the text you added or the prewritten text coming with template and you can directly input you own words at will.

Choose the text object you want to edit and then the editing panel will appear:

Choose Font option to set text font, size, color, style, etc.

Select a desired text font from the font library. Scroll down to preview all the text fonts.

Directly input the size properties you want for your text or click the size combo box to choose a desired text size.

Click or to make the text bigger or smaller quickly.

Click to apply a specific color to your text as needed.

Click on the appropriate button to quickly set text format as Bold, Italic, and Underline.

Click on the appropriate button to align your text to Left, Center or Right.

Choose Property option and then adjust layer for text, duplicate or delete text.

Click on the appropriate button to adjust layer for text - move it forward, top, backward or bottom at will.

Click to duplicate the selected text.

Click to delete the text you selected.

Choose Effect option to set special effect for your text.

Drag the slider of Opacity to adjust opacity for your text.

Check Outline box and then select a special color. Drag the slider to adjust the Width.

Check Glow box and then select a special color. Drag the slider to adjust the Radius and Blur.

3. Add and Customize Clipart

Add Clipart

Click Clipart tab on the left side bar and then you can choose from our presets to use or search through 93,000+ clipart images from Internet to decorate your design.

The preset clipart images are arranged into several categories: Shape, Icon, Love, Travel, Embellishment, Celebration, Lifestyle, Nature, Holiday, etc. Choose any category and scroll down to preview all clipart images included in this category. Then click or drag your favorites to the design.

Or choose Internet and then type in your search and press enter to find the related images. Click or drag the ones you need to your design.

Customize Clipart

You can move, resize and rotate any clipart image at will with mouse dragging.

Select a clipart image and the editing panel will appear:

Choose Property option to adjust clipart properties easily.

Click or button to flip the clipart horizontally or vertically.

Click on the appropriate button to adjust layer for clipart - move it forward, top, backward or bottom at will.

Click to duplicate the clipart image.

Click to delete the clipart image you added.

Choose Effect option to adjust effect for the clipart image.

Drag the slider of Opacity to adjust the opacity properties for clipart.

Click to apply Tint color. On the pop up color picker, pick the color overlay you want for the clipart. Drag the slider of Intensity to adjust the intensity properties for it.

Click button on the top right corner to restore the original color of your clipart.

5. Set Background

Click BKGround tab on the left side bar and then customize the background for your design.

Choose a solid or gradient color you want to fill the background. Click + button to add your own custom color to use. You can simply drag any color to remove it from the list.

Or choose a preset pattern from the pattern list to fill the background and you can preview it instantly.

6. Save

By upgrading to FotoJet Plus, you can save your current design to My Projects by clicking the Save button on the top banner.

In My Projects panel, you can view, duplicate, delete, or re-edit any project at any time.

7. Download, Share & Print

Download

Click Download button on the top banner to download your design.

Set the name and choose the output format (JPG or PNG) for your design.

Click DOWNLOAD and your design will be automatically downloaded to your computer.

Share

Click Share button on the top banner to share your design to Facebook, Twitter, Pinterest or Tumblr.

Choose Facebook and login to your Facebook account, then click SHARE to directly share your design to Facebook.

Choose Twitter and login to your Twitter account, then click SHARE to share your design to Twitter.

Choose Pinterest and FotoJet will upload your design to server. After that, click SHARE and login to pin your design to your Pinterest board.

Choose Tumblr and login to your Tumblr account, then click SHARE to share your design to Tumblr.

Print

Click Download button on the top banner and then choose Print to print your design out.

On the popup window, click Print to print your design directly. You can make print settings such as Destination, Pages, Copies and Layout, etc.

8. Advanced

Undo/Redo

Click button at the bottom of canvas or directly press Ctrl - Z to undo the last action you did.

Click button at the bottom of canvas or directly press Ctrl - Shift - Z to redo the effect of undo action quickly.

Tip: Replace Ctrl with Command on Mac.

Align Object

FotoJet will automatically align the target object both to its adjacent objects and to the entire page when moving.

Tip: Press and hold Alt to disable Auto Snap feature.