April 28th, 2012

Typographic Illustrations of Marcelo Schultz

The Skull of Rock!

Marcelo Schultz is a Brazilian designer and art director with a talent for producing fantastic typographic illustrations. His work typically has a 3D look and believe but is done entirely without the use of 3D tools or applications. In detail, Schultz’s weapon of choice is Photoshop. In this article we will take a look at some of our favorite pieces early his portfolio.

OoOps!

Let’s Rock Now!

Born To Shine

Let’s Rock Nearly The World

 

Brunette Lovers

 

LOVE. HATE. SEX. PAIN.

Nike – Just do It – Part II

Volkswagen “Bubble”

Awesome Type

Nike – Just Do It – Untried Project

April 20th, 2012

Create a Detailed Vintage TV from Scratch

TV early scratch using Photoshop’s vector editing capabilities.

Create a Detailed Vintage TV from Scratch in Photoshop

In now’s tutorial, I will show you how to start a meticulous vintage TV early scratch using Photoshop’s vector editing capabilities. The meticulous step by step handbook will help you to know the process of its creation. First, take a look at the persona we’ll be making.

Create a Detailed Vintage TV from Scratch in Photoshop

Open Photoshop and start a new document. I am using 1000×800 pixels. With that fill the social class layer with colorless using the Paint Bucket Tool (G).

Create a Detailed Vintage TV from Scratch in Photoshop

Set Foreground and Social class colors to #4a0d04 and #9f2810. Use the rounded rectangle tool with radius of 5px to start a dark brown (#4a0d04) rectangle.

Create a Detailed Vintage TV from Scratch in Photoshop

Rasterize this layer, then go to Filter > Render > Fibers. Set the Variance to 16 and Strength to 55, then apply.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Drop down colors a bit using Hue/Infiltration (Cmd/Ctrl + U),

Create a Detailed Vintage TV from Scratch in Photoshop

then apply following layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate this layer (Cmd/Ctrl + J), position duplicated layer not extra than original layer and go down a bit. Name this layer “base”.

Create a Detailed Vintage TV from Scratch in Photoshop

With Rectangular Marquee Tool (M), start selection be fond of on the depiction not extra than, and apply Layer Mask (Layer > Layer Mask > Reveal Selection) on “base” layer.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Apply Bevel and Stamp to “base” layer.

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer higher than “base” and not extra than “body” layer, give this layer a name “shadow”, Cmd/Ctrl + click on “body” layer to start selection nearly it, and fill selection with black affect (#000000). Go “shadow” layer few pixels down,

Create a Detailed Vintage TV from Scratch in Photoshop

apply Gaussian Blur with Radius set to 5px,

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click on “base” layer mask to start selection, make sure you are on “shadow” layer, apply Layer Mask,

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

and irrevocably change the Mix together Mode to Multiply and Opacity to 70%.

Create a Detailed Vintage TV from Scratch in Photoshop

Pick up Rounded Rectangle Tool (U) and with Radius set to 10px magnet small rectangle – “foot”, not extra than “base” layer and apply Gradient House on top early Layer Style.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer just higher than “foot” layer, start Clipping Mask (Layer > Start Clipping Mask), fill it with black affect, and add Blast.

Create a Detailed Vintage TV from Scratch in Photoshop

With Rectangle Tool (U) magnet small rectangle and give this layer following layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Repeat the process to start the other foot.

Create a Detailed Vintage TV from Scratch in Photoshop

With this we have finished vital TV shape. It’s time to go on. Go back to “body” layer, duplicate this layer and extent it down using Free Transform Tool (Cmd/Ctrl + T).

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click on layer thumbnail to start selection, go to Select > Modify > Contract and contract selection by 10px,

Create a Detailed Vintage TV from Scratch in Photoshop

hit Backspace on keyboard to rub out selection.

Create a Detailed Vintage TV from Scratch in Photoshop

Set Fill to 0% and apply Inner Shadow, Bevel and Stamp, and Affect House on top.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Now, we will start work on the screen. Using the Rounded Rectangle Tool with Radius of 100px magnet black rectangle.

Create a Detailed Vintage TV from Scratch in Photoshop

Go to Edit > Transform Trail > Wrap, early drop down menu point out Inflate and set Bend to 15%.

Create a Detailed Vintage TV from Scratch in Photoshop

Open Layer Style properties by double clicking on screen layer and apply following layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer, apply Clipping Mask, fill the layer with black affect and add Blast (Quantity: 3%, Standardized, Monochromatic) and lower the Opacity to 80%.

Create a Detailed Vintage TV from Scratch in Photoshop

Let’s start frame nearly black screen. Cmd/Ctrl + click on black screen layer thumbnail to make selection, go to Select > Modify > Expand and expand selection by 4px. Start new layer and fill selection with colorless affect.

Create a Detailed Vintage TV from Scratch in Photoshop

Apply following layer styles to this layer:

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click on layer thumbnail to start selection, then go to Select > Modify > Contarct and contract selection by 4px, and irrevocably apply Layer Mask (Layer > Layer Mask > Bury Selection).

Create a Detailed Vintage TV from Scratch in Photoshop

In this step we will make the foremost TV screen. Duplicate black screen layer, drag it on top of layers, extent it down (Cmd/Ctrl + T), change affect to #6c6c6c,

Create a Detailed Vintage TV from Scratch in Photoshop

and add layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

It’s now time to add the reflections. You can get the persona that is reflected on the screen at this time. Open it in Photoshop and drag it into your document, then extent and house over the foremost TV screen.

Create a Detailed Vintage TV from Scratch in Photoshop

Go to Edit > Transform > Wrap, point out Inflate and set Bend to 50%.

Create a Detailed Vintage TV from Scratch in Photoshop

Next, give this layer Gaussian Blur with a Radius of 1.5px, adjust Brighness and Magnet a distinction to -70 and 81 (Persona > Adjustments > Brightness/Magnet a distinction),

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click on foremost TV screen layer to overload selection, make sure you are on reflected persona and apply Layer Mask (Layer > Layer Mask > Reveal Selection),

Create a Detailed Vintage TV from Scratch in Photoshop

at the end change the Mix together Mode to House on top and set Opacity to 4%.

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate reflected persona and go it couple pixels to the right. Change the Mix together Mode to Affect Burn and set Opacity to 8%.

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click on foremost TV screen layer to overload selection, start new layer on top, make sure that Foreground affect is colorless, get the Gradient Tool, set the Gradient to Foreground to Transparent

Create a Detailed Vintage TV from Scratch in Photoshop

Pick Elliptical Marquee Tool (M), magnet ellipse be fond of on the persona not extra than,

Create a Detailed Vintage TV from Scratch in Photoshop

apply Layer Mask and set Opacity to 35%.

Create a Detailed Vintage TV from Scratch in Photoshop

Grab Brush Tool (B), and with large soft brush dub one colorless spot,

Create a Detailed Vintage TV from Scratch in Photoshop

give this layer a Gaussian Blur with Radius set to 20% and irrevocably drop down the Opacity to 50%.

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer on top, overload selection nearly foremost TV screen, set the Foreground affect to black, and go to Edit > Stroke.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Apply Gaussian Blur with radius set to 10px and set Opacity to 80%

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Using Rectangular Marquee Tool (M) magnet selection and fill it with black affect on new layer.

Create a Detailed Vintage TV from Scratch in Photoshop

Give this layer Drop Shadow, Inner Shadow and Bevel and Stamp early Layer Style panel.

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer on top, add Clipping Mask (Cmd/Ctrl + Alt + G), reset Foreground and Social class colors to black and colorless by pressing D on keyboard, fill the layer with Foreground affect (Alt + Backspace) go to Filter > Blast > Add Blast, set the Quantity to 5%, for Distribution point out Gaussian and make sure that Monochromatic is checked.

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd/Ctrl + click black rectangle, set the Foreground affect to colorless, click Layer > New Fill Layer > Gradient.

Create a Detailed Vintage TV from Scratch in Photoshop

Step 9

Let’s add lecturer fissure. Start by drawing one small circle.

Create a Detailed Vintage TV from Scratch in Photoshop

Select its trail, hit Cmd/Ctrl + Alt + T, and go it to the right.

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate again with Cmd/Ctrl + Budge + Alt + T. Repeat this until we have a row of holes.

Create a Detailed Vintage TV from Scratch in Photoshop

We still need extra holes. Select all paths, hit Cmd/Ctrl + Alt + T, go it down. Repat this until we have a lot circles.

Create a Detailed Vintage TV from Scratch in Photoshop

Add Inner Shadow and Affect House on top early Layer Style.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Magnet a black circle.

Create a Detailed Vintage TV from Scratch in Photoshop

Cmd+click small circles to start selection.

Create a Detailed Vintage TV from Scratch in Photoshop

Add Layer Mask so the black circle will be inside the holes.

Create a Detailed Vintage TV from Scratch in Photoshop

Set the Foreground and Social class colors to #adacac and #4e4e4e respectively, with Rectangular Marquee Tool (M), start selection be fond of on the persona not extra than and fill with the Foreground affect,

Create a Detailed Vintage TV from Scratch in Photoshop

and add following Layer Styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer on top, add Clipping Mask, fill layer with #adacac affect, and then add blast by choosing Filter > Blast > Add Blast early the foremost menu with settings of 30%, Gaussian and Monochromatic.

Create a Detailed Vintage TV from Scratch in Photoshop

To start the brushed metal effect, blur the blast by choosing Filter>Blur>Motion Blur with an slant of 0 and a space of 55 pixels.

Create a Detailed Vintage TV from Scratch in Photoshop

Next, grab Rectangular Maqruee Tool (M) and magnet 2 selections be fond of shown on the persona not extra than, then go to Layer > Layer Mask > Bury Selection.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

In this step we will start our mandate buttons. With the Ellipse Tool (U) start a grey (#969696) circle and add drop shadow.

Create a Detailed Vintage TV from Scratch in Photoshop

Select the Gradient Tool (G) then click on the affect preset. Change the colors so you have something be fond of the persona not extra than.

Create a Detailed Vintage TV from Scratch in Photoshop

Click ground Cmd/Ctrl on the thumb of the circle layer to start a marquee selection, cretae new layer higher than circle layer, then go to Layer > New Fill Layer > Gradient, select the Slant Gradient type and fill the layer with the gradient preset we made.

Create a Detailed Vintage TV from Scratch in Photoshop

Change the Mix together Mode to House on top and Opacity to 50%.

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate the circle layer and fill it with colorless. Change the order so it is on top of the other layers. With that change the Fill Opacity to 0% and add Layer Styles:

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate the circle layer and go to the top, make sure it is colorless. With that go to Filter > Pixelate > Mezzotint. Use Honest Dots. Start a Marquee Selection of the circle and then go to Filter > Blur > Radial Blur. Use 60 for the Quantity, Spin for the Blur Mode and Preeminent for the Feature.

Create a Detailed Vintage TV from Scratch in Photoshop

Set the Mix together Mode to Multiply and Opacity to 50%.

Create a Detailed Vintage TV from Scratch in Photoshop

With the Rectangle Tool (U) start a square ground Budge, then rotate the square (45 degree) and position it be fond of the persona not extra than.

Create a Detailed Vintage TV from Scratch in Photoshop

Open Layer Style properties and apply layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

With the Rectangle Tool (U) start grey (#e5dcdc) rectangles, rotate them and position be fond of on the persona not extra than, and add some text.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Select all layers used to start the button, then go to Layer > Assemble Layers. Duplicate the button assemble to add extra buttons.

Create a Detailed Vintage TV from Scratch in Photoshop

In this step we will add Number and Frequency buttons. To do that duplicate the button assemble again,  and bury grey rectangles.

Create a Detailed Vintage TV from Scratch in Photoshop

Then duplicate the button base, resize it and drag not extra than the original button base.

Create a Detailed Vintage TV from Scratch in Photoshop

Select the layer with Layer Styles, and change the Affect House on top to Black.

Create a Detailed Vintage TV from Scratch in Photoshop

Do the same for the Frequency button.

Create a Detailed Vintage TV from Scratch in Photoshop

Magnet a dark grey (#373737) rectangle using the Rectangle Tool (U) to start the button, then open the Layer Style panel and add some styles to this rectangle.

Create a Detailed Vintage TV from Scratch in Photoshop

Start new layer, add a Clipping Mask, fill layer with a black affect. Add Blast by going to Filter > Blast > Add Blast, set the Quantity to 20%, use Standardized for Distribution and tick Monochromatic. Set the Mix together Mode to Soft Light.

Create a Detailed Vintage TV from Scratch in Photoshop

Duplicate this button, change the shape affect to #a31f1f and lower the Opacity of the Blast layer to 50%.

Create a Detailed Vintage TV from Scratch in Photoshop

Close this step by adding a company logo.

Create a Detailed Vintage TV from Scratch in Photoshop

At this time’s what we have right now.

Create a Detailed Vintage TV from Scratch in Photoshop

It’s time to add a model name using DymaxionScript font. I added Ambasador and then with rasterized the layer and stretched the end of the A and the O to fill the black box.

Create a Detailed Vintage TV from Scratch in Photoshop

Then I added layer styles.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

We will close our TV by adding a Channel Selector Button. Duplicate the Number button, make it a larger, then select the layer not extra than the base button layer, and resize it even extra.

Create a Detailed Vintage TV from Scratch in Photoshop

Make sure you are on the larger circle, Cmd/Ctrl + click to start a selection, then go to Select > Modify > Contract and contract selection by 2px. Start a new layer just higher than the huge circle and fill the selection with a black affect.

Create a Detailed Vintage TV from Scratch in Photoshop

Add Gradient House on top early the Layer Style window.

Create a Detailed Vintage TV from Scratch in Photoshop

Type a number 1 and add a small Drop Shadow and Inner Shadow to make it extra legible.

Create a Detailed Vintage TV from Scratch in Photoshop

Now we need to add extra numbers. Hit Cmd/Ctrl + Alt + T. Hold alt and go transformation pivot (crosshairs in the middle of transformation box) to the middle of the button. Budge + drag to rotate number 30 degrees. Repeat the transformation and duplication by pressing Cmd/Ctrl + Budge + Alt + T. Irrevocably, change the number.

Create a Detailed Vintage TV from Scratch in Photoshop

Magnet a grey (#cac8c8) rectangle in the middle of the circle to start a channel selector. Add layer styles as shown not extra than.

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Create a Detailed Vintage TV from Scratch in Photoshop

Irrevocably add a shadow not extra than TV and we are done!

Create a Detailed Vintage TV from Scratch in Photoshop

You can play nearly with the social class to get a extra striking result.

Create a Detailed Vintage TV from Scratch in Photoshop