vrijdag 15 augustus 2014

Insta-Art: Wow Your Friends with this Mosaic Vector Effect

martini glass vector


To create the 3D mosaic vector effect we will use the Halftone effect of the Phantasm plug-in and then we will learn how to automate work in Adobe Illustrator using the Action feature. Long sequences of commands, effects and filters with multiple parameters can easily be replaced with the work of the action, which lasts no more than 5 seconds! At the end, you’ll be able to create instant works of mosaic art with this mosaic vector tutorial.




 


Tutorial Details: Mosaic Vector Effect


Final Image: Mosaic Vector Effect


mosaic vector


Creating 3D cubes graphic style for mosaic vector effects


Step 1


To begin this mosaic vector tutorial, let’s create a graphic style that will be used during the action. We need an object for work. Insert a raster image into the current document (File > Place …). I will use a reproduction of Mona Lisa by Leonardo da Vinci.


mosaic vector


Select an image, then add the white fill to it in the Appearance panel (Window > Appearance).


mosaic vector


Step 2


Next for this mosaic vector  effect, select the white fill in the Appearance panel, then go to Effect > Convert to Shape > Rectangle…. In the opened dialog box, select the Relative Size option and set the values ​​for Extra Width and Extra Height equal to 0.


mosaic vector


Note that the effect is applied to the target fill only.


mosaic vector


Move the white fill below Content item in the Appearance panel.


mosaic vector


Step 3


Now apply to the object the Halftone effect of Phantasm plug-in to make a mosaic vector of squares based on the raster image. Unselect white fill in the Appearance panel, then go to Effect > Phantasm > Halftone … and set the parameters shown in the picture below.


mosaic vector
mosaic vector


Step 4


Create a graphic style that will have all the appearances of our object. Keeping the image selected, click on the New Graphic Style … in the fly-out menu of the Graphic Styles panel (Window > Graphic Styles).


mosaic vector


Creating 3D cubes action for our mosaic vector


Step 1


Now we need an object to create an action. We can use the same raster image, but first we need to remove the fill and all the applied effects in the Appearance panel.


mosaic vector


Create New Set, by clicking on New Set … in the fly-out menu of the Actions panel (Window > Actions). Type name of the set – 3D cubes.


mosaic vector


Step 2


Proceed to recording the action. Click New Action … in the fly-out menu of the Actions panel. Type the name of the script 3D cubes (light from left). This is the case when the light source is on the left. Now click on the Record button.


mosaic vector


Step 3


Group up the object (Cmd / Ctrl + G). As you can see, the perfect action was immediately recorded in the Actions panel.


mosaic vector


Next for your mosaic vector, apply 3D Cubes graphic style, by clicking on its thumbnail in the Graphic Styles panel.


mosaic vector


Step 4


Click Insert Menu Item … in the fly-out menu of the Actions panel, then go to Object > Expand Appearance to record command in action. Now go to Object > Expand Appearance to apply the command to our group one more time.


mosaic vector
mosaic vector


Step 5


Ungroup objects (Shift + Cmd / Ctrl + G). Copy the selected objects (Cmd / Ctrl + C). In the future, we will insert copies twice to create different sides of the cubes.


mosaic vector