Thursday, July 11, 2013

Create Your Own Brushes and Envelope Distort

Finally! I posted a few weeks ago that I was planning on trying out this cool idea I got from an advertisement for a restaurant. I finally sat down yesterday and started playing with the different tools in Illustrator and pulled this off:

So to pull this off, I first made the waves. I traced the original artwork with the pen tool to give me a guideline. That part was easy. Then I had to think about how much space I wanted for the "Kriegbaum" text and the triangles for the outline in proportion to the bird image*. I took the original bird image and put it in Photoshop to cut out some parts that didn't fit and to change it into a duotone image. To cut out the white background from the bird image, I used the magic wand tool. Before you can delete the background, you have to change the "Background" into an editable layer. You can do this by double clicking on the background bracket under "Layers" and pressing enter when the prompt comes up. Then, after I erased all the white space, I scrolled up to the "image" tab, hovered over "mode" and selected grayscale. Select "okay" or "yes" when the prompts come up. This will turn whatever image you have into black and white.

The next step after it goes black and white is to change it into a duotone image. You can also do tritone and quadtone, but for this project, I used duotone. So then I selected the two colors I wanted (for this case, it was black and white) and I was able to adjust the levels in the histogram to the left of the color box in the color menu. After all that, I had my bird image ready to go.

Back to Illustrator. For the "Kriegbaum" text, all I needed to do was create a stroke in a half circle above the waves and type on the path. That option is located under the text option. If you hold down your clicker, the menu will show up and you can release your mouse once you've highlighted whatever option.

I created the triangle brush stroke in Illustrator, too. I did the same thing I did for the circle text. I drew a half circle with the pen tool first. Then, I made several triangles and lined them up next to each other. Select all the shapes, then go over to brushes on the right. In the top right corner of the brush pop up window, there is a drop down menu. Select "new brush." Select "art brush." Title it whatever you'd like, and make sure that, under "colorization" you change the method from "none" to "tints." This allows you to change the color of the stroke when you apply it to a shape. And of course, select okay.

So now you've got your new brush stroke. You can now apply it to whatever shapes you want, including fonts that have been turned into outlines. The triangle outline above "Kriegbaum" is only a half circle drawn with the pen tool and the triangle stroke applied.

For placing the bird right where I wanted without it bleeding past the waves, I had to create a clipping mask. For a clipping mask tutorial, click here. I drew the outlined shape for the clipping mask using the waves as a guideline for the bottom, then pulled the line all the way around the bird. I had to make sure that the layer the bird is on was behind the waves so that the lines could overlap nicely.

To create the text warp for "west," all I needed to do was draw the shape between the two sets of waves with the pen tool. It ended up looking a lot like a banner. I typed out the text in my choice of font and made sure the kerning was appropriate. So the shape has to be above the text in regards to arrangement for the text warp to work but both need to be on the same layer. So once the elements are layered appropriately, select both of them. Then scroll to "object" at the top, hover over "envelope distort," then select "make with top object." And boom!

The "Fresno Pacific 2013-2014" text is simply my choice of font and rearranged by changing them into outlines. I had to bring the whole set of text into InDesign to give it the drop shadow.

And that is how I went about this design! I am actually really proud of it and I am certain that it will be printed sometime this year for our living area. If you're an RA or other college leader, or any kind of leader in general, and you need a t-shirt designed for an event or a living area, let me know! I have lots of experience.

Saturday, June 22, 2013

Save-the-Dates for a Wedding

The artwork for this piece was hand-drawn in Illustrator and the frame was formatted in Photoshop. The use of the yellow gradient behind the frame allows for a colorful drop shadow that separates from the semi-opaque lace texture. These save-the-dates have been formatted to fit on a postcard, so it would be very easy to have a print shop print directly onto postcard paper. What I really like about this piece is how it is both elegant yet casual and flirty. It caters to both the feminine and masculine characteristics of the bride and groom. The color palette is complimentary, which makes the artwork pop.

(c) 2013 Angela Mannino

Wednesday, June 19, 2013

Forever the Sickest Kids T-Shirt Design

These designs are exactly the same aside from the obvious difference in background color. I'm not sure which one is better... Everything is hand-drawn in Illustrator. I sketched this out in my sketch pad about 3 hours ago, scanned it, and have been digitizing it ever since. The thumbs-up, lettering, streaks, calligraphy... all of it is my artwork. The only thing I used a tool for was the stars. Based off of this band's style (which, if you're looking for some new music, I recommend this band for pop-punk fans) and their new album (it is very patriotic themed), I made several clipping masks for the word "forever."

To make a clipping mask in Illustrator (like the one in "forever"), first you need to have a basic shape, like the "f." If you use a default font, simply right click on the letter, select "create outlines," and boom! You have a basic shape. Before you do anything else, copy and paste that same shape and set it off to the side. If you want a fill color, apply it to the first shape. Then, start filling the letter or shape in with whatever you want to put in it (stars, photos, stickers, etc.). It's okay if they run off the side of the shape; the clipping mask will fix that. After you've got it to where you want it to be, click on the shape you pasted. Take off any fill or stroke colors, bring it all the way to the front (right click, arrange, bring to front... or command + shift + ]), and place it directly over the original shape. Select all of it. Go to the top of the tool bar and find "object." Close to the bottom, you'll see "clipping mask." Highlight, select "make." Boom! You've got a clipping mask.

If you had a stroke on the original shape, it's going to look a little funky. Depending on what you have inside your shape, adding a stroke after you've made the clipping mask will apply it to all the shapes within the outside shape in addition to the outside shape. If you take a look at my word "forever," you'll see that the black stroke is on the outside of the "f" and around the stars on the inside. That is what will happen if you need a stroke color.

Trust me, the clipping mask is a tough tool to master. If you're having a problem, make sure that all the shapes are on the same layer. That caused me a problem that didn't get solved for half an hour. Perhaps your outlined shape is not all the way to the front. Make sure your outline shape is on top and everything else is arranged in the order you want it to appear. The stars in my letters needed to be above the letters themselves. The holes in the center of the "o" and the "e" needed to be on top of that as well.

If you have questions, I'd be happy to try and help. Maybe one day, Forever the Sickest Kids will see this and print it! That would be cool!

(c) 2013 Angela Mannino

Tuesday, June 18, 2013

Rachel Barrentine T-Shirt Designs

These were all designed with my friend's music in mind. These were early attempts at t-shirt designs. I experimented with the warp tool and the gradient tool as well as using tools in Illustrator to manipulate the text in the top two designs. I am most proud of the middle design on the 3rd image.

(c) 2012 Angela Mannino
(c) 2012 Rachel Barrentine (music)

MCC Sale T-Shirt Design

This design was made for the annual Mennonite Central Committee Relief Sale held at the Fresno Pacific University campus every April. The verse, Proverbs 1:5, was the motto for this year's sale. Placed in the shape of a cross, the text is formatted in different ways to elicit the message of the cross. The globe behind it is symbolic of the relief sale reaching across oceans and the sun peeking just over the horizon.

(c) 2013 Angela Mannino

Heaton House T-Shirt Design

I lived in the residence area at FPU known as Heaton One. I shared the house with five other girls, all of whom will be life-long friends. To commemorate our memorable year as a family, I designed a t-shirt for us to wear proudly and carry with us the memories, good and bad, because both build us up. Unfortunately, this shirt was never printed because we could not agree on a reasonable price, but the design is still one I am proud of. 

(c) 2013 Angela Mannino

Sunday, June 16, 2013

Full Throttle T-Shirt Design


This design was requested by the woman who managed Camp Keola summer staff for the summer 2013. Their theme was "Full Throttle," so I got the sense that she needed something streamline but forceful, edgy but clean. The front of the shirt employs all those characteristics with the addition of a lot of color as requested by the client. The back of the shirt is much simpler, only mimicking the color and grunge.

This is another version that was not printed. I used the gradient tool to create a radial gradient with 4 colors. The font is unique and it almost vibrates when you look at it, especially the "throttle." This design was round one of proofing, and the client chose the top design.

(c) 2013 Angela Mannino