1. Instructions for adjusting background texture
To adjust the background pattern you need to follow these steps:
- Step 1: Create a new document with the size of 1000 x 750px, then go to File => Place Linked, then open the BrickSmallBrown0478 image to add them as Smart Object.
Proceed to resize the image, fill the document and press the Return key.
- Step 2: Select Image => adjustments => Hue/Saturation => change the value of Lightness to -65.
- Step 3: Double-click on the BrickSmallBrown0478 layer to apply the Color Overlay effect. In addition, we perform the following settings:
Color: #e0e0e0
Blend Mode: Linear Burn
Doing this has the effect of creating a dark texture, which helps to contrast the digital signage.
2. How to create editable 3D text
To create editable 3D text we follow these steps:
- Step 1: Create text in All Caps => use Vintage Rough font => Change Size to 450 pt, Tracking to -75.
- Step 2: Go to 3D => New 3D Extrusion from Selected Layer to change the type layer to an editable 3D layer.
3. How to work with 3D scenes
To work with 3D scenes we perform the following steps:
- Step 1: To access the settings and 3D mesh properties, you need to open 2 panels: the 3D panel and the Properties panel.
In the 3D panel, there are all the 3D scene components, if you click on the name of any of them it will access their settings in the Properties panel. So you always need to select the tab of the component you want to modify in the 3D panel before changing the component settings in the Properties panel.
- Step 2: If you select the Move Tool you will find a set of 3D Modes right on the right side of the Options bar. When you select one of these modes you will be able to click and drag to make changes on the selected element in the 3D panel.
Use this mode to change the Options Mode to the angle you like.
4. Instructions for adjusting 3D mesh and cover settings
To adjust the 3D mesh and cover settings we proceed with the following steps:
- Step 1: Select the mesh tab in the text in the 3D panel, change the Extrusion Depth in the Properties panel to 0.
- Step 2: Click on the Cap icon at the top of the Properties panel to access its settings.
- Step 3: Click on the Contour tool to create a custom contour. When the Contour Editor opens, click on the line to add points.
- Step 4: With the selected points, click on the Corner box right below.
- Step 5: Add another point and check the Corner box.
- Step 6: Select each point you added, then enter the Input and Output values at the bottom.
Next you enter the values of the left point as follows:
Input: 5
Output: 95
For the values of the right point:
Input: 95
Output: 95
Finish by clicking OK.
- Step 7: Change the Bevel Width value to 12, Angle to 85%, you can also use other values to achieve the effect you want.
5. Instructions for creating textured materials
To create a structured material, we follow these specific steps:
- Step 1: Select the Front Inflation Material tab of the text mesh, then enter the Diffuse folder icon right in the Properties panel to select Load Texture.
Then open the misto 1.jpg image from Metal gradient seamless textures.
- Step 2: Click on the Diffuse texture icon, then click Edit UV Properties.
- Step 3: Adjust the Tile and Offset values to get the desired result.
- Step 4: For the remaining settings, you set them according to the following values (the color value used is RGB):
Specular: 135, 59, 33
Illumination: 191, 96, 27 - Intensity -4.77
Shine: 70%
Reflection: 3%
6. Instructions for saving and reapplying 3D materials
To save and reapply 3D materials we follow these specific steps:
- Step 1: Click on the Material Picker box => select the pop-up menu icon then click New Material.
- Step 2: In the Name field, enter Front and Back Material then click OK. This action is to add materials to the selector, and you can also use them whenever needed.
- Step 3: Select the Back Inflation Material tab => open Material Picker => select Front and Back Material to apply.
7. How to create more textured materials
- Step 1: Click on the Front Bevel Material tab of the text mesh => select the Diffuse folder => select Load Texture to open the d.jpg image from the Metal gradient seamless textures package..jpg)
- Step 2: Click on the Extrusion and Back Bevel Material tabs then click on the Diffuse folder icon and select the texture name d from the list.
- Step 3: Select the Front Bevel, Extrusion and Back Bevel Material tabs with the following settings:
Specular: 104, 86, 64
Illumination: 191, 96, 27 - Intensity -4.77
Shine: 85%
Reflection: 20%
Refraction: 1.536%
- Step 4: Select the Extrusion and Back Bevel Material tabs, and change the Shine value to 30%.
8. Instructions for adjusting 3D scene lighting
To adjust the lighting of the 3D scene, we do the following:
- Step 1: Select the Infinite Light 1 tab, then change the Intensity to 50% and the Shadow Softness to 100%
- Step 2: Select the Move tool to move the light to the angle you like or you can click on the Coordinates icon at the top of the Properties panel to use numerical values.
9. Instructions for adjusting other 3D settings
- Step 1: Using Bevel Contour to create a 3D mesh without Extrusion Depth will cause some random lines to appear throughout the text. To remove these lines, click on the Scene tab and Remove Hidden in the Properties panel, select both the Backfaces and Lines boxes.
- Step 2: Since we added the light bulb manually using the available image, it is difficult to match the perspective of the 3D text.
To fix this problem you can select the Custom View tab => select Front settings from the View menu.
Alternatively, you can manually adjust the view using the Move Tool's 3D mode. Next, click the Current View tab and click the Orthographic icon..jpg)
10. How to render and modify a rendered 3D scene
- Step 1: After you have finished making adjustments and changes, go to 3D => Render 3D Layer. The rendering process will take a while, you can stop this process at any time by pressing the Esc key.
Once rendered, right-click on the 3D layer, then select Convert to Smart Object to avoid making any changes.
Double-click the 3D layer to apply the layer style.
- Step 2: Add Outer Glow then make the following settings:
Blend Mode: Linear Light
Opacity: 7%
Color: #ffcb8d
Size: 131
- Step 3: Add Drop Shadow and make the settings as follows:
Opacity: 75%
Uncheck the Use Global Light box
Angle: 63
Distance: 6
Size: 10
This action gives the text a 3D style to the selection effect.
11. How to create a vignette effect
- Step 1: Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, then click Solid Color. Set the Fill Color to Black, change the layer's Blend Mode to Soft Light and Opacity to 50%.
- Step 2: Select the Elliptical Marquee Tool, then create a selection around the text.
Select the Solid Color layer mask thumbnail, use Black to fill the selection. Press Command-D to deselect.
- Step 3: With the mask thumbnail still selected, open the Properties panel, then increase the Feather value to soften the edges, as well as create texture effects.
12. How to add light bulbs
- Step 1: This is the step of adding marquee bulbs, first you need to open the Letter E Bulbs image and use the Elliptical Marquee Tool to select the bulb at the top of the letter.
Go to Edit => Copy to copy the selected area.
- Step 2: Go back to the original 3D document => Edit => Paste => rename the Bulb 01 layer and convert them to Smart Object.
.jpg)
- Step 3: Double-click the Smart Object thumbnail to open the marquee light bulb file. Then go to Image => Image Size to change the Width and Height values to 56.
- Step 4: Add a Hue/Saturation layer above the Bulb 01 layer and clip it in, and change the Hue value to -12.
- Step 5: Double-click on the Bulb 01 layer to apply the Inner Glow effect, set the parameters as follows:
Blend Mode: Linear Dodge (Add)
Opacity: 25%
Color: #fff2e3
Source: Center
Size: 27
- Step 6: Save the files then close them to return to the original document.
13. How to build Layer Styles and duplicate objects
- Step 1: Place the light bulb image inside your first letter, then press Command-T to enter Free Transform Mode. You can resize the bulb if needed. Once done, press Return.
Double click the Bulb 01 Smart Object layer to apply the layer style:
- Step 2: Add Outer Glow with the following settings:
Blend Mode: Linear Light
Opacity: 75%
Color: #ffcb8d
Size: 20
- Step 3: Add Drop Shadow and make the settings:
Opacity: 35%
Uncheck the Use Global Light box
Angle: 63
Distance: 6
Size: 7
This action has the effect of styling the sign light bulb.
- Step 4: Hold down the Option key, then click and drag the light bulbs to duplicate them.
- Step 5: Repeat this action to duplicate the light bulb for the selected area, then proceed to fill the text. When finished, you proceed to set the light bulb layers into a group, name them Bulbs.
14. How to add a light bulb that doesn't light up
- Step 1: Open the light bulb image, use the Elliptical Marquee Tool to select the inside of the light bulb and copy it.
- Step 2: Paste the copied light bulb into the original document, then rename the Bulb 02 layer, converting them to Smart Object.
Resize the Bulb 02 image to match the dimensions of Bulb 01. Hide the Bulb 01 layer and place Bulb 02 in its place.
Double click on the Bulb 02 image to apply the layer style:
- Step 3: Add Inner Shadow with the following settings:
Blend Mode: Linear Light
Color: #b8b8b8
Opacity: 100%
Distance: 0
Size: 10
- Step 4: Add Inner Glow with the following parameters:
Blend Mode: Linear Dodge (Add)
Opacity: 55%
Color: #ffffff
Source: Center
Size: 13
- Step 5: Add Outer Glow with the following parameters:
Blend Mode: Linear Light
Opacity: 5%
Color: #ffcb8d
Size: 20
- Step 6: Add Drop Shadow with the following parameters:
Opacity: 35%
Uncheck the Use Global Light box
Angle: 63
Distance: 6
Size: 7 .jpg)
This works to style the second bulb.
- Step 7: Double-click the Bulb 02 layer to adjust the Blending Options. Adjust the This Layer sliders in the Blend If section to protect the darker areas of the Bulb 02 layer from interacting with the remaining layers.
To do this you need to press and hold the Option key, then click and drag the left slider to separate them.
Move both ends until you can no longer see any dark areas. Finish with the following marquee letters:
15. How to add sparks
- Step 1: You can place any Fireworks0023 image on top of Bulb 02 layer. Then change the layer Blend Mode to Screen, transform them as you like.
- Step 2: Duplicate the Bulb 02 layer, add more spark layers to create some unlit sign bulbs on the text.
16. How to add general adjustments
- Step 1: Add a new layer on top of all layers, then name it Noise. Go to Edit => Fill => change Contents to 50% Gray => click OK.
- Step 2: Convert the Noise layer to Smart Object => change the Blend Mode to Soft Light.
- Step 3: Go to Filter => Noise => Add Noise => change Quantity to 3, Distribution to Gaussian then select the Monochromatic box.
- Step 4: Add a Color Lookup adjustment layer, select the 3Strip.look panel from the 3DLUT File menu, change the Opacity of the layer to 85% and you're done.
So with the complete instructions above, we have learned how to create a 3D Marquee light bulb text effect in Photoshop extremely simply and easily. Hopefully, through the useful information that Sdesign brings in this article, it will help readers successfully create a light bulb text effect for their designs. Wish you success!
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
