Employee ID Card Online

Learn how to create an employee ID card template online with MockoFun in just a few simple steps.

MockoFun is a free online graphic design software that you can use to create posters, flyers, business cards, banners, logos, etc.

• Employee ID Card Design [free download]

Open the MockoFun create tool and go to New menu on the left. Set the ID card size to 600x900px.

To create a graphic background for the ID card we'll use geometric shapes. But first, go to Background on the left menu and set the color ##00c9ff or any other color that you like.

Then, go to Elements > Shapes and search for a square shape. Add the square on the middle of the card template and resize it. Change the color to white.

Go to Elements > Shapes > Geometric and add a triangle shape. Distort the triangle vector shape and rotate it. Duplicate the triangle shape and create a triangle background.

Use different colors for the shapes like #00b6fa and #00f3fa. You can also add Gradients to the vector shapes.

If you want to make other background design, in the Shapes gallery you have lots of shapes like lines, rectangles, circles, etc.

Go to Text menu on the left side and add a simple text layer. With MockoFun you can also make curved text, circle text, spiral text or wave text.

So write the name of the employee; use the Raleway font or any other font that you like. Duplicate the text layer and add the job title. Use the Raleway 300 which is much thinner. If you want, you can also insert text symbols.

Go to Elements > Shapes > Geometric and add a circle shape. Set the color of the circle to white. Then, click on the Shadow button to add a soft shadow effect.

Click on the Duplicate button to make a copy. Make this circle black and set the Shadow to 0%.

Go to Uploads and load your profile picture and click to add on the document. To make circle images use the Add Mask button from the MockoFun's circle image generator

So, click on the photo layer, click on the Add Mask button and then choose the black circle as mask. After that you can move and position the profile photo.

If you are a Photoshop user, you can try this Crop a Circle in Photoshop action for making rounded images.

Add a rectangle shape with a light gray color as a background for the text info of the ID card.

Then, add the text details: id number, email, phone, date, etc. Use the Raleway font and the Open Sans font.

And finally, you can add the company logo on the top and the website on the bottom of the employee ID card. For the logo, use the Upload button and your company logo.

So, know you know how to create a company ID card online using MockoFun. If you don't want to start this design from scratch, you can edit this employee ID card design online.