Follow the link below to view:Graphic Design 1
Tuesday, April 28, 2015
Monday, April 27, 2015
Typography Poster Design- Kinetic Typography
Illustrated Quote
For
this project you will be using Adobe Illustrator to illustrate a quote, poem,
or part of a song lyric. Your objective is to creatively use typography and
incorporate simple imagery.
9
slides building the quote
10-finished
quote!
Things
to think about:
Composition
·
Juxtaposition – Think of interesting ways to position your text.
·
Flow – Where will your quote start, travel to, and end? How will your
reader follow the text?
·
Font – What fonts will ‘illustrate’ your words best?
·
Imagery – What simple imagery or icons can you add and incorporate
within the text to add visual interest?
·
Color – Choose a color scheme that appropriately works with your quote.
What
is your text? Write it our here:
____________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________________________________________________________________________________________
What
fonts will ‘illustrate’ your quote appropriately?
______________________ ______________________ ______________________
______________________ ______________________ ______________________
______________________ ______________________ ______________________
______________________ ______________________ ______________________
Brainstorm
imagery – on the left, list words in your quote that you feel are ‘visual’,
then on the right, list imagery/icons you can add.
Sketch
out a rough plan for your project. Plan the composition and flow of the words.
Think about how you will make important text stand out and where and how you
will add your imagery.
Width:11
Height:8.5
Use
your sketch book to sketch out all 10 transitions in THUMBNAIL VERSIONS!
Monday, March 23, 2015
Splatter Effect/ Building a City
How to Create an Easy Dispersion Effect in Photoshop
Giving a subject a dispersion or splatter effect can create an incredibly dynamic image. The best part is, it’s very quick and easy to do with a few Photoshop brushes, but the end result can look very complex as if it took you hours to create. In this tutorial, I’m going to walk you through 3 easy steps to create this dispersion effect.
Here’s a look at what we’ll be creating.
WeGraphics members will want to grab this brush set for the tutorial:
Splatters Volume 2
For non-WeGraphics members a good free alternative can be found here:
Splatters Brush Set
Copy and paste the photo into a new PS document. I sized mine down to 2500px wide. Using the Quick Selection Tool (W), I made a selection of the guy and copied and pasted him to a new layer. I then loaded the selection again, and with the background layer selected, I chose (Edit | Fill | Content Aware).
Content Aware did a pretty good job of removing the guy from the background. There is still a silhouette visible, but that’s okay, we’ll be covering most of it up. We just want some of the background color to show through. If you’re extra picky, you can remove the silhouette with the Clone Stamp Tool (S).
I roughly selected his arm and leg and moved them back to the edge of the non-distorted guy in the layer above. The idea here is that we’re giving a color area for our splatters to pick up via a mask.
Lets go ahead and create that mask for the distorted guy layer. Select the distorted guy layer and click the layer mask icon at the bottom of the layers palette. Fill the mask with solid black.
Now use the splatter brushes to reveal portions of the layer by clicking the mask using solid white as the foreground color.
For the top non-distorted guy layer, we also want to create a layer mask. But this time we want to leave it solid white, and use a black splatter brush to remove portions of the guy to reveal some of the background.
Pretty easy, huh?
For the vignette, lets switch over to Quick Mask Mode (Q), and choose a very large soft black brush and click once in the center of the image.
Switching out of QMM you’ll see that we have a selection that excludes the very center of the image. The selection is also nicely feathered due to our soft black brush.
Now create a new Levels Adjustment Layer above all other layers, and adjust as follows.
For the final touch, lets add a highlight. Create a new layer above the guy layer, and set its blending mode to Opacity. Now with a soft white brush make 1 or two clicks over the guys head and torso. You may need to reduce the opacity of this layer down to 50% or 60% depending on how hot the highlight appears.
WeGraphics members will want to grab this brush set for the tutorial:
Splatters Volume 2
For non-WeGraphics members a good free alternative can be found here:
Splatters Brush Set
Step 1
After a little bit of searching I found this photo of a guy jumping in the air by Camera Eye Photography. This is a great photo for this effect because the subject is in motion. So our dispersion effect will help to enhance that motion.Copy and paste the photo into a new PS document. I sized mine down to 2500px wide. Using the Quick Selection Tool (W), I made a selection of the guy and copied and pasted him to a new layer. I then loaded the selection again, and with the background layer selected, I chose (Edit | Fill | Content Aware).
Content Aware did a pretty good job of removing the guy from the background. There is still a silhouette visible, but that’s okay, we’ll be covering most of it up. We just want some of the background color to show through. If you’re extra picky, you can remove the silhouette with the Clone Stamp Tool (S).
Step 2
Lets go ahead and duplicate the guy layer one time. So you should have two layers that have our guy jumping. Select the bottom most guy layer and press (Cmd+T) to transform him. You want to stretch the guy horizontally.I roughly selected his arm and leg and moved them back to the edge of the non-distorted guy in the layer above. The idea here is that we’re giving a color area for our splatters to pick up via a mask.
Lets go ahead and create that mask for the distorted guy layer. Select the distorted guy layer and click the layer mask icon at the bottom of the layers palette. Fill the mask with solid black.
Now use the splatter brushes to reveal portions of the layer by clicking the mask using solid white as the foreground color.
For the top non-distorted guy layer, we also want to create a layer mask. But this time we want to leave it solid white, and use a black splatter brush to remove portions of the guy to reveal some of the background.
Pretty easy, huh?
Step 3
For the final touches lets add a bit of vignette and highlight. But before we do that… I took one large dark splatter and placed it on a layer behind the guy. I basically just wanted to see some light splatters that fell beyond the distorted guy’s layer mask.For the vignette, lets switch over to Quick Mask Mode (Q), and choose a very large soft black brush and click once in the center of the image.
Switching out of QMM you’ll see that we have a selection that excludes the very center of the image. The selection is also nicely feathered due to our soft black brush.
Now create a new Levels Adjustment Layer above all other layers, and adjust as follows.
For the final touch, lets add a highlight. Create a new layer above the guy layer, and set its blending mode to Opacity. Now with a soft white brush make 1 or two clicks over the guys head and torso. You may need to reduce the opacity of this layer down to 50% or 60% depending on how hot the highlight appears.
Urban Ink Photo Effect Photoshop Tutorial
Preview of Final Results
Stock Photos
The image below is the stock photo we used to create this tutorial. We used the highest resolution image for this tutorial but you can follow this tutorial with a lower resolution image. You can also use your own image. We recommend starting with a photo of a model and a simple light background.Step 1 – Open the image of the dancer
Load the image of the dancer into Photoshop. To do this, choose File > Open, browse for the file, then click OK. Note that this effect only works on photos with a simple background.Step 2 – Duplicate the layer
Press Ctrl+J or choose Layer > Duplicate Layer to create a copy of the layer.Step 3 – Apply Threshold
Choose Image > Adjustments > Threshold. Adjust the input slider so that most the background disappears and only the shadows of the model is in black.Step 4 – Blend the layer
Right-mouse click on the top layer then choose Blending Options.Step 5 – Create a new layer
In the Layers palette, click on the button to create a new layer.Step 6 – Blend the layer
Right click on the current layer then choose Blending Options.Step 7 – Add color to the image
Paint the current layer with any color of your choice. Use a large brush with a hardness of 0. We used cyan, magenta, and yellow to create the results shown below.Designing a city or town.
What does this place mean to you?
What are you trying to say with your design?
Subscribe to:
Posts (Atom)