Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Create a 3D Vintage Lightbulb Sign Using Illustrator, Cinema 4D, and Photoshop

by
Difficulty:AdvancedLength:LongLanguages:

Great-looking 3D typography often involves the use of several applications. In this tutorial, we will show you how to create a vintage lightbulb sign using Adobe Illustrator to create and export the basic paths, Cinema 4D to create the 3D render, and Photoshop for post-production. Let's get started!


1. Exporting Paths From Illustrator to Cinema 4D

Step 1

The first step in our project is to create the shape of the letter "G" in Adobe Illustrator. Create a new file. Select the Type Tool, set font to Tango BT and type text on new document.

Creating paths in illustrator

Step 2

In next step choose font > create outlines. Now you have shape of your letter, set fill and stroke to "none."

Stroke

Step 3

After that, you have to export your shape to Cinema 4D. Select File > Save As and choose .ai format and save it for Adobe Illustrator 8. This is a really important step because if you save it for newer versions of Illustrator you won't be able to open it in Cinema 4D.

Save


2. Importing, Creating Sweep Nurbs

Step 1

Now start Cinema 4D. Select File > open from menu and open your saved letter "G." C4D will ask about some import parameters, we leave then as they are and click OK. Our letter which we did in AI is now in Cinema 4D as a Spline, we can modify it as we want.

Import paths from illustrator

Step 2

Now we must create sweep nurbs. From upper menu select "Circle",

Sweep

In Attributes panel set radius to about 4 cm

Sweep

Now again from upper menu choose sweep nurbs.

Sweep

Step 2

That's everything what we need to do to create sweep nurbs. Now we have to attach both objects to sweep nurbs but remember, circle must be above letter object because if it is under we don't get what we wanted. And now we've done sweep nurbs.

Sweep


3. Creating The Scene

Step 1

First, we have to create background for our project. So choose plane from upper menu.

Background

Step 2

Set width to about 400 cm and height to about 650 cm and rotate our plane 90 degrees vertically.

Background

Step 3

Now it's time to start creating our "G" letter. Select Text from upper menu and make letter G (font tango BT). Make it editable. Create new circle with radius about 2 cm and put it with text object as a child of Sweep NURBS.

G

Step 4

Copy object with text, create Extrude NURBS and set text object as a child of Sweep NURBS.

G

In Extrude NURBS attrbutes set movement to 2 cm.

G

Now it should look like this.

G

Step 5

Copy first Sweep NURBS object and in circle options set radius to 1 cm,

G

And move it a bit forward.

move

Step 6

Again copy text object from moved sweep nurbs and set it as a child of new Extrude NURBS

G

And set movement to 1 cm

G

Step 7

Create Null Object

null

And put all created objects to that object and rename it to Base.

base

Step 8

Copy latest created Sweep NURBS, move it a bit in front of other objects again

copy

And in circle object check Ellipse and set radius Y to 3 cm.

elipse

Step 9

Again copy Sweep NURBS and move it again a bit forward.

copy

In circle attributes uncheck Ellipse and set radius to 2cm

uncheck elipse

In Sweep NURBS Attributes now we have to change End Growth to 60%

growth

Step 10

Copy latest Sweep NURBS and change only Attributes.

atributes

Step 11

Our work for the moment should look like this.

final

Step 12

Again create a Null Object and put those Sweep NURBS to it.

null

null

Step 13

Now we have to create Neon splines. All of them are copies of latest Sweep NURBS only with other radius and circle Ellipse or not, with changed start and end growth. You can set it as you want.

animation

Step 14

Now we have to create something like screws. To do that, create a small Cylinder with settings like these.

screws

Create Cloner from upper menu MoGraph > Cloner. Make that Cylinder as a child of Cloner.

screws cloner

Step 15

Copy latest text object, move it forward. Click on Cloner with Cylinder and set Attributes as on picture below.

cloner

In object part of these Attributes set copied Text object as Object which Cloner will suggest. It should look like this.

cloner

Step 17

Now copy Text object and Cloner with Cylinder as a child, move it a bit forward. Change size of Cylinder to

cloner size

And in Cloner Attributes change object to duplicated text. Create new Null Object, rename it to Screws and put both Cloner objects and both text objects to that object.

cloner size

Step 18

Now that the screws are created, they should look like this. Most front-end Sweep NURBS objects should be getting by screws.

screws final

Step 19

Now we have to make bulbs. Select File > New. Press F3 (Change View Mode). Select Bezier Tool and create half of bulb.

bezier bulb

Now select Lathe Nurbs

lathe nurbs

And make created half of bulb as a child of Lathe NURBS. Now press F1 and we can see something like bulb.

lathe nurbs fin

Select Both objects and click "make editable." Now click on object and press CMD/CTRL + C. Select Window and on the bottom select project with G letter. Click CMD/CTRL + V.

lathe nurbs fin

Step 20

Turn Vertically that bulb and put it on a letter. Copy it as much as you want in G shape. Put them all to new Null Object and rename it to Bulbs.

G

Step 21

In the last step of creating Letter G, copy Sweep NURBS from Base and set Circle Attributes as shown below.

circle sett

And move it a bit backward. Back end should look similar to this.

circle sett


4. Creating Materials

Step 1

From material browser select create > shaders > VrayBridge > VrayAdvancedMaterial.

vray mat

Step 2

Double click on created material and set settings as on pictures below.

That's it. Now we have Black material and we need to create green and yellow materials. Click on created black material and copy that by shortcut CMD/CTRL + C, CMD/CTRL + V. Double click on copied material and in Diffuse Layer change color to green and do the same with yellow material.

  • Green: #75b624.
  • Yellow: #ede336.
vray mat

vray mat

vray mat

vray mat

Step 3

Now we need to create white background material. Again select create > shaders > VrayBridge > VrayAdvancedMaterial and set settings like that.

vray mat

vray mat

vray mat

And now we have all materials, which we need for our project. Apply all the materials to created objects. You should get similar result:

vray mat fin


5. Lighting and Rendering

Step 1

Create a new object. Add Object > Plane

vray mat

Step 2

Create a new VrayAdvancedMaterial set Diffuse Layer 1 to white and go to the Luminosity layer and apply these settings:

light mat

light mat

Step 3

Apply the materials on the two planes, put the first (slightly decrease the object) are on the right and second on the left side of the stage.

softboxes

Step 4

Open the file VRAY TUT SETTINGS.c4d.
Go to render > Edit render settings and copy render settings.

copy sett

Back to your document and go to the render settings and click Paste.

paste sett

Step 5

Hit render to picture viewer (Render > Render to picture viewer) and wait for the final render.

render

When file is rendered the project should looks very similar to this:

render


6. Postproduction in Photoshop

Step 1

Open the rendered file in Photoshop (I use CS6) and create new adjustment layer (adjustment layer > selective color).

photo

Step 2

In selective color menu choose Yellows and apply this settings:

Cyan: -50%
Magenta: + 20%
Yellow: + 5%
Black: 0%

yellow

Now go to the Greens section and apply the settings below.

Cyan: + 50%
Magenta: -19%
Yellow: + 40%
Black: + 10%

green

After this operation, the project should look like this:

fin

Step 3

Select the pen tool and start to create the shape of the color (# eff05b).
Change the opacity of the created shape to 50%.

pen

Add a vector mask to the shape layer then grab a black soft brush and try to mask hard edges of the shape.

mask

Repeat this step few times to create nice glass reflections on the letter.

mask fin

Step 4

Use the pen tool to create light splines, change the stroke size to 3pt and start make the shapes.

light splines

After creating a spline set the blending mode to Linear Dodge (Add).

light splines

light splines

Repeat this step few times to create a light effect.

light splines

Step 5

To light some bulbs use soft brush color (green # a2c44d, yellow # eacb32), then set the blending mode to Linear Dodge (Add).

bulbs

Step 6

To create a cable select pen tool and start drawing the black shapes. Then go to blending options and check Bevel and Emboss.
Change the depth to 250%
Size to 3px
Soften to 5px
Opacity white to 45%
Opacity black to 75%

bulbs

Repeat this step to create more cables.

bulbs


Conclusion

At this point, you are finished. If you would like to add some flat typography to your artwork to make a poster out if it, feel free to do so.

In this tutorial, you learned how to create a vintage 3D lightbulb sign using Adobe Illustrator, Adobe Photoshop, and Cinema 4D. I hope that you learned something from this tutorial that you can apply to your own work.

Creating paths in illustrator
Advertisement
Advertisement
Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.