Close

The Making Of "The Family Works" Graphic

Posted on by Joe Cavazos

The "Family Works" logo has to be one of my favorite pieces I've done here at PVC. Now I can't go back and repeat the exacts steps I took to get to the final image but I can break it down layer by layer. Note: This not a tutorial but more of a break down. If you have any questions drop me a line down below.

Download the PSD source file here.


I started it all with my favorite stars pic.

 

I recycled these color gradient bars off a vector art from istockphotos.com. In photoshop I made two copies of the of the bars and adjusted the perspective to give it that corner look. I also added some masks to give it some opacity as it stretch to the edge of the graphic. I then grouped the two into a smart object.

 


I added a smart filter blur with a mask so I could have it blurred towards the back where the bars meet in the middle. I also changed the blending mode to hard light.




Then I added a curves adjustment layer and darken the image up, I masked out the middle to give a vignette look.




I duplicated the stars layer, increased the size and flip it. After that I add a gaussian blur and changed the blending option to screen. This made so just the star clusters would show.

 


For the logo I used a basic font in Illustrator and extended portions of the letters to make the future i-beams. NOTE: I find it easier to work with the 3D lighting in Illustrator when the art is a light grey or white.




I used the 3D extrude & bevel filter to create the basic frame of the logo.




I brought the logo in as a smart object into photoshop. I added a color effect with the blending mode set to color. I also added a gradient with the blending mode set to multiply. This added some darkness to the bottom of the logo.




To get the i-beam look I drew 2 shapes. One is for the inside part of the beam and the other the far back side of the beam. I also added a gradient from left to right to give it some shading.




Then I brought in a metal texture and used the selection of the original logo to place a mask on the texture.




I then set the blending mode of the texture too overlay.



I made a duplicate of the original smart object logo. Added a blur to it and then changed the blending mode too color dodge. This is what gave the text art a glow.




For the bolts I went back to illustrator, created a simple hexagon and used the 3D extrude filter on it. On a side note: I wanted to make sure to get the angle and proportions right on the text art. To do so I took a screen shot of the logo in PS and place it in Illustrator to use as a backdrop.




I brought the bolts into PS and added some color along with some lines.

 


For the various gears I used some more stock vector files.

 


I brought them into photoshop and added color layer effects. On some of them I added a black & white gradient with a blending mode set to multiply to give it some shading. In addition to that I applied a smart filter blur to help give it a greater depth of field.


The Family Works

To finish it off I created a new layer and filled it with a diagonal line pattern. I changed the blending option to soft light. Here's a place where you can see some tutorials on line patterns.

 

Related Posts:

The Family Works Series Design

One Minute Through My Eyes