Click on the “Add New Fill” button at the bottom of the Panel then drag the New Fill to the bottom. Once you are done click “OK”.ġ5 - Stay on the “Appearance Panel” with your text selected but make sure that none of the Fills is selected. Once you are done click “OK”.ġ4 - Click on the “Effects Menu” again and navigate to Distort & Transform > Transform ... and use the following values. Click on the “Effects Menu” on the Bottom-Left side of the Appearance Panel and navigate to Convert to Shape > Rounded Rectangle... and use the following values. Click on the “Add New Stroke” button at the bottom of the Panel (this will place the Stroke on Top of everything). Navigate to Stylize > Drop Shadow… and use the following values:ġ3 - Stay on the “Appearance Panel” with your text selected but make sure that none of the Fills is selected. Once you are done click “OK”.ġ2 - Finally, apply another Effect. Now, go to Distort & Transform > Transform ... and use the following values. Double-click on the “Transform” Effect to open the Dialog and change the “Align To” point to the “Center”.ġ0 - Without deselecting your Text, create another “Fill”, make sure it is on top of the Gradient one, use a Dark Grey (90 K) as fill color,ġ1 - Without deselecting, click on the “Effects Menu” and navigate to Convert to Shape > Rectangle... and use the following values. Click on the small arrow to the left of the Fill to show its contents, double-click on the “Transform” Effect to open the Dialog and change the “Align To” point to the “Bottom Center”.ĩ - Change the Fill to a “Linear Gradient” with a -90° Angle and the following values (1: Color 50 K, Location 0%, 2: Color 85 K, Location 49%, 3: Color 75 K, Location 50%, 4: Color 90 K, Location 100%). Make the Fill color to a Darker Grey (90 K). Once you are done click “OK”.ħ - Without deselecting your Text, create another “Fill”, make sure it is on top of the other one, use White as fill color and change the “Blending Mode” in the “Transparency Panel” to “Overlay”.Ĩ - Stay on the “Appearance Panel”, select the Grey fill, click on the Drop-Down Menu on the Top-Right and choose “Duplicate Item”. Once you are done click “OK”.Ħ - Click on the “Effects Menu” again and navigate to Distort & Transform > Transform … and use the following values.
Use a Light Grey (30 K) as fill color.ĥ - Then, click on the “Effects Menu” on the Bottom-Left side of the Appearance Panel and navigate to Convert to Shape > Rounded Rectangle… and use the following values. Or use the same options in the “Align Panel”.Ĥ - Make sure your text is selected and go to the “Appearance Panel”, click on the “Add New Fill” button at the bottom of the Panel.
Use “Pixels” as “Unit”.Ģ - Select the “Type Tool” (T), choose your font (we used “Open Sans Bold”) and type your text.ģ - Center it using the “Horizontal and Vertical Align Center” options on your Top Menu and make sure that “Align to Artboard” is selected.
For this tutorial, you will need a couple of images to add to the text and the Free Font “Open Sans”.ġ - In Illustrator, create a “New Document”.