Skip to main content
We are going to design and program an RGB banner

Parts list

Qty Product Part number
1 5V LED strip WS2812B
1 Arduino Uno 769-7409
1 RS PRO Male USB A to Male USB A USB Cable, 0.5m, USB 2.0 A 186-3011
1 1m USB 2.0 A to B Cable - M/M 186-2811
1 Ansmann AC DC Adapter 223-7479

The first thing we are going to do is the 3D model of the banner, with the base in black and the covers in white and translucent.

Logo Enclosue

To do this, we first create a canvas with the logo or image that we want to model, we put this with an opacity of 70% to be able to differentiate it well.

Create canvas of logo

Now we make a sketch following our image of the canvas, to this sketch we are going to apply an offset of 1 cm to create the sketch of the base.

Create Sketch of Logo from canvas

First, we select all the areas and extrude them to make the bottom of the base with a thickness of 0.5 cm. Then we select the offset area and extrude it from 5 cm to 10 cm, depending on the depth we want to give the banner.

To model the covers we select the areas of the drawing without the offsets and we extrude it 0.25 cm at a height of 4.75 cm or 9.75 cm depending on the depth to which we have extruded the base.

3D Printed Logo EnclosureCover for logo enclosure

So that the covers remain fixed and do not move, we put an inner edge of 0.25 cm in the black part so that the caps do not move. In addition, in order to remove the cables, we make a hole in the base of the design. To make the connection between the different letters we also make holes between them.

Holes created to join cabling between lettersHole in base of enclosure

We insert the LED strip through the holes and place it at the bottom of the banner.

LED Strip light inserted in letters of logo

Now we will wire the project following the next schematic.

Wiring Schematic for Arduino

For the programming part, we will use the "Adafruit_NeoPixel" library. At the beginning we specify that we are going to use the library, the number of LEDs that we have used in the project and the number of pins that we have used when connecting the LED strip to the Arduino. In our case, there are 112 LEDs and pin 9.

Program - specify 112 LEDs connected to Pin 9

Now we turn on the LED strip and change its intensity between 20 and 240, the bigger the number, the brighter it will be.

Program - Specify LED Intensisty

In this code we find 3 different functions, the first is a cycle with the colours of the rainbow, the second is a breathing effect in which the LED strip of one colour turns on and off progressively for each breath and the third allows you to synchronize the led strip with the LEDs of your PC if you connect pin 2 of the Arduino to the LED controller of the computer motherboard. To select which of the 3 modes we want, we write // in front of the functions that we don't want to use.

Program - Specify Cycle Colours, effect, synchronize

The first function starts by putting the first red LED and stores the information, then with the stored information it turns on the second LED and changes the first to a slightly lighter red. Sends the information until it reaches the end of the LED strip or the colours at the moment the loop is reset and starts again with the first red LED.

Program - LEDs

The second function turns on the entire LED strip of a single colour varying if its brightness from 0 to the maximum that we have configured and then again to 0, then it repeats the same, but with another colour.

Program - Turns the entire strip a single colour

The third function reads the information from the computer and turns on the LED strip.

Program - reads information and turns LED strip on

We place the covers on the banner and load the code into the Arduino with the first function.

Logo illuminated

We are an association from Public University of Navarra (Spain) focused in electronic divulgation and education. Our first team was created by few students from different engineering degrees in may of 2017. We have been working with our community and students since our foundation in order to offer an extra knwoledge and to impulse new technologies. We are supported by RS Components, which has been our main sponsor. Thank you RS :)
DesignSpark Electrical Logolinkedin