Templates by BIGtheme NET
Home / Basics / Photoshop Tutorials: 5 Best Steps to Make Student Id Card

Photoshop Tutorials: 5 Best Steps to Make Student Id Card

Most of the composers have no idea about  to make a student identification cards using Photoshop. Generally they download templates from an online website and use these for their projects. If you want to become a great graphics designer then don’t use pre-design things, just try to do yourself which would shine your skills more and more. If you have an order of student Identification card for schools or university and you don’t know how to make it. Then read this tutorial thoroughly, here you’ll follow 5 best steps to make student id card. After reading this tutorial, I’m sure you’ll be able to design a student cards at your end easily and you would make more beautiful cards. If you want pre-design templates then see this


5 Best Steps to Make Student Id Card in Photoshop

Step 1: Create a New Document

The New document is an essential step to creating a student card. So go to File -> New or press command Ctrl + N from your command board. A new dialog window will open having lot of important options. The first option in this window is Name so change the name as Student Card with default title Untitled-1. If you don’t change the name then don’t worry this is optional, but it would useful when you are working on many of documents in the same window. After giving the name now set the Preset Value as Custom.

The next important option is Width and Height of student card. So set the values of Width 400 Pixels and Height 230 Pixels. Fix the resolution 72 Pixels / Inches and adjust the color mode RGB 8bit. The last option of this window is Background Contents so select the White item from the drop-down menu and click Ok button.

Enter values in New Document window to create card. Image © reserved 2015 Photoshop Helps.com

All values are adjusted, a white sheet will appear on your front screen as.

First view of Student Card White Blank Sheet in the window. Image © reserved 2015 Photoshop Helps.com

Now unlock the layer by double clicking on the layer. A White blank sheet is ready for design; now collect your all attention for supper designing. First of all make a structure of the design in your mind then implement it step by step, this is best strategies in graphics designing field.

Step 2: Design Header of  The Card

The first phase is design upper side of a card. So select the Round Rectangular Shape with Fill and Stroke Color #00aeef and draw it on the upper side of the card. Don’t stretch extraordinary in width or height. Just draw it normal size according to the card.

Make the header of Student Card with Round Rectangular Shape. Image © reserved 2015 Photoshop Helps.com

After adding the rectangular now insert text “Student ID Card” with Font Color #ffffff, Font Style
and Font Size 30pt in the middle of the Rectangular layer.

Write the text on the header By Type Tool. Image © reserved 2015 Photoshop Helps.com

When you’ve adjusted the text layer then click on Tick Icon above of window to complete the task.

Step 3: Insert Student Image

After setting the header portion, here  is a need to add student image for identification of a student. Without a picture, ID card is used less because you cannot identify the student without snaps so insert the recent student photo in a right middle side of the card. I’ve used a dummy picture just for an example, you can use your picture no issue.

Insert your image into Student Card in the right side. Image © reserved 2015 Photoshop Helps.com

Add Stroke effects around the picture like and border. Go to Layer -> Layer Style -> Stroke from the menu bar and set Stroke Size 1px with Black Color. You’ll see that a black line will appear around the Picture like a border.

Around the image make the border by the Stroke Option. Image © reserved 2015 Photoshop Helps.com

A black outline is seeing around dummy picture, now the picture has inserted there is a need for some student personal details which are unique for identification like Student Name, Roll Number, DOB and etc.

Step 4: Write Student Details

Add some personal details related to a student, add these information’s on a left side of the card side.

Write the Personal details on the Card by Type Tool. Image © reserved 2015 Photoshop Helps.com

I’ve added labels “Name“, “Roll No”, “Department”, “ID No” with Font Style Arial, Font Size 14pt Narrow and add “ALI IMRAN”, “F15M093”, “COMPUTER SCIENCE”, “ST-220093” in Arial bold text format.

Step 5: Add Footer of ID Card

Finally, we have reached the final step in which is footer insertion. So select the Rectangular Tool and draw it in Student ID Card in bottom side with Fill and Stroke Color #000000. On the footer add some text, it may an address of a student or it may be help line or email. You can felt it empty no issue.

5 Best Steps to Make Student Id Card completed after footer. Image © reserved 2015 Photoshop Helps.com

Just now save it in PNG image format, go to File -> Save and save it to your computer. Finally, we’ve made a Student Identification Card professionally within minutes using Photoshop. I hope you’ve observed every step keenly and have gotten it. Enjoy this tutorial and make the practice work of every step at your end. I’m sure you’ll be able to design more beautiful cards like a good professional composer in the market.

Our final results for Student Identification Card. Image © reserved 2015 Photoshop Helps.com

Ultimate Results

Also See this
Make the Best Business Card Design

Make Your Personal Card Layout


Our basic purpose of the above tutorial was that to design a student identification card professionally by using Photoshop. In this tutorial first of all we created a card size sheet and designed a header with Round Rectangular shape with Fill and Stroke color #00aeef. Added text on this layer in white color with font style Arial. Inserted student photo on a middle right side of the card and gave some Stroke to the image from Layer -> Layer Style -> Stroke. Added some personal details of a student in the middle of left side of the card. At the last added a footer with a rectangular shape having filled and Stroke color #000000. Finally, Student Card completed Just saved it in PNG image format.

About Ali Imran

Howdy! I’m + Ali Imran and CEO of Photoshophelps.com. I have passed BS Computer Science degree in the year of 2013. I’ve a great experience in Content Writing, Photoshop, Graphics Designing, SEO, , Web Developing and Web Designing.

Leave a Reply

Your email address will not be published.

ăn dặm kiểu NhậtResponsive WordPress Themenhà cấp 4 nông thônthời trang trẻ emgiày cao gótshop giày nữdownload wordpress pluginsmẫu biệt thự đẹpepichouseáo sơ mi nữhouse beautiful