Make a Geometric Pattern in Photoshop and Place it in Illustrator

    ●   Use Both Photoshop and Illustrator together.

Learn About:

Grids in PhotoshopLine Tool Embed an Image in Illustrator Free Transform Tool in Illustrator Manipulating Lines

  •   This tutorial is part of the Free Trade project.

Other People's Work:

Here are examples of work inspired by this tutorial.

Step #1: Open a New Document in Photoshop ~

Go to: File > New in Photoshop and open a new file approximately 350 x 350 pixels and a transparent background.

Step #2: Grid Lines ~

Go to: View > Show > Grid.




Sometimes it's hard to see the grid.


If so, go to: Photoshop > Preferences > Guides, Grid, & Slices

Change the color of the Grid to something with more contrast …

… also, go to: View > Snap and make sure it's selected.

Step #4: Line Tool ~

Select the Line Tool which is behind the Rectangle Tool …

… make sure Pixels is selected in "Pick tool mode" …

… and select a line weight of about 1px.

Step #5: Create your First Line ~

Drag the first line from the bottom left to the second point in the upper left. 

Step #6: Move up and Over ~

Start the next line up from the 2nd point ABOVE the 1st line and drag it to the 3rd point on the upper left. 

Step #4: Keep Going ~

Each new line begins and ends further up and over from the last …

Step #5: Repeat ~

Repeat the process to create the same geometrical curve on the bottom right side …

Step #6: Save as … ~

Go to: File > Save as … and save it as a Photoshop .psd document.

save as

Step #6: Place the Shape in Illustrator ~

Open your project in Illustrator and go to: File > Place. Find the .psd document you saved and place it into your document.

file place

Step #7: Embed the Image ~

When you get the file in Illustrator, hit Embed on the menu bar.


If you don't Embed the Photoshop image, it wont be there when you send it in!

Step #8: Adjust the Size of your grid in Illustrator ~

Get the Free Transform Tool or hit the keyboard shortcut letter (e) …

… and adjust the image to fit your composition

Step #9: Transparency Panel~

Click Transparency or go to: Window > Transparency

… and change the Blending Mode until you get something you like.

Also, experiment with lowering the Transparency (if necessary …)

Last Step: Save Your Project & Attach ~

Go to: File > Save as … and save your work as an .ai document.

save as an ai


    •     ALWAYS save your projects using the following naming convention:

    •     DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

    •     NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.

SAVE YOUR WORK FREQUENTLY! No excuses for missing or lost work! Attach the .ai file and keep working …

Other Resources: