Summary:

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 …
image


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.

embed

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

Remember:

    •     ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

    •     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: http://www.showandtell-graphics.com/geometric-curves.html