Select this copy and focus on the Appearance panel ( Window > Appearance). Return to the Layers panel and reselect your bottom rectangle to add a new copy on top ( Control-C > Shift-Control-V). Keep this group selected and lower its Opacity to 60%. Select the rectangle made in the previous step along with the brick wall photo and press Control-G to group them. Keep it selected, replace the fill color with black ( R=0 G=0 B=0), and then focus on the Transparency panel ( Window > Transparency) to change the Blending Mode to Color. Step 3įocus on the Layers panel ( Window > Layers) to select your rectangle and press Control-C > Shift-Control-V to add a copy on top. Keep it selected and focus on the control panel.įirst, check the Constrain Width & Height Proportions button and set the Width to 1000 px, and then click the same Horizontal Align Center and Vertical Align Center buttons to center your image.
Step 2ĭownload this brick wall photo from Envato Elements and drag it into your document. Make sure that the Alignment is set to Artboard and then just click the Horizontal Align Center and Vertical Align Center buttons. Make sure that your shape stays selected, switch to the Selection Tool (V), and focus on the control panel to easily center your selection. Move to your artboard and simply create an 870 x 620 px shape-the grid and the Snap to Grid should make it easier. Remove the color from the stroke and then select the fill and set its color to R=6 G=0 B=34. Pick the Rectangle Tool (M) and focus on your Toolbar.
#CREATE BANNER EFFECT ILLUSTRATOR BLENDING HOW TO#
How to Create the Background for Your Neon Effect in Illustrator Step 1 Now that you're set up, let's learn how to do a neon effect in Illustrator. All these options will significantly increase your work speed. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units.
You should also open the Info panel ( Window > Info) for a live preview with the size and position of your shapes. You can learn more about Illustrator's grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator's Grid System. Try not to get discouraged by all that grid-it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-" keyboard shortcut.
You will need a grid every 10 px, so simply go to Edit > Preferences > Guides & Grid, and enter 10 in the Gridline every box and 1 in the Subdivisions box. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.Įnable the Grid ( View > Show Grid) and the Snap to Grid ( View > Snap to Grid). Select Pixels from the Units drop-down menu, enter 850 in the width box and 600 in the height box, and then click that More Settings button. How to Create a New Document and Set Up a Grid You will need the following resources in order to complete this Illustrator neon light tutorial for Illustrator:ġ. How to create a neon light text Illustrator effect.How to incorporate a photo in a neon effect in Illustrator.What You'll Learn in this Neon Light Tutorial for Illustrator How to Create a Neon Text Effect in Illustrator