Make a Geometric Pattern in Photoshop and Place it in Illustrator
● Use Both Photoshop and Illustrator together.
✓ Grids in Photoshop✓ Line 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.
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.
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.
• 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: http://www.showandtell-graphics.com/geometric-curves.html