Create a luminous battery in Photoshop

In this lesson, we will learn how to draw a “Luminescent Battery”. If viewed from the technical side, this is a glass flask filled with “Fluorescent Liquid” (“LV”) and plugged with caps in the form of “poles” of a simple galvanic battery.


In order to easily and quickly draw this object, you must have at least basic knowledge and skills of working with Photoshop. Here is a small list of lessons that, in my opinion, not bad reveal the specifics of working with the necessary tools in this lesson:

ABC Photoshop
10 useful tips
Rectangular Selection
Gradient tool
How to work with a pen

All other tools and simple functions mentioned in this lesson are usually intuitive and not complicated.

And so, let’s get started.

We create the document, in my case it is 350 * 350 pixels. Fill it with a dark gray or black background. Take the tool Rectangle/ Rectangle Tool, set the initial shape of our cones, which will be “LV”.

Through the key combination CTRL + J, or Layer – create duplicate layer/ Layer – Duplicate Layer. Create a duplicate of our cone layer and compress it in height, in my case by half. Squeeze with the tool Moves/ Move tool. For convenience, we call him “liquid” and ask him the new color # 00fff0.

With the tool Pen +/ Pen tool +, add on our layer “LV”, two additional points in the center above and in the center below. Then, using the tool Arrow/ Arrow tool, select our added points in turn, moving them up 4 pixels up and down.

Now we will give our “LV” a light light overflow.
For reference: “Fluorescent liquid” is a very peculiar “liquid”. Unlike water or similar liquid, when light hits the “LV”, the side on which the light hits becomes darker matte, and the side that is not illuminated becomes brighter and lighter.

Based on this, we determine in advance that the light will fall from left to right. Next, select our layer “LV”, select Layer – Layer Style – Gradient Overlay/ Layer – Layer Style – Gradient Overlay. Expand the gradient to 0 or 180 degrees so that the color transition is from left to right. Set the color to our gradient.

Without closing the style adjustment window, set up External glow/ Outer Glow:

AND Internal glow/ Inner Glow:

Our layer with “LV” is ready.
We now turn to the creation of cones.
To do this, duplicate our first, white layer. For convenience, we call them “Glass rear wall” and “Glass front wall”:

We undertake the first layer of the cone, compress it in width by 1/3 with the tool Moves/ Move tool and pull it down a little, so that it protrudes slightly behind the “LV” layer.

Next, set up our layer, for this go to Layer – Layer Style – Blending Options/ Layer – Layer Style – Blending Options. Expose Opacity fill / opacity at 0%.
After switching to Gradient overlay/ Gradient Overlay, and set up a translucent white transition.

We repeat the same with the second layer of the “glass wall”, only the direction of the gradient transition is set in the opposite direction.
Next, adjust the overall transparency of our layers of “walls”.
To do this, select each of the layers of the walls in the list of layers and expose them to the appropriate Opacity/ Opacity:

After being exposed Opacity/ Opacity, “glass of the front wall” is transferred to the level above our layer “LV”.
For convenience, all this is grouped, and set aside.

Now we are going to create a frame of “caps” for our battery.
To do this, again take the tool Rectangle/ Rectangle Tool, create a small strip along the width of our cone. Take the tool Pen + / Pen tool + and in the center, above and below the new layer, add one adjustment point one by one. Next, using the tool Arrow/ Arrow tool, select each, from the newly added points, lift up 4 pixels to the top. With the same tool, select the extreme upper points of the same layer, and lower them 2 pixels down.

Duplicate the border layer through CTRL + J, or Layer – create duplicate layer/ Layer – Duplicate Layer. Turn it in the opposite direction with the tool. Moves/ Move tool. Move the expanded layer to the bottom of our battery, after we click RMB (Right mouse button) on our layers in turn, and select Rasterize layer/ Rasterize the layer. After rasterized, glue both layers with the “trim”.

Mini reference:

Since, as a rule, the material for creating the “capsule” of the battery is metal. We need to display this light highlights. The shape of our battery is cylindrical, so we have to take into account the fact that almost all metallic spherical, cylindrical, arcuate objects, when reflecting light, have so-called “blind zones”. They are formed due to the fact that when the 2 peak segments of the reflected light converge, a certain gap is formed, which the human eye is not able to perceive, since the vision focuses on these 2 peak glows. To a greater degree, therefore, most metal surfaces have an overflow from dark to light.

Let’s start creating such highlights. Take the tool Rectangle/ Rectangle Tool, create on top of the other layers, 3 new layers of different lengths, impose a semi-transparent white gradient according to the same principle as for the “glass walls”, arrange these layers similarly to the picture:

Ask Opacity/ Opacity to all 3 layers, as shown in the picture:

After, by pressing the CTRL key, select all 3 of our “flare” layers, release the CTRL, right-click on the selected layers and select Group into a new smart object/ Grouped into a new smart object.

Next, select the layer with our frame, and apply a slight gradient that resembles a metallic hue:

And next, select the layer with the “highlights”, click on it with the RMB and select from the list the item Create clipping mask/ Create a clipping mask. Next, select Filter – Blur – Gaussian Blur/ Filter – Blur – Gaussian Blur. Set the blur radius to 1.3 pixels.

After adjusting with blur click CTRL + E, or Layer – Merge With Previous/ Layer – Merge Down.

Now we create “+” – the positive pole of our battery.
To do this, take the tool Rectangular area/ Rectangular Marquee Tool, select the upper part of the “metal” border of the battery. Right-click on the selected area and select Copy to new layer/ Copy the new layer. You can still through the so-called “copy-paste” by clicking first CTRL + C (copy) and then CTRL + V (insert). The resulting new layer is compressed approximately twice using the tool Moves/ Move tool, then drag the layer to the place where we should have a positive battery.

Next, go to the design of the light highlights of our cones. We choose our group with layers of “LV” and the walls of the flask. To begin with, we need to correct the corners of the “LV” layer, since if you notice, they are not quite in the shape of the edging of our battery. To do this, we select the “LV” layer in the list of layers. Take the tool Arrow/ Arrow tool, select in turn the lower points of our layer, and literally 2 pixels up we lift them, if you have more distance between the centers of the LV layers and the border, you will naturally define the lift according to the center point.

After we set up the “LV” layer, it is safe to glue it together with layers of “walls”. To do this, in the list of layers, select the group that contains these layers. Click LKM (Left Mouse Button) on the group and then click CTRL + E. Thus, we will transform the group with layers into one raster layer.

Just as we created the glare for the metal edging, we create the glare for the cones. Subsequently merging all the highlights into one.

After we have prepared the layer with highlights, using the tool Rectangular area/ Rectangular Marquee Tool, select the area from the upper left corner to the lower right corner, our border. After selection, press the hotkey combination CTRL + SHIFT + I or Selection – Inversion / Selections – Invert. Thus, highlighting everything that is outside our main selection. Then press the key DELETE (Delete), removing unnecessary visible areas of our glare.

After deleting, we do cancellation of the selected one, for this we click CTRL + D or Selection – Deselect Selection/ Selection – Deselect. Apply, similar to the glare of the border, the blur effect, for this we again go to Filter – Blur – Gaussian Blur/ Filter – Blur – Gaussian Blur. After reducing Opacity/ Opacity layer up to 35%.

Next, turn our document “sideways”. To do this, go to Image – Rotate the canvas – 90 degrees clockwise/ Image – Rotate Canvas – 90 degrees in a clockwise.

Now we add small circles inside the bulb to give our metal edging a small volume from the inside. To do this, take the tool Ellipse/ Ellipse tool, add two small ovals under our battery, align it with the “border” level and tweak the tool a bit Arrow/ Arrow tool, so that the inner darkened areas of the edging look more natural.

After done, hide the background layer, select any visible layer and click Layer – Merge visible /Layer – Merge Visible either CTRL + SHIFT + E.

After combining, we will tighten our battery to a more natural and familiar form. Tightening it with a tool Moves/ Move tool literally 1/3 part.

Actually everything, then you can do anything with this battery, making out and retouching it under any conditions and requirements.

As an example, a small element of graphic design, literally in 5-7 minutes, for example, for a site:

P.S. I hope the lesson was interesting and useful, I wish you success in your endeavors.

Like this post? Please share to your friends: