Warhol Design Project
Structure of the Course:Projects & Activities:Weekly/Daily projects will be assigned to develop the the specific competencies or skills areas of the course. All projects and activities will follow strict deadlines that must be met.Quizzes & Tests:Tests will be given over the period of the semester to assess student knowledge and provide feedback to prepare for the Post-Assessment Final Exam.Final Exam:A Post-Assessment Exam will be given by the state at the end of the semester..Presentation Files: review for Elements QuizzesDigital Media Conceptshttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_101.01_p_digitalmediaconcepts.pdfDigital Media and Societyhttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_101.02_p1_digitalmediaandsociety.pdfGraphic Conceptshttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_103.01_p1_graphics_concepts.pdfEditing Graphicshttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_103.01_p2_editing_graphics.pdfElements of Designhttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_103.01_p3_elementsofdesign.pdfPrinciples of Designhttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_103.01_p4_principlesofdesign.pdfGraphic Procedureshttps://www.lee.k12.nc.us/cms/lib/NC01001912/Centricity/domain/651/pshop powerpoints/dm_103.02_p_graphics_procedures.pdfstudent gallery:First Class Project -SandwichWorking with layers, masks and cropping in PhotoShop.The objective of this project is to obtain a better understanding of Photoshop Layers by creating the layers of a sandwich on a plate. Utilizing layers effectively is a key skill to have in order to create efficient and fully editable graphics. If layers are not used effectively, it can be detrimental to the success of your project.
You have been hired to create a graphic design for Tom's Diner. The owner wants a BLT sandwich with sides as a graphic for the diner. He has supplied you with an image of a plate from the diner, as well as images of the ingredients for the sandwich. You are to follow the directions given by the project manager to complete the project for the target audience. There is also a PDF tutorial to help you complete this project. However, since this is the first project we will be completing in Photoshop, we will walk through this procedure together as a class.
On You Own Add: put a pickle slice or two on sandwich, cheese also, then put mustard & mayonnaise on sandwich using pencil tool with effects,
then a pickle spear on plate, then chips or fries.
Graphic Design Automotive AdColoring & Designing.Your job is to personalize a picture of a car with your own colors, logos, and background. Your final product must be a well-developed, attractive advertisement complete with the car's manufacturer logo and unique catchy slogan.
Find pictures of the car you want to make your advertisement for and save them in your Graphics folder. Paint them with any color and design your mind creates, and add logos to the car and/or background to incorporate your personalized style. BE CREATIVE! Take out the white background and place them in a setting of your choosing. Finally, add some text that conveys your unique slogan to finish off your advertisement.
Be sure to arrange your components in a way that utilizes the Elements and Principles of Design and accomplishes your intended purpose. Also, save your file often to avoid losing any of your work. As you may notice, I have provided a final example of what one advertisement may look like - but don't try to copy it! Generate something that shows your skills in Photoshop, as well as your creativeness.
B & W Colorization projectAdding color to a black and white photograph.Adobe Photoshop is a very powerful image editor that can bring life to otherwise dull and unexciting photos. Using the tools and features of the software, a photographer can take his or her pictures to the next level and produce professional-looking images.
In this project, you will learn how to use the selection and coloring tools of Photoshop to add a splash of color to a black and white photo. The overall goal is to bring a dull photo back to life by accurately coloring the components to make them seem life-like.
Choose a black and white image and use the refined selection tools of Photoshop to carefully select particular areas and add color. Be sure to add each color on its own layer just in case you need to make adjustments later on. Leaving several colors on the same layer (especially the background layer) can result in you having to start your project all over again!Adobe colorization video:http://tv.adobe.com/watch/the-russell-brown-show/colorizing-black-and-white-images-with-adobe-photoshop-touch/
Now that you've learned how to precisely add color to a black and white image, let's apply that knowledge in a fun and personal setting. In this project, you are going to paint several renditions of a picture of yourself and arrange it in a grid. A famous artist that used this technique to develop pop art advertising is Andy Warhol. We are going to mimic this technique to create an original, personal piece of art.
First you will use the on-board camera of the Apple iMac to take your picture. Be creative with your pose so your project will be appealing and interesting! You will apply a filter inside Photoshop to make it look like a black and white sketch, then use your selection and coloring techniques to create the Warhol effect. Remember to use bright colors!
1-Start with picture
2-Select and delete background
3- Go to Image > Adjustments > Threshold and pic best representation.128 is default, but that varies with each picture due to subject and lighting.
4- Add color to pics
5-Make 4 duplicated image layers using different colors on each. Then double the size of the canvas and move each image to a different corner (remember that images will touch and not have any space between). Go to Image > Canvas Size and double the pixels there in that window.
Reflections DesignDesign with products, reflections of products and backgrounds.Your job is to take a group of products and showcase them on a stage that reflects their image to make them seem more appealing and attractive.
Create a new Photoshop document that is 720 x 480 pixels. Create a stage and a background for your products. Place at least three different objects on the stage, the manufacturer logo on the wall, and create a reflection on the stage for each one. All of the products must be made by the same manufacturer. Make sure you orient the objects in the most appealing way and make them look good!
Class assigned: Adobe PhotoShop Tutorials*Lightning Tutorial -
Step 1: Create Lightning
a) Create a new document e.g. 600x600px
b) Create a new layer and name it Lightning
c)Open the Gradient editor (Type G and click on the gradient in the top left corner) and create a black and white gradient with a narrow gray area as shown below:
d) Paint the document with a linear gradient. The more narrow the grey area is the more clean the lightning will be so don’t make it too narrow.
e) Next make sure you have selected black as foreground and white as background
Then goto Filter > Render > Difference Clouds. Feel free to undo and redo to get the lightning effect you want:
f) Notice the main black line through the middle. This will be your lightning bolt. But to isolate it, you first invert (Image > Adjustments > Invert or Ctrl+I) it:
f) Add a new Adjustment layer with levels. You could also apply the levels directly but really in this tutorial you may need the flexibility later to fix the levels
g) You should adjust the levels to increase the intensity of the lightning.
Step 2 Add Color
a) Create a new layer and paint it with a blue gradient
b) Set the blending mode to overlay
c) Create another layer and call it Red Light. Then set the layer blending mode to soft light. Select a soft, big round brush and paint some lights with a red, yellow and/or a violet color
d) If you want to intensify the lightning even further I recommend you add an adjustment layer for Curves and Hue/Saturation. Set the Curves first. Individual settings for your setup may be needed.
Than only adjust the Lightning a bit down in the Hue/Saturation layer
The Result – Lightning Created in Photoshop*Super Hero Tutorial -Multiple layers and effects added...*Make yourself a Super Hero, a new one or colorize and layer a line art version you like- Use the skills you've learned so far!!!Open each image in new tab to zoom in!!!!!line art:coloring in photoshop:with a background:*Tilt-Shift Tutorial -miniaturization of objects or autos with a lens blurexamples below:Slight blur with fade, color adjustment and saturation increase:Heavy Tilt-Shift Blur added:Slight lens blur example:Heavy blur example:
*GO TO SIDEBAR AT THE LEFT FOR PENNY RACER & TUTORIAL****** Penny Racer*****Lowering Car/\ /\ /\ /\/ \ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\ /\************************************************************************************-
-------------____________________________________________________________________________________After Penny Racer & Lowering Car Tutorialgo to this!\/ \/ \/ \/ \/ \/ \/
Create a Devastating Twister project:Student made example:
Remove AirplaneWith Plane...Without Plane!!!
DEVILS TOWER PROJECT*Add Aircraft to Devils Tower, Wyoming picture link is larger image
Option: turn day into night:
Storm Effects -
See the image below? Transform this cloudy country side picture into a stormy and dramatic evening by adding simple lightning effects!
Start off by duplicating the default layer (CTRL+J) as Layer 1.
Reduce brightness of duplicate image by dragging center point of the Curves tool (CTRL+M).
Duplicate Layer 1 as Layer 1 copy. Go to Filter > Radial Blur > Zoom : 80. Set the blend mode for Layer 1 copy as 'Multiply'.
You should get something like this:
Now, create a new layer (Shift+Ctrl+N) and name it as “storm”. Go to Filter > Render > Clouds.
Next up, select Filter > Render > Difference Clouds. Apply the same filter (Ctrl+F) several times (preferably 5 times or above).
Bring out the Levels Window (Ctrl+L) and apply settings until you see lumps of clouds appearing (Input Levels: 30/0.75/175).
NOTE: Results/settings may vary as each clouds/difference clouds rendered may differ.
Once done, set storm’s blend mode to 'Color Dodge'.
Transform (CTRL+T) and scale the image. You can also adjust the perspective a little, based on the nature of your chosen image. Press Enter to apply the transformation.
Next, we should remove areas which are too bright. Follow these sub-steps:
1) Go to Windows > Channel (to bring out the channels window).
2) Hold CTRL and click on Red channel (to make a selection).
3) Go to Select > Inverse (or press Shift+CTRL+I) to invert the selection.
4) Go to Select > Feather (or press CTRL+ALT+D) and set radius : 10 pixels.
Click on the masking tool to hide the brighter parts of the layer.
Select layer mask of 'storm' layer and further adjust the levels (CTRL+L) until you have something like this (Input Levels: 0/1.70/180):
NOTE: Again, results/settings may vary as each clouds/difference clouds rendered from previous steps may differ.
I’ve decided to remove some bright areas of the storm by brushing over the layer mask with a soft black brush.
Now that we have got the storm going, lets add a few bolts of lightning.
First, create a new layer (Shift+CTRL+N) and name it as ‘lightning’. Using the Rectangular Marquee tool (M), select a square box (holding down the Shift key while dragging will create a perfect square). Bring out the Gradient tool (G) when you are done.
Create a gradient by dragging through the center of the selection.
The gradient should look like this, preferably.
With the selection still active, go to Filter > Render > Difference Clouds (or just press CTRL+F as it is your last applied filter).
NOTE: Difference Clouds rendered differs as it is randomly generated.
Press CTRL+I to invert it.
And adjust the level (CTRL+L).
Apply the lightning's blend mode to ‘Screen’.
Next, use the eraser tool to remove any hard edges. Make sure the hardness is set to 0%.
Transform (CTRL+T) the bolt of lightning to which ever way you like.
I’ve tweaked mine a little bit more; adding glows, reducing brightness, and etc. This is my final image.
Before & After
When Cows fly...tutorial
For today's walkthrough, we're going to show you how to make a cow fly in just a couple of quick and simple steps. Read on to find out...
First off, prepare these set of images:
Update: Use this picture as the background,
...instead of this.
Separate the legs, the tails, and the head from the body.
Reposition them and and create bends at the legs. We can copy part of the leg out, and transform it. Slowly mask out the connecting areas to look seamless.
Enlarge the head a little, and liquify the body.
Further liquify the head. Pull out 2 stubs so that it can fit the horn.
Extract horn from source image and place the horns on the head. Fit it nicely in the stubs.
Since we will be shining lights from above, increasing shadows adds realism. Draw black shades on the body just under the legs.
Duplicate another layer. Set the top layer as 'Multiply' and the other as 'Overlay'. Play around with the opacity for both to achieve a desirable shadow tone.
Draw more shades of black on the cow.
Similar to the steps above, duplicate another layer and change their blend mode respectively.
The hind right leg looks a little too bright, so we will add more shade to it.
Further add shadow and highlights, by creating a new 'Overlay' layer (Filled with Overlay neutral color). Use white brush to add highlights and black brush to add shadows.
We will have something like this:
The black edge on the tip of the right ear just won't do, so we will further add white lines there, resembling highlights.
Extract wings from the dove. We'll only be using one side of the wing, duplicate and flip so that it resembles a pair.
Copy part of the right wing to fill up the gap.
Combine the cow and the pair of wings. The wings should be place underneath the cow layer.
Use the healing brush to join the connecting area.
Import background into your canvas, and place the winged cow accordingly.
Change the contrast and color of the background according to these settings.
Create an elliptical shape using the selection tool, feather it and fill it with black.
Again, duplicate this layer, one with 'Overlay' blend mode and 'Multiply' for the other.
Duplicate these 2 layers, and transform it into a bigger shape.
Draw a ring on top of the cow's head and apply these settings.
Flatten the 'halo' layer (Create an empty layer and merge it with the layer with blending option). Set it as 'Screen' blend mode. Duplicate this layer to strenghten the opacity and glow of this halo.
We shall progress to creating a light ray effect. Add a curves adjustment layer and mask off accordingly. Drag the curves to darken the surrounding.
Duplicate this adjustment layer and invert its layer mask. Drag the curves upwards.
Here's the result:
Create a new layer, fill it with black, and render lens flare. Apply a little Gaussian blur to it.
Set blend mode for lens flare layer as 'Screen'.
We can further add intensity to the source of light ray, by drawing streaks of lights using white brush, setting it at 'Overlay' blend mode.
Next up, we will add in some feathers. Open the feather image and desaturate it.
Do a quick mask by dragging the blend if sliders, and flatten the layer.
Resize and make a selection around the feather, and define it as a brush.
We can use different brush setting to create a natural flow of feathers, or we can place them manually.
Add in more feathers and combine them into one layer.
Apply an outer glow to add some color to the feathers.
Duplicate another layer and invert this layer of feathers.
Place the inverted layer above and set blend mode as 'Overlay'.
Create a new alpha channel (Alpha 1) similar to below.
Apply lens blur to both of the feather layers, based on this channel.
Add in more feathers with different opacity and blurness to add a sense of depth.
Import the road sign.
Extend the pole of the sign, simply by copying and extending it from existing parts.
Transform it from its original perspective to a flatter one.
Reduce the size of the cow symbol,
so that we have space for a halo sign.
Transform and tilt the sign abit.
Increased its contrast and saturation by a little:
We can then combine the background and sign layer, and apply lens blur using the same channel 'Alpha 1'.
In the final piece, I've further added some glows, and sharpened the whole image a little.*Logo Design - Design a Logo representing the Four Elements - Earth, Air, Fire & Water
*Creating Brushes -more tutorials on : http://www.myinkblog.com/tutorials/
1- Get your photo file ready and also the most important is the textures file which you can get by scanning a rumpled brown paper as below or find it online:
2. Duplicate your background, and change the new layer level (image>adjustment>level). In my case, i use 52, 1.44, 255
3. Give it sephia effect using the color balance tool (ctrl+b). I enter 64,-4,-73 for my sephia effect.
4. Adjust the level again (image>adjustment>level). Now I enter 34,0.89,255
5. Get your paper layer file on top your photo, and change the layer mode to ‘overlay’
6. Use the dodge and burn tool to make your photo really looks old.
8. Add some noise (filter>noise>add noise) to your photograph
7. Here’s the final result:Winter Scene in Photoshop
*Create a Ice Text Effectlink:http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-an-ice-text-effect-with-photoshop/
*Create a Firey Textanother version:*Create a Metallic Text Effect Using Layer Styleshttp://design.tutsplus.com/tutorials/quick-tip-how-to-create-a-metallic-text-effect-using-layer-styles-in-photoshop--psd-18942
*Create your own PhotoShop Tutorial-Save in a single document , with step-by-step text and step-by-step pictures to present to the class..........sequence of procedure is very important!
*Adobe PhotoShop Tutorials Plus (Psdtuts+)Psdtuts+ is a leading blog and community for Photoshop tutorials. Learn photo manipulation, retouching, icon design, text effects, and much more.*Entheosweb*Adobe PhotoShop TV
*http://tv.adobe.com/search/?q=photoshopSpecific searches can also be initiated within Adobe TV
The Desaturate command converts a color image to grayscale values, but leaves the image in the same color mode. For example, it assigns equal red, green, and blue values to each pixel in an RGB image. The lightness value of each pixel does not change.
This command has the same effect as setting Saturation to ‑100 in the Hue/Saturation adjustment.
Note: If you are working with a multilayer image, Desaturate converts the selected layer only.
Choose Image > Adjustments > Desaturate.
To the top
The Invert adjustment inverts the colors in an image. You can use Invert as part of the process of making an edge mask to apply sharpening and other adjustments to selected areas of an image.
Note: Because color print film contains an orange mask in its base, the Invert adjustment cannot make accurate positive images from scanned color negatives. Be sure to use the proper settings for color negatives when scanning film.
When you invert an image, the brightness value of each pixel in the channels is converted to the inverse value on the 256‑step color-values scale. For example, a pixel in a positive image with a value of 255 is changed to 0, and a pixel with a value of 5 is changed to 250.
Do one of the following:
- Click the Invert icon in the Adjustments panel.
- Choose Layer > New Adjustment Layer > Invert. Click OK in the New Layer dialog box. Note: You can also choose Image > Adjustments > Invert. But keep in mind that this method makes direct adjustments to the image layer and discards image information.
To the top
Create a two-valued black and white image
The Threshold adjustment converts grayscale or color images to high-contrast, black-and-white images. You can specify a certain level as a threshold. All pixels lighter than the threshold are converted to white; all pixels darker are converted to black.
- Do one of the following:
- Click the Threshold icon in the Adjustments panel.
- Choose Layer > New Adjustment Layer > Threshold. Click OK in the New Layer dialog box.
- The Adjustments panel displays a histogram of the luminance levels of the pixels in the current selection.
Note: You can also choose Image > Adjustments > Threshold. But keep in mind that this method makes direct adjustments to the image layer and discards image information.
- In the Adjustments panel, drag the slider below the histogram until the threshold level you want appears. As you drag, the image changes to reflect the new threshold setting.
To the top
Posterize an image
The Posterize adjustment lets you specify the number of tonal levels (or brightness values) for each channel in an image and then maps pixels to the closest matching level. For example, choosing two tonal levels in an RGB image gives six colors: two for red, two for green, and two for blue.
This adjustment is useful for creating special effects, such as large, flat areas in a photograph. Its effects are most evident when you reduce the number of gray levels in a grayscale image, but it also produces interesting effects in color images.
If you want a specific number of colors in your image, convert the image to grayscale and specify the number of levels you want. Then convert the image back to the previous color mode, and replace the various gray tones with the colors you want.
- Do one of the following:
- Click the Posterize icon in the Adjustments panel.
- Choose Layer > New Adjustment Layer > Posterize.
- Note: You can also choose Image > Adjustments > Posterize. But keep in mind that this method makes direct adjustments to the image layer and discards image information.
- In the Adjustments panel, enter the number of tonal levels you want.
To the top
Apply a gradient map to an image
The Gradient Map adjustment maps the equivalent grayscale range of an image to the colors of a specified gradient fill. If you specify a two‑color gradient fill, for example, shadows in the image are mapped to one of the endpoint colors of the gradient fill, highlights are mapped to the other endpoint color, and midtones are mapped to the gradations in between.
- Do one of the following:
- Click the Gradient Map icon in the Adjustments panel.
- Choose Layer > New Adjustment Layer > Gradient Map. Click OK in the New Layer dialog box.
- Note: You can also choose Image > Adjustments > Gradient Map. But keep in mind that this method applies the adjustment directly to the image layer and discards image information.
- In the Adjustments panel, specify the gradient fill you want to use:
- To choose from a list of gradient fills, click the triangle to the right of the gradient fill. Click to select the desired gradient fill, and then click in a blank area of the Adjustments panel to dismiss the list. For information on customizing the gradient fill list, see Work with the Preset Manager.
- To edit the gradient fill currently displayed in the Adjustment panel, click the gradient fill. Then modify the existing gradient fill or create a gradient fill using the Gradient Editor. (See Create a smooth gradient.)
- By default, the shadows, midtones, and highlights of the image are mapped respectively to the starting (left) color, midpoint, and ending (right) color of the gradient fill.
- Select either, none, or both of the Gradient options: Dither Adds random noise to smooth the appearance of the gradient fill and reduces banding effects.
Reverse Switches the direction of the gradient fill, reversing the gradient map
Photoshop lessons are everywhere on line for free. Below, you’ll find some fantastic project tutorials. Pick at least one of these that interest you. When you finish your project, include the link, so I can compare your results.