Friday, December 1, 2023
HomeVideo EditingHow one can Create Trippy Patterns

How one can Create Trippy Patterns


Within the following tutorial, we’ll be taught shortly find out how to create trippy patterns utilizing Adobe Illustrator and Photoshop. The strategies you’ll be taught right here will provide help to create your personal psychedelic and trippy-style patterns on your initiatives, so be impressed!

If you do not have the time to learn to create trippy designs, you’ll be able to at all times head to Envato Parts, the place you’ll find an enormous assortment of graphics and design belongings which are able to obtain and use.

What You may Be taught in This Illustrator Tutorial

  • How one can create a trippy acid wave background
  • How one can make a psychedelic sample impact
  • How one can create a fab and psychedelic 60s sample

1. How one can Create a Trippy Acid Wave Background

Step 1

Launch Illustrator and click on on New File to open the New Doc window. Identify your design file ‘Trippy_01’, set it to 3000 x 2000 px, and hit Create.

how to launch adobe illustrator and create new file for psychedelic patternshow to launch adobe illustrator and create new file for psychedelic patternshow to launch adobe illustrator and create new file for psychedelic patterns

Step 2

For the primary design, we need to make an simple trippy sample utilizing wavy strains. Earlier than we begin, enable the Sensible Guides (Command-U).

Choose the Rectangle Software (M), and draw an oblong strip from one finish of the artboard to the opposite. Make sure that it has a turquoise Fill and null Stroke.

Utilizing the Choice Software (V) to pick out the rectangle, maintain down the ShiftAlt keys to constrain the motion, and duplicate the choice by dragging the cursor vertically till the perimeters contact.

Then click on the Command-D shortcut to Rework Once more. Repeat this duplicate shortcut thrice.

learn how to turn on smart guides then use the rectangle tool to create shapes and duplicatelearn how to turn on smart guides then use the rectangle tool to create shapes and duplicatelearn how to turn on smart guides then use the rectangle tool to create shapes and duplicate

Step 3

Now, let’s give this psychedelic design some shade. Choose every of the oblong bars and provides them a shade Fill. I labored with turquoise, aquamarine, orange-red, egg-yellow, and beige for a retro shade palette.

Then Choose All (Command-A) and Group (Command-G).

learn how to select all and group together using a shortcutlearn how to select all and group together using a shortcutlearn how to select all and group together using a shortcut

Step 4

Subsequent, use the Choice Software (V) to pick out the group. Maintain down the ShiftAlt keys to constrain the motion, and duplicate the choice by dragging it right down to the top of the group.

Click on the Command-D shortcut to duplicate and Rework Once more, till the top of the artboard.

how to use the selection tool to select a group and duplicatehow to use the selection tool to select a group and duplicatehow to use the selection tool to select a group and duplicate

Step 5

Choose All (Command-A) and Group (Command-G). 

Then apply a wave warp impact:  Impact > Warp > Wave. Set the Bend to 50%, Horizontal, and OK.

create a trippy design by applying a warp wave effect to shapes in adobe Illustratorcreate a trippy design by applying a warp wave effect to shapes in adobe Illustratorcreate a trippy design by applying a warp wave effect to shapes in adobe Illustrator

Step 6

With the group nonetheless chosen, apply an Envelope Distort to the choice: Object > Envelope Distort > Make With Mesh…

This can open the Envelope Mesh window. Specify the variety of rows and columns you need. I set Rows to 4 and Columns to 7. Click on OK.

learn how to use envelope the mesh distort selection to create a trippy designlearn how to use envelope the mesh distort selection to create a trippy designlearn how to use envelope the mesh distort selection to create a trippy design

Step 7

Now let’s have some enjoyable! Right here you’ll be able to work your magic by tweaking the wave sample to create a liquified wave impact.

Decide the Direct Choice Software (A), to tweak every of the anchor factors within the rows and columns. Maintain down the Shift key to pick out a number of anchor factors, or you’ll be able to attempt to bend and rotate the anchor factors. Go forward and work your magic!

learn how to use the direct selection tool to tweak mesh anchor pointslearn how to use the direct selection tool to tweak mesh anchor pointslearn how to use the direct selection tool to tweak mesh anchor points

Step 8

After you have completed tweaking, choose the Rectangle Software (M) and draw a rectangle to cowl the artboard area.

how to use the rectangle tool to cover artboard for clipping maskhow to use the rectangle tool to cover artboard for clipping maskhow to use the rectangle tool to cover artboard for clipping mask

Step 9

Now let’s end off the trippy sample by making use of a Clipping Masks.

Choose the rectangle, maintain down Shift to pick out the wavy strains as properly, after which use the shortcut (Command-7) to use a Clipping Masks or select Object > Clipping Masks > Make.

learn how to apply clipping mask to an object in adobe Illustrator to show psychedelic patternlearn how to apply clipping mask to an object in adobe Illustrator to show psychedelic patternlearn how to apply clipping mask to an object in adobe Illustrator to show psychedelic pattern

2. How one can Make a Psychedelic Sample Impact

Step 1

Let’s go forward and make one other trippy illustration with a liquified impact, utilizing each Adobe Illustrator and Photoshop. First create a New Doc (Command-N) with an artboard dimension of 3000 x 2000 px dimensions, in Adobe Illustrator.

For this impact, we have to draw strains, so take the Line Phase Software (), with a null Fill and black Stroke. Set the Stroke Weight to 25 pt from the highest menu bar, and draw a line from one finish of the artboard to the opposite.

learn tovuse the line segment tool in Illustrator to draw lines to create trippy liquify effect learn tovuse the line segment tool in Illustrator to draw lines to create trippy liquify effect learn tovuse the line segment tool in Illustrator to draw lines to create trippy liquify effect

Step 2

Subsequent, we have to duplicate the road throughout the artboard, so Impact > Distort & Rework > Rework… This can open the Rework Impact dialog field. Examine the Preview for a stay preview. Set Transfer: Vertical to 40 px and Copies to 50, and hit OK.

how to multiply lines by using distort and transform to create effecthow to multiply lines by using distort and transform to create effecthow to multiply lines by using distort and transform to create effect

Step 3

Subsequent, use Command-C to Copy the road phase, and transfer on to Photoshop to present the ‘liquify’ impact.

Use the identical Doc Dimension of 3000 x 2000 px, and ensure the doc is in RBG mode.

create a new document rgb mode on photoshopcreate a new document rgb mode on photoshopcreate a new document rgb mode on photoshop

Step 4

Edit > Paste to open the Paste dialog field, be sure that Pixel is checked, and press OK.

Make sure that to suit the linework onto the artboard appropriately. Then right-click on ‘Layer 1’ and Convert to Sensible Object.

how to set artboard size, copy paste and convert selection to a smart object in Photoshophow to set artboard size, copy paste and convert selection to a smart object in Photoshophow to set artboard size, copy paste and convert selection to a smart object in Photoshop

Step 5

Now let’s apply a ‘liquify’ impact. Go to Filter > Liquify to open the Liquify window.

Choose the Twirl Clockwise Software (C) from the left device panel. Set the comb Dimension to 800 or extra, and slowly twirl the strains by clicking and dragging. In case you make a mistake, click on on Reconstruct or Reconstruct All, and begin over.

how to use the twirl clockwise tool to apply liquify filter effect on photoshop how to use the twirl clockwise tool to apply liquify filter effect on photoshop how to use the twirl clockwise tool to apply liquify filter effect on photoshop

Step 6

After, you have completed twirling the road design, go forward and change to the Ahead Warp Software (W) to repair the aspect shapes and features.

how to use the forward warp tool to fix edges and lines in liquify filter on photoshophow to use the forward warp tool to fix edges and lines in liquify filter on photoshophow to use the forward warp tool to fix edges and lines in liquify filter on photoshop

Step 7

Subsequent, we have to convert the paintings right into a vector.

Choose the Rectangle Marquee Software (M), and drag it across the liquified artboard. Then go to Edit > Copy Merged.

Transfer over to Adobe Illustrator once more. Delete the road we reworked, after which Edit > Paste (Command-V) to stick the brand new liquified sample picture onto the artboard.

learn to use the rectangle marquee tool to trace artboard and copy merged then paste to Illustratorlearn to use the rectangle marquee tool to trace artboard and copy merged then paste to Illustratorlearn to use the rectangle marquee tool to trace artboard and copy merged then paste to Illustrator

Step 8

Window > Picture Hint.

Set the Mode to Black and White, and ensure to examine Ignore White below Choices.

Learn to use the image trace liquified pattern as black and white ignoring white on IllustratorLearn to use the image trace liquified pattern as black and white ignoring white on IllustratorLearn to use the image trace liquified pattern as black and white ignoring white on Illustrator

Step 9

As soon as your picture has been traced, click on Broaden from the highest menu bar.

Then Object > Ungroup to ungroup the strains.

Now you’ll be able to change the colour of every line. Take the Direct Choice Software (A), and apply shade fills to the liquified strains.

how to ungroup lines and apply color fills inadobe illustratorhow to ungroup lines and apply color fills inadobe illustratorhow to ungroup lines and apply color fills inadobe illustrator

Step 10

To complete the psychedelic sample impact, we have to add a background.

So take the Rectangle Software (M) and draw a rectangle form 3000 x 2000 px over the artboard area. Then, with the form chosen, Object > Prepare > Ship to Again (Shift-Command-[).

Apply a suitable color Fill, and voila! Your trippy pattern is ready.

how to apply a background how to apply a background how to apply a background

3. How to Create a Groovy Psychedelic 60s Pattern

Step 1

The next design we will create is a 1960s psychedelic hippie-style pattern.

Create a New Document (Command-N), 2000 px by 2000 px.

Open the Brushes panel (Window > Brushes).

Grab the Brush Tool (B). Select a round calligraphic brush, and set the Stroke color to black from the Tools bar.

how to create a groovy psychedelic hippie style pattern open new documenthow to create a groovy psychedelic hippie style pattern open new documenthow to create a groovy psychedelic hippie style pattern open new document

Step 2

Start by doodling four separate trippy illustrations. Grab the Brush Tool (B), and hand-draw some hipster objects, like lips, flowers, mushrooms, eyes, sun, peace symbol, etc.

learn doodle with brush tool some hipster elements for trippy pattern on adobe illustratorlearn doodle with brush tool some hipster elements for trippy pattern on adobe illustratorlearn doodle with brush tool some hipster elements for trippy pattern on adobe illustrator

Step 3

Once you have finished doodling, Select All (Command-A), and Object > Expand Appearance.

how select all and apply expand appearance to expand the lineworkhow select all and apply expand appearance to expand the lineworkhow select all and apply expand appearance to expand the linework

Step 4

Next, open the Pathfinder panel (Window > Pathfinder).

With the Selection Tool (V), select all the shapes of each trippy illustration group and Shape Modes: Unite from the Pathfinder panel.

Do this for all four doodles.

learn how to use the pathfinder panel shape mode to unite all the shapes togetherlearn how to use the pathfinder panel shape mode to unite all the shapes togetherlearn how to use the pathfinder panel shape mode to unite all the shapes together

Step 5

Time to color the elements.

Use the Selection Tool (V) to select each element.

Select the Live Paint Bucket Tool (K), which is found under the Shape Builder Tool (Shift-M). Now the selected element will turn into a Live Paint Group. 

Move the Live Paint Bucket Tool over the doodle, and then apply color to the gaps.

how to use the live bucket tool to turn selection to a live paint group and colorhow to use the live bucket tool to turn selection to a live paint group and colorhow to use the live bucket tool to turn selection to a live paint group and color

Step 6

Color all objects using the Live Paint Bucket Tool (K).

Learn how to use the Live paint bucket tool to color objects and shapesLearn how to use the Live paint bucket tool to color objects and shapesLearn how to use the Live paint bucket tool to color objects and shapes

Step 7

Let’s turn these elements into a seamless 60s-style psychedelic pattern.

With our colored objects selected, click Object > Pattern > Make to start creating our pattern. Then use the Selection Tool (V) to move and rotate the elements as you see fit. Make sure to overlap the elements for a trippy pattern design.

From the Pattern Options panel, set the following options:

  • Tile Type: Hex By Column
  • Width: 1000 px
  • Height:  1000 px
  • Copies: 9 x 9
  • Click Done from the top menu to exit Pattern Mode
how to create a repeating trippy pattern using pattern option in adobe illustratorhow to create a repeating trippy pattern using pattern option in adobe illustratorhow to create a repeating trippy pattern using pattern option in adobe illustrator

Step 8

The psychedelic 60s pattern will now appear automatically in the Swatches panel (Window > Swatches).

Once the swatch is created, you can hide the objects we created by going to Object > Hide > Selection (Command-3).

Finally, grab the Rectangle Tool (M). Draw a 2000 x 2000 px square and apply the pattern swatch to the Fill.

learn to apply a pattern swatch Fill with trippy designslearn to apply a pattern swatch Fill with trippy designslearn to apply a pattern swatch Fill with trippy designs

Congratulations! You’re Done

You just learned how to create different psychedelic patterns, illustrations, and trippy designs using a selection of Adobe Illustrator tools.

Now that you’ve gained the ability to make easy trippy patterns, feel free to apply the same techniques to create your own psychedelic 60s pattern. If you don’t have time to design your own, make sure to check out Envato Elements, where you will find plenty of resources that might inspire you and are available for download.

3 psychedelic pattern design tutorials on adobe illustrator3 psychedelic pattern design tutorials on adobe illustrator3 psychedelic pattern design tutorials on adobe illustrator

Ready-to-Use Trippy Patterns and Assets

If you’d like to save time, simply download any of the thousands of assets available on Envato Elements, including psychedelic patterns and designs.

1. Orange Psychedelic Vibes Illustration Set (AI, EPS)

Are you looking for illustrations with a psychedelic vibe? Check out this artistic set, which will come in handy if you’d like to create your own composition for a pattern, landing page, website, and more.

downlaod the orange psychedelic vibes illustration set on Envato Elementsdownlaod the orange psychedelic vibes illustration set on Envato Elementsdownlaod the orange psychedelic vibes illustration set on Envato Elements

2. Warped Line Textures (EPS, JPG)

When you need high-resolution patterns to give your design projects a twisted vibe, give this set of swirly, glitchy textures a try. You’ll get various styles that are trippy and fitting for all sorts of cool design projects.

the warped line patterns and textures available for download in Envato Elementsthe warped line patterns and textures available for download in Envato Elementsthe warped line patterns and textures available for download in Envato Elements

3. Watercolor Psychedelic Flowers (PNG)

This eight-piece collection of seamless watercolor patterns has a different approach, featuring fruits, mushrooms, and vibrant flowers.

download the watercolor Psychedelic flowers patternfrom Envato Elementsdownload the watercolor Psychedelic flowers patternfrom Envato Elementsdownload the watercolor Psychedelic flowers patternfrom Envato Elements

4. Abstract Psychedelic Backgrounds (JPG)

Create fun and twisted effects using these psychedelic abstract backgrounds. They combine a colorful, vibrant look with a surreal feel. These backgrounds really grab attention and will help make your projects stand out.

Download the abstract psychedelic background from envato elementsDownload the abstract psychedelic background from envato elementsDownload the abstract psychedelic background from envato elements

5. Humbeys Rounded Warped Font

Finish off your designs with Humbeys, a twisted, experimental font to create a sense of dynamism and movement.

humbeys rounded warped font for a psychedelic look on Envato Elementshumbeys rounded warped font for a psychedelic look on Envato Elementshumbeys rounded warped font for a psychedelic look on Envato Elements

Want to Learn More?

Did you enjoy this tutorial on how to create psychedelic patterns? You can find loads more tutorials on Envato Tuts+ that will teach you many other useful techniques to design trippy patterns. Here’s a list of retro articles and tutorials specially catered to that. Take a look!

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments