Graphic Design | Fold | Adobe Illustrator\/Photoshop  See details »

 
Video subtitles:
  • 00:00: hey guys welcome back to another episode of cleaner process today we're gonna be working on under graphic design concept in today's tutorial we'll be looking at how to create a folding ribbon effect inside illustrator we'll be using some new tools that will make our workflow much faster it's under great technique that can be useful for your other projects so let's begin by designing process open a new illustrator document first we'll create this dual folded ribbon so select the rectangle tool and draw a rectangle after that fill it out
  • 00:32: with a blue color using the color swatches and remove the stroke color next scale it down a little bit and then go to object and we'll up distort and click on make with mesh in this panel keep the rows and columns two by two and then click OK next using the I selection to start adjusting the anchor points to gather a shape also edit the handles to
  • 01:00: give a smooth curves after that select the bottom anchor points and drag it toward the left side next as it the handles to modify the shape and to maintain the smooth flow so here is our first shape next we're going to be creating the other two shapes in the same way so select the rectangle tool and create out on the rectangle
  • 01:31: then go to object and we'll up distort and apply make with mesh and set two rows and two columns now using the isolation tool each of the points as per the required shape then edit the handles in order to maintain the flow of the previous shape this way we'll continue tweaking the anchor points and get our shape now repeat the same process with the top anchor points and set the shape
  • 02:05: next create one more rectangle with a rectangle tool and repeat the same process like we did with both the previous shapes after that arrange the first shaped up front and then have a look at the merging points of each shape and just add in the next step select the line segment tool and create a line then
  • 02:30: apply the stroke color and set the stroke thickness to around 3 points and take a copy aside by pressing the Alt key and increase the stroke size next open the symbol parallel and drag the second line into that panel then give a name to that symbol now repeat the same process for the other line too now we can delete these lines next create a box
  • 03:01: with the rectangle tool disable the stroke and fill it out with light gray color after that drag the line symbol from the symbol panel and set it according to the size of the rectangle then by pressing Alt key me you copy and then the press command or control D to create multiple number of copies next make a copy of the rectangle by pressing the Alt key and then drag the tick line
  • 03:32: symbol from the symbol panel and adjust it according to the size of the rectangle now again press the Alt key and make a copy after that press Quemado control D for multiple copies then select both the shapes and press ctrl G to group them in the next step take a copy of the take line pattern and place it on the first shape after that select
  • 04:02: the shape and send it to back now select both shapes and go to object and willabus torte and click on make with top object this will automatically apply the pattern to our a shape following the KO flow without edges ting in the same way make a copy of the thin line pattern and place it over the second shape then send it to back after that select both shapes and go to object amble up distort
  • 04:32: and click on make the top object now repeat the same process for the third shape with a take pattern and then send it our shape to back here we can see that lines are applied in a zigzag way so to fix these lines figure dissection tool and edges the flow with the help of handles check the curves of the shape whether they are maintaining the flow or the folding effect after that keep the
  • 05:01: design aside and create a rectangle with a rectangle tool then good object envelope distort and click on make with mesh set 2 rows and 2 columns in a panel and click OK now paradise selection tool and edge of the table anchor points with the handles to give a smooth curvy shape then take a copy and click on mirror
  • 05:30: tool and click ok next rotate a copy to merge it with the curve shape and set the angle of rotation after that take the thick line pattern and place it on the front shape now select both the shapes and go to object and another distort and click on make with top object here sometime we could get zigzag shape with the lines so to fix that as
  • 06:02: you the handles using the I selection tool then as you the flow of the second shape according to the front one next take the thin line pattern and repeat the same process to fix the lines in that shape after that please go the shapes on the artboard now with add shadows through the shape so to add that create a duplicate of the a shape on top and go to object click on release in the envelope distort then we can see the
  • 06:33: separated shape and the pattern so delete the pattern and select the shape we cannot apply gradient to the mesh shape so go to object path and click on opposite path in that panel keep the offset value 0 and click OK this will create our outline shape now delete the mesh shape and select the shape with the outline apply gradient color to that
  • 07:02: shape then as it is sliders and change the blending mode to multiply now set the angular rotation of the gradient according to the shape and edge of the sliders next decrease the opacity to change it into lighter color after that repeat the same process for the third shape and pick the same gradient color from the previous shape using the eyedropper tool then delete the left
  • 07:30: slider and acity gradient from darker to lighter color next increase the opacity now to give a feel of depth in the shadow now repeat the same process for the middle shape and pick the same gradient color too using the eyedropper tool then edit the angle where we need shadows on the shape after that go on with the same process for the second shape and as a degraded
  • 08:00: angle up to the shadow area on the shape next open Photoshop and take a new document then drag the shapes from illustrator to Photoshop now scale both the shapes according to our requirement and then double-click on the bottom layer and set a color overlay under the layer style panel here give light cream color next select both of vector shapes and create a copy then rename the layers as
  • 08:31: shadow one and shadow after that double beyond the shadow layer this will open the layer style panel here apply color overlay choose voided color for the shadow part now to apply the same effect to the second shadow layer press the Alt key and drag the effect to the shadow one layer this will give a same color tone next select the layer 1 by 1 and right click then click on rasterize layer and then rasterize layer style
  • 09:02: this will convert Buddha layer - rasterize image now select the shadow on layer and press on commando ctrl T and then right click and select grab option now drag the shape to add a drop shadow now repeat the same process for the second shadow layer - using the wrap option we can modify any shape after that go to filter blur and select
  • 09:31: Gaussian blur sandi blur value around 19 and click OK next change a blending mode to multiply and then go to image adjustment and select curves here edge the curve to give darker tone and decrease the opacity level now press the shortcut key E for eraser and erase the unwanted shadow region next repeat the
  • 10:03: same shadow blur process for the other shape for the suitable values and the opacity levels [Music] then apply some human saturation to bring some color variation in the shadows after that select the elliptical marquee tool and create a circle with a light brownish fill color then take a copy of this circle and decrease the size now select the first circle and go
  • 10:32: to their style in that apply drop shadow and edit the angle distance size and opacity after that select leave your circle and go to filter and add some little noise on that next edges some brightness and contrast Esmond layer then in human saturation adjustment layer switch on colorize and then edges some colors next decrease the opacity of
  • 11:02: the color in the next step take a new layer and rename it highlight after that change the blending mode into linear dodge then choose a light cream color using the color picker panel now to apply the highlights only to your design will make a selection of the region so click on the thumbnail of the smart object layer by pressing the control key and then start applying the brush
  • 11:30: strokes where you want to add highlights after that make a selection of the other ribbon area by clicking on the thumbnail and apply the highlights now clip the hue and saturation adjustment layer to a smart object with the all pressed then make a copy of it for the down layer by pressing the Alt key then with the all pressed clip the layer to the second ribbon shape after that drag a shadow on there below the second vector shape then select the three layers and scale up
  • 12:02: this size move the small circle a little bit aside then after adjusting everything now press T for the type tool and type out some text like fold and now scale the size and apply a suitable color next set if on style for the text and edge the placement here in case if you want to change the color of the ribbon then double click on the smart object
  • 12:31: and it will open in illustrator and then select the shape and go to object envelope distort and click on release then select the line pattern and ungroup it now select the box shape and apply some orange color here you can choose any color then select both shapes and go to object and web distort and click on make with top object so that we can get our color on
  • 13:00: the shape including the patterns now go to file and see if they work and hence it will be updated automatically in the Photoshop file now select the first vector shape and repeat the same process change its color and save it and it's updated in Photoshop finally we have complete creating a 4d ribbon effect inside illustrator we have used some new
  • 13:31: techniques and tools that have reduced our work time I hope you enjoy tutorial don't will check out the next tutorial coming up and if you want more abuse from designing don't feel like share and subscribe this channel.thank