In this tutorial, I will be using Illustrator. For those of you who want free vector program, you can download Inkscape. It will do most of the same things that Illustrator will for things like this, and most of the things I will be explaining are universal and not limited to Illustrator in its scope of use.
First things first, fire up your vector illustration software, and go to File / New. Ideally, you would use the golden ratio (1 to 1.68) to make something like this, but that is not feasible due to the fact that most pictures are closer to square. Therefore, I use a ratio of about 1 to 1.45. That usually works the best for pleasing to the eye and still able to fit pictures well.
You should open up to a blank canvas. First thing to do is to slap down a few rectangles. You can find these under the shapes tool. Once you select rectangle, all you have to do is drag on your artboard to make a rectangle. Make a skinny one at the bottom, and one about twice as thick just above it. These will be your ticker and main headline sections once the graphic is complete.
Step two is getting your rectangles gradients. A solid color looks boring and amateurish, but the tasteful use of gradients (and drop shadows, which I will get to another time) is really what could separate you from the rest of people who can't use them properly. On the right side of the screen toolbar, there is a small rectangle with a gradient. Click on that icon, and it will bring you to a small popout that shows a large gradient. You can add "handles" (extra color stops) by pressing just below, but we don't need to do that right now. Just double click inside of a handle to bring you to the small popup below. Click on the small button in the corner to pull up a list like the one below, and select RGB as your palette type.
Grayscale could work just fine, but only if you wanted it to be black and white. In RGB, you can pull the tabs or type in numbers to get a color. For today, I wanted a nice light gray, which is a RGB value of 175-175-175. Whenever all three numbers are the same, the color will be a shade of gray. For now, we will leave the other handle white. Here is what your canvas should look like at the moment.
Now, select the gradient tool on the left side of the screen. It will pop up with a bar over the shape, showing the gradient. Get close to the square on one end, and you will see a circle at 270 degrees, and this is to turn the gradient. We want to turn ours straight up, with white on top and gray on bottom. Push in on the square size to decrease the length of the gradient. We want the white to start right on top of the rectangle and the gray to end on the bottom of the rectangle. I apologize, but whenever I took a screenshot, the gradient bar went away for a reason unbeknownst to me.
The logo almost always includes the abbreviations, with the BC or NN suffix. This requires creative discretion based on what you want your logo to look like, but in my case, I wanted it to mesh with the flag. Press the text tool and drag a small box over the logo, and then type. I put extra spaces in mine to fit the flag.
Here is the final product! It can still be refined I think by making the headline text smaller and adding gradients to some of the text. Overall, I hoped you found this tutorial informative and helpful. Ask me any questions below, I will be happy to answer them.