BOSS New York Trip Logo

New BOSS logo for 2018-2019 Season

New Logo Design

BOSS New York Trip Logo

Every season BOSS presents a new logo and the 2018-2019 season is no different.  Last year the BOSS (Bands of Santiago Sharks) participated in the 2018 Tournament of Roses Parade.  The logo that season reflected that.

This season the BOSS has the great honor of performing at Carnegie Hall in New York City.  Thus, the logo needed to reflect that trip. The winning design incorporated the New York skyline along with the customary BOSS Shark hovering over the city.

T-shirts and hoodies are arriving this week, ready for the first day of school.  We feel honored to be a part of the very successful band program at Santiago High School.

BOSS logo designed by Joe Randeen, 3 Penguins Design

BOSS logo for the 2017-2018 season

BOSS Rose Parade Swag

BOSS Rose Parade Swag

Joe Randeen, 3 Penguins Design, BOSS Rose Parade Swag

BOSS Rose Parade Swag

I had the great honor and pleasure to design swag for BOSS (Bands of Santiago Sharks) participation in the 2018 Rose Parade. The items included a Rose Parade participation logo that incorporated their long standing logo.  Other items: two pins, a cup, sticker, car magnet, shirts, caps and a jacket.

Joe Randeen, 3 Penguins Design, 2018 BOSS Rose Parade Pins

2018 BOSS Rose Parade Pins

The pins were especially fun to design in that the musicians trade them with other marching bands that participate in the Rose Parade. The pin on the right, I wanted to incorporate a wave element to further accentuate the Santiago Shark.

We knew we wanted something, a sticker, for the cars.  If you’ve ever visited Corona, CA,  you’ll see Santiago High School Shark stickers EVERYWHERE.  There is a lot of school spirit. So, the sticker was a no-brainer. But, if you are like me, you don’t like to attached a $3 sticker to your tens of thousands dollar card so we came up with a magnet that easily attaches and detaches to the car.

Some photographs of the BOSS at the Rose Parade are located at 3 Penguins Photography.

BOSS Rose Parade car magnet and sticker.

BOSS Rose Parade car magnet and sticker.

BOSS Marching in the 2018 Rose Parade

BOSS Marching in the 2018 Rose Parade

Norco Choirs Logo 2018

New Logo for Norco High School Choirs

Screen Shot 2018-07-13 at 11.46.05 AMNorco High School Choirs gets a new logo.

Last year, Norco High School got a new choir director. With the change in leadership they needed a new identity for their choirs.

The director wanted music notes included, in addition to something that looked elegant and would serve as a branding mark for the choir program.

This new branding identity will be displayed on all future wearables and marketing materials.

In creating successful logos we look to keep that as simple as possible, all the while making them memorable. You don’t have to include every aspect of your program, organization or business into your logo.  Clutter is not a good thing.  Simple & memorable.

Another very important factor is scalability.  The logo should keep its integrity whether large or small, whether on a shirt or on stationary, or fitting as a profile image on Facebook, Twitter, Instagram, YouTube, etc.

Below you will see a some of the wearables that Norco Choirs will be making available this season.  There are more spirit items that will be announced soon, including stickers and magnets.

 

Norco Choirs Polo Norco Choirs Baseball Jersey

 

Norco Choirs Jacket Norco Choirs Jacket

In addition to this new Norco Choir logo, we are currently working on two other new logos, for two different organizations, that we will be announcing soon.

Magazine Cover Design

Magazine Design

Magazine Cover DesignHave to brag on my students for their latest work – Magazine Design.  They were given a lot of freedom.  I wanted them to be passionate about the subject matter.  That said, they needed to produce some authentic looking designs, and I think they did a fantastic job.

From image(s), to typography, color theory, to content matter – they had free reign based on what they have learned these last 9 months.

I so glad that a number of students have chosen to pursue careers in the creative fields.  Expect to see some great designs in the near future.  Heck, here are some great designs.

Design Dictionary

Graphic Design Is Easy

As a graphic designer, seems my most frequent hurdle are those that think graphic design is easy.  Armed with Microsoft Office and some clip art, one is ready to take on the world.  Reasoning with these people is futile at best so, “Let them design,” as paraphrased by Marie-Antoinette.

So, when I came across this blog post by Igor Ovsyannykov (http://inspirationfeed.com), it put a smirk on my face.  This list is a small fraction of what professional designers keep in mind when designing. Take a quick read, it’s very interesting.

As you journey through the intricacies of becoming a designer, you will learn that design, like any other field of expertise, uses a special language that allows people within the industry to understand each other.

These terms are also a great resource for marketers simply because design work is one of the most important aspects in their discipline. After all, branding relies on design decisions, and not being able to communicate effectively with your own designers could jeopardize the success of any marketing campaign or project.

You will find a description of some of these key terms below. Test yourself and check if you understand all, or at least most of them. See how far you still have to go as you work towards becoming a great designer, or in your attempt to communicate effectively with one.

  • Alignment. This dictates how images, texts, and shapes are arranged and positioned. It is usually defined by setting it as left aligned, right aligned, centered, or justified.
  • Bleed. The bleed is the part of the page that gets trimmed off once the image is printed. In case there are important aspects that are part of the page’s bleed, then the document should be printed on a larger sheet of paper and trimmed down from there.
  • Camera Ready. When a document is declared to be camera ready, this means that it is ready for reproduction and could now be printed out or sent to the printers.
  • CMYK. CMYK stands for Cyan, Magenta, Yellow, and Key (black). These are the basic colors used for documents being sent to the printers (newspapers, magazines, flyers, etc.). On a traditional press, the first three colors are aligned or ‘keyed’ to the black plate, which explains why black is also called Key. If there is a need for a fifth color to be added, these are created as separate plates.
  • Crop Marks. These are often seen on the outside of printed pieces. They are guides used as each piece is cut to its final size.
  • Die Cut. Die cuts are used to print documents that require unconventional shapes. It is a metal ruler that can cut shapes on different kinds of materials.
  • DPI. DPI stands for dots per inch, an acronym used to measure resolution. Based on the name itself, this measures how many dots there are for every inch of printed space. As you increase the number of dots, the image quality improves. For images to be printed, 300 DPI is usually the standard resolution.
  • Export. This means that you are saving the file in a format that can be used by a different program. The Export function often allows you to open the file in computers that do not have the same design software that you do.
  • Font. A font is an element of typography that dictates the style and size of displayable text characters under a typeface.
  • GIF. A common format used for images, it can either be static or animated.
  • Grids. Grids are a series of horizontal and vertical lines that intersect and allow a designer to add structure and organize content. It helps to balance and lay out the entire composition.
  • Gutter. The gutter is the space created when a book or magazine is bound. It is the blank space between two pages facing each other.
  • JPEG. This is short for Joint Photographic Experts Group. One of the most common image formats used, it is best used for images that contain gradients.
  • Kerning. Kerning is the spacing between characters to make the pairing of every two letters more balanced. For example, if an A and a V were placed beside each other, the top left corner of the V will often be aligned with the bottom right corner of A so that the text, as a whole, appears more balanced.
  • Layers. Layers are tools within design software that separate tiers of information, shapes, and images from each other. They allow effective organization and editing of the design work done on the specific software used.
  • Leading. Leading is the vertical space that sets each line of type apart. As a general rule, the leading used should be 1.25 to 1.5 times bigger than the font size to make lines of text easier to read.
  • Logo Design. Logo design is the process of creating a visual identity that represents a company, brand, or individual. It is important to understand what logo design really entails because many people interchange the terms “logo design” and “branding”. Logo design is actually just a single process that contributes to the more complex realm that is brand development.
  • Measure. Measure is used to define the width of a text block. This is important if you want to give the audience an optimal reading or viewing experience.
  • Negative Space. This is the amount of space around the shapes and words used in a design piece.
  • Orphan. This is a term used to describe a group of words or a short line towards the end or at the beginning of a paragraph. These can create an unwanted focal point as they become isolated from the rest of the content. While an orphan is a lonely word at the end of a paragraph, a widow is a short phrase or word that lies at beginning or end of a column. The result is similar: orphans create too much white space between paragraphs, while widows make sentences within paragraphs seem disjointed.
  • Pantone System. This is a color matching system used in the printing industry. It uses the number system created by Pantone to effectively identify the colors used.
  • PDF. Short for Portable Document Format, it is a popular format used for documents that are being sent for printing.
  • Pica. It is a unit of measurement used in typesetting. One pica is 1/6th of an inch. It is a measure used by different design software such as InDesign.
  • Pixel. A pixel is the smallest element on a single raster image. Each image is made up of small pixels that, when grouped together, form vivid objects in the eyes of the viewer.
  • PNG. This file format is short for Portable Network Graphics. It is great for web design, and supports transparency around images.
  • PPI. Another measure for resolution, PPI stands for Pixels Per Inch. Using the same concept as the one used in DPI, the more pixels for every inch, the more detailed the images are. The standard is 72 PPI for digital images.
  • Proof. This refers to a copy or preview of what your design will look like. Another term used for this is ‘mockup’. A proof is often printed out or sent to a client so that they can review the material before having it printed.
  • PSD. A format used for files that come directly from Adobe Photoshop.
  • Raster Images. Raster images are also known as bitmap images. They are made up of thousands of pixels that dictate each image’s form and color. The best example of a raster image is a regular photo, and the most common tool used to edit a raster image is Adobe Photoshop.
  • RGB. This stands for red, green, and blue, and is a color mode used to display vibrant images on screen. Designing for print often requires switching to CMYK color mode (described above). Failing to work in the right color mode will result in “automatic” conversions, leading to loss of quality and fidelity.
  • Sans Serif. A common typeface style where letters don’t have small lines (serifs) at the ends of each character. Some popular examples are Helvetica and Gotham.
  • Slug. A slug is an optional space that a designer adds to a document to display information that won’t be part of the final product. It often contains copyrights, notes, or other information that is part of the proofing process.
  • Tracking. Tracking is similar to kerning, but tracking applies an even amount of space between characters.
  • Typeface. A typeface is the entire design set for a group of fonts. These often come in families that contain similar attributes.
  • Typography. Typography is one of the basic fundamentals of graphic design and allows the designer to arrange the type used on any composition.
  • Vector Images. Instead of having pixels like the ones used in raster images, vector images use points that have X and Y coordinates. The points are then connected to form shapes, and colors are applied within each shape that is formed. Vectors can be resized endlessly without quality loss. A popular tool to create these vector images is Adobe Illustrator.

Although there are already a lot of terms on this list, know that there is much more out there that you’ll eventually have to learn. Work on understanding these terms and knowing where and how to use them. Try to read about emerging terms and tools that affect your industry. An exciting design career awaits!

Source: https://creativemarket.com/blog/graphic-design-diagrams

BOSS JAZZ

New Jazz Concert Program

I’m always looking for something unique with every new jazz concert program.  BOSS (Bands of Santiago Sharks) put on 4 multi band concerts every year – 2 Jazz and 2 Band. 3 Penguins Design has been fortunate enough to design the programs for the past couple of years.

The fun is always coming up with a cover design that new, fresh and eye-catching.

For this cover design I chose Spring colors.  The valves (yes I know a trumpet only has 3 valve) create a nice symmetry and a backdrop for the word JAZZ.

We have one more program to design this season.  Stay tuned.

FestivalOfGold-1

Festival of Gold – t-shirt

t-shirt designGot a last minute call to create a shirt for a school field trip entitled Festival of Gold.  How much time did I have? About 4 hours.

I needed to incorporate two elements: something musical and something iconic relating to San Francisco.

This is where I landed.

Beat the deadline.  Mission accomplished.

Screen Shot 2016-07-19 at 4.16.09 PM

BOSS Website Redesign

Screen Shot 2016-07-19 at 4.16.09 PMThe BOSS (Bands of Santiago Sharks) just got a website redesign. BOSS consists of four concert bands, three big band jazz ensembles, a 220 piece marching band of musicians and a Color Guard. As time goes on, all websites need changing.  As such, the BOSS website needed some updating in both look and feel, information and images.  Few websites do not have to do some regular work, whether it’s a complete makeover or some updating and/or additions, i.e. social media integration.

I was fortunate enough to have spent the entire 2015-2016 season shooting photographs of all the BOSS events, including parades, Disneyland and concerts.  Thus, I had plenty of photographs to choose from.  Furthermore, the old site had most of the information already on it, although some needed updating.  The biggest challenge was organizing the large number of pages that the site contained.  At the time of writing this, we are still flushing this out.

Social Media

The other challenge that we are currently working on the BOSS website redesign is the integration of the website to social media such as Facebook, Twitter and Instagram.  Throughout the years multiple accounts have been set up on various platforms. We want to integrate them is such a way that current and future users can easily find BOSS.

In addition, BOSS started using Charms Office to communicate and manage all the students and parents within the program.  It is very important that these two platforms work in conjunction with one another.

eCommerce

There is also an online Spirit Wear store coming to the site, where parents and student can purchase shirts, sweatshirt, hats, etc. We are creating a seamless ecommerce store so ordering and fulfillment does not require additional work for the BOSS Boosters.

Finally, at the time this was published the BOSS website redesign is nearly completed.

For a FREE assessment of your website please contact us.

No Whining Poster

No Whining Poster – FREE

No Whining PosterI posted this No Whining poster on social media and it got some attention, especially from teachers.  So, I’m offering a FREE download of this 18×24 inch poster for those who want it.  Simply click on this link to download the PDF.  Save it to your computer and take it over to Kinko’s, Sam’s, Costco, wherever you want to print it.

This is not my original thought.  No sure where it came from, but I thought it was really cool.

Also, want to remind you that if you are in need of any DESIGN work, please consider us.  We do graphic design for print and Internet, video and presentations.  In addition, we do web design, website maintenance and social media marketing.

For more information on what we (3 Penguins Design) do, explore our website at www.3PenguinsDesign.com.