FotoJet DESIGN Mode Tutorial

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 300+ 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.

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 Photo

Move your mouse to Add Photo button at the right panel and then choose to add your favorite photos from computer, Facebook or other places.

Choose Computer and then select your own photos from local disk to the photo list.

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

Choose Stock Photo and you are able to search Pixabay’s 580,000 free images. Type in your search and press enter to find the related images.

Click on the photos you want and then add them to the photo list.

Drag or click any photo to add them into the canvas.

Click button on each photo to delete the unwanted photo. Click Clear All to delete all the photos you added.


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 clockwise or by 90 degrees anti-clockwise.

Click or button to flip the photo horizontally or vertically.

Click on the appropriate button to adjust layer for text - move it forward, backward, top 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 your 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 your photos.

Click Advanced Options to show all the adjustments. Drag each slider to adjust the Brightness, Contrast, Saturation and Hue for 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 template.

Click Add Text button and then a new text object will be added to your template.

There are many preset text samples available, you can directly click on any one to use.


Edit Text

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

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

Choose the text 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 our library or yours. 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, backward, top 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.

4. 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 93,000 clipart images from Internet to decorate your creation.

The preset clipart images are arranged into several categories: Shape, Love, Embellishment, Celebration, Life Style, 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 add onto your creation.

Or choose Internet option and then type in your search and press enter to find the related images. Click or drag the ones you want to add them to your creation.

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 vertically or horizontally.

Click on the appropriate button to adjust layer for text - move it forward, backward, top 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.

 

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 to restore the original color of your clipart.

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

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

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

5. Set Background

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

Choose a solid 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 in the pattern list to fill the background and you can preview it instantly.

Also, you can click Choose an Image and then select your own image from local disk as background.

6. Save, Share & Print

Save

Click Save button on the top banner to save your creation.

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

Choose the output quality from Low, Medium, and High if you decide to save your creation as a JPG.

Click Save to Computer to save your creation to local disk.


Share

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

Choose Facebook and login to your Facebook account, then click Share to directly share your creation to Facebook.

Choose Twitter and login to your Twitter account, then click Share to share your creation to Twitter.

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

Choose Tumblr and login to your Tumblr account, then click Share to share your creation to Tumblr.


Print

Click Print button on the top banner to print your creation out.

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

7. 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.