Illustrator to create personalized customized Avatar business Card tutorial

Source: Internet
Author: User
To give you illustrator software users to detailed analysis to share the creation of personalized custom Head card tutorial.
Tutorial Sharing:

Effect chart
The size of the business card that we are going to do is the scale of the traditional business card, while taking advantage of both sides of the card. The design contains only two colors-blue-green and black. Blue is throughout the design, but only with a low proportion of the knife black, that is, gray, used to do mesh background. Each color only uses a single primary colors, you can make your business card look neat and fresh and beautiful Oh.
One, hand-painted illustrations

Figure 01
First, let's start with the rough figure of this line of characters. Dig out your best smile on the picture, then put it in the illustrator, lower the opacity, press Cmd/ctrl and 2 to lock it in place. (Figure 02)

Figure 02
Double-click the Pencil tool to change the settings. Turn the fidelity to 1px,smoothness to 12px, close the fill new pencil stroke, and then open the edit selected path. Doing so will help you to be more precise about the sharpness of the path your mouse or brush moves. Make sure that you delete the default fill color and set a 1pt black stroke to draw a silhouette around your image. (Figure 03)

Figure 03
Continue with your drawing path, but this time sketch the contours of your face and the lines of your hair. If you want to make a mistake or do not want to start again after the painting is wrong, but to slightly correct the wrong or partial part of the painting, enabling editing the selected path will be a very smart choice. (Figure 04)

Figure 04
Well, to the inner features and the most prominent parts of the face. Don't worry that the lines will be too rude or simple, and all of this will add to the feeling of hand painting. (Figure 05)

Figure 05
As for the hair part, draw as many small strokes as you can, and draw the true shape of the hair. With a little black to fill the pupil, and add a small bright spot, so that the entire character image lifelike. (Figure 06)

Figure 06
The neck and body parts also need to do a good job of detailing the creases and folds on the clothes. Close the image layer and browse through the image of your current line. (Figure 07)

Figure 07
Further refine your hair and fill the hair with a high density stroke to make it look thicker. Part of the hair needs a long stroke, and the hair on the cheek can be composed of many small lines or small spots, which will look more image. (Figure 08)

Figure 08
Select all of the things you have drawn, make a combination, then move the illustrator to one side and carefully preview your line drawings to make sure there are no errors or errors or improper spacing.
Second, business card template

Figure 09
Create a new file in the illustrator. Personally, I'm used to setting the size of my business card to 88x55. (Figure 09) However, the size of the business card will vary depending on the printing company, of course, in the United States there is a metric to specify the size of the business card. Enter the size setting, adjust width (height) and the bleed below the card according to your selection (bleed). Then copy the card into two sides, while the option of number of artboards is set to 2. Finally, check your color mode and set it to CMYK color. (Figure 10)

Figure 10
Drag the guide out and surround it with a black line (hold Cmd/ctrl+r to open the ruler, select the horizontal guide at the bottom and two vertical guides to the left), and press ENTER to open the Move window. Enter 5mm in the horizontal and vertical options and click OK. (Figure 11)

Figure 11
Select the remaining guides, press ENTER to open the Move window again, and this time, enter -5mm in the options area. At this point, click on the file and select Lock Guide. This set of guides will ensure that your business card edge has 5mm of secure blank area. (Figure 12)

Figure 12
Click the Line tool, draw a short line with a 10% black brush, copy (cmd/ctrl+c) and paste (cmd/ctrl+f), then rotate 90 degrees. Drag out a selection area and select two items and drag them into the palette (swatches palette). Remove the two lines from the left side of the artboard. (Figure 13)

Figure 13
Draw a rectangle covering the entire card on the first card, and the lines in the bleed area are red. Copy and paste the rectangle and fill it with the template style you used to do it in the copied rectangle. When the style is copied, you will get a seamless network style. (Figure 14)

Figure 14
Paste the freehand artwork into your card file and set the stroke color to 100% blue (cyan). Don't forget to adjust the pupil's fill and stroke, as long as we do it in the same step as we just did in the hand-painted illustration. (Figure 15)

Figure 15
Drag the characters into a straight line in the left bleed area. Figure illustrations may go beyond the reference line, it doesn't matter, as long as the character's avatar is in the black box. Think of the business card final effect of the size of the picture, now made what kind of! (Figure 16)

Figure 16
Draw a blue-filled rectangle on the right side of the business card, and remember to overlap the border of the right side of the rectangle with the edge of the bleed area. Next, use the line in the background network mode to select the overall size. Use the input tool to enter your name in the blue rectangle, using the font you think is most powerful and appealing. Here, I use the league Gothic font that I personally think is very beautiful, and the white is prominent and beautiful in the blue background. (Figure 17)

Figure 17
Next, continue typing text on the business card, but make sure that the fonts are smaller than the names and that the colors match the rectangles above. I use some common personal data, and you can certainly use the personal information you want to present on your business card. (Figure 18)

Figure 18
Select all the editing sections in front of the business card and hold down the ALT key to drag them to the back of the card. Arrange all the edges on the guide line in the bleed area, and then delete the characters, background network, and personal information. (Figure 19)

Figure 19
Change the color of the rectangle to blue and create another one, but the color of the brush is 30% blue. Drag the Swatch to the swatches panel, copy a rectangle as the background of the sample, and then add the sample to the rectangle. (Figure 20)

Figure 20
Lengthen the rectangle behind the name to the same width as the business card, and then fill the rectangle with white. (Figure 21) Drag out one of the guides so that you can be more precise in the center of the business card. Use this reference line to place this rectangular text box at the center of the business card. Change the font color to blue, and don't forget to change the words in the text box to a very warm word. (Figure 22)

Figure 21

Figure 22
By this step, the card design has basically entered the completion stage. This exquisite web background provides us with a very simple base to design the size, hand-drawn avatar and enter personal information. But at this point, don't forget to take a moment to check the font on the back of the card, with the background color prominent, position in the center, but also must be a compelling word. (Figure 23)

Figure 23)
Press and hold Cmd/ctrl and a all, using the shortcut cmd/ctrl+shift+o to move the font to the frame. Doing so can effectively prevent related font problems from appearing when printing. Click File, then the Save As and select Adobe PDF from the Drop-down menu. In the PDF option, select the appropriate print mark in the marks and bleeds areas. Trim and registration markings are usually the most important. In many cases, both the Color bars and page information are left to the print person to make the final adjustments.

Figure 24

Figure 25
Finally, open your print preview in Adobe Acrobat and check your business card design for any problems. In Adobe Illustrator, these two artboards are used to generate two pages in a PDF, and then send this file to the printer and let him make a choice for you.
Well, the above information is small to give you illustrator this software users of the detailed to create personalized customized avatar business card tutorials to share the entire content of the you see the users here, small series believe that you see here is very clear the production method, Then you will go to the small share of the tutorial to build their own to understand it.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.