For this project you will be working with a variety of layers. We will be creating a shadow effect as well as a double exposure effect. You will be setting a scene inside of a paint splatter and labeling the tube of paint. See my example below. Step 1: Paint Tube and Drop ShadowFirst choose a paint tube to start with. You can find your own as well....otherwise save one of my images below. Create a new file in GIMP (the size of your image should be 900X900 pixels) Go to File-->Open As Layers and open the paint tube you saved (you should now have two layers--1 your background and 2 your paint tube) Using your Lasso Tool, select your paint tube. Invert your selection and go to Edit-->Cut to delete the background......keep a little bit of the paint. Duplicate your paint tube layer. Desaturate the bottom paint tube and bring down the lightness completely (should be VERY dark) Stack the paint tube layers on top of each other (slightly offset so to resemble a shadow) On you bottom paint tube layer....go to Filters-->Blur-->Gaussian Blur. Play around with your blur settings until you get a blur that is right for you. Your paint tube should now have a shadow under it. Merge your top paint tube onto your drop shadow so you are back to having only a background layer and a paint tube layer. Step 2: Paint Splat and Scenery Double ExposureChoose a paint splat from below that you would like to use. .(you can also search for your own image) Create a new image. File-->New set your pixel size to 900X900 pixels. Go to File-->Open as Layers and open your paint spill. Adjust the size of your paint spill so that it fills most of your image. Search for a HIGH RESOLUTION (900x900) image of what you would like to be "pouring out" of your paint tube. Save it to your computer. Go to File-->Open As Layers to open it to your paint spill image. Make sure your image is the top layer. Change the size of this layer to so that its Height is 900 Pixels. Layer-->Scale Layer. Now the image will fill your window. In your layers window, set the layer mode to Lighten Only. Use the move tool to position your image so it fits just right inside of your paint splatter. When your paint spill looks right, MERGE all of your layers down so that you have one layer left. Use your "Select By Color Tool". Switch your Foreground and Background colors so that your Foreground color is White. Click anywhere on your white background to select all of the white. Edit-->Cut to delete the white. Step 3: Putting it all TogetherGo to Select-->None to deselect everything. Drag your Paint Spill Layer over to your Paint Tube image. Using the Move, Scale, and Rotate Tools, position your paint spill and tube how you would like. Use your lasso tool to select and delete any part of the paint coming out of the tube that is showing. While selected on your Paint Tube Layer. Go to Color-->Hue and Saturation. Play around with the toggles to change the paint tube to colors that fit with your image. Make sure you have your paint spill layer active, use your Smudge Tool to blend your paint layer so that it looks as though it is coming out of your paint tube. Your image should be similar to this. Step 4: Creating the LabelI chose to use the brush tool and handwrite the label. You can also use the text tool. The handwritten look can be a nice touch. Create a new Layer (900X900 Pixels)--Make the background set to Transparency. With your Paintbrush Tool write the name of your paint tube. Go to Layer-->Autocrop Layer to make it easier to manage. Scale, Rotate and Move the label to fit your paint tube. File-->Export As to export the file as a .png or .jpeg and email to me!
1 Comment
For your 3rd GIMP Project you will be creating Stereographic projection, which takes a standard photograph and stretches it around in a circle creating a globe or planet like image. Take a look at a few examples below. You will need to start off with finding an image you would like to use. Please not that you will want an image where the scenery stretches across the entire photo....otherwise when you wrap it in a circle, you will have large gaps. Also, make sure you choose an image where nothing is cut off on the sides. See an "OK" examples and "NOT OK" example below---you basically want the left and the right side to be similar looking (this will be easier to line things up in the end). ***REMEMBER TO LOOK AT RESOLUTION!!!!!!! Open your image in GIMP. Duplicate your background layer and hide it (Uncheck the Eye Icon) Crop your image so you have an even balance of sky and land (if necessary) Seamless Joint: With your Rectangle Selection tool. Select a rectangle from top to bottom on one side of your image. go to Select-->Float. Create a New Layer and Duplicate it. Move the Floated Layer Copy over to the other side of your image. Add Layer Mask to the Floated Layer Copy (right or control click on the layer and select "add layer mask") Double check that your layer window looks like this. Using the BLEND Tool (Tools-->Paint Tools-->Blend Tool) click and drag in short spurts from left to right across the seam between your original image and your floated layer. Be sure to check your tool settings (Gradient should be FG-->Transparent or black to transparent, and the shape should be linear.) Be sure to adjust your opacity so that the layer looks blended with your image. The right side of your picture should now resemble the left side. Apply Layer Mask (right/control click-->apply layer mask) Merge down your layers until you are back to two layers....your original image (hidden) and your edited version. Resizing to a square image: We will need a square image so go to IMAGE-->SCALE IMAGE Uncheck the proportions lock. Change your longest dimension to match your shortest (i.e. 1064X700 Pixels-->700X700 Pixels) To make the "Planet" go to FILTERS-->DISTORTS-->POLAR COORDINATES...settings are at 100 and 180 (See image below)....make sure TO POLAR is the only box selected. Use the Blend/Gradient Tool. Check your TOOL OPTIONS!!! Make sure that it is set at FG-->Transparent and a radial shape. With short strokes, blend the line/seam. You may have to undo a lot of these small moves if the look off. Command-->Z for Macs and Control-->Z for windows will be your friend. Apply the Layer mask and Merge the two layers together. Your final image should seem seamless. Now you can add a set of hands or a hand holding your "planet". Save one of the hand images below and open it in GIMP.....or you can find your own set of hands to use. click and drag your hand layer onto your stereographic image. make sure the hand layer is on top. Using your lasso tool, select only the hands in the image. Go to Edit-->Copy and Edit-->Paste to create a new layer. Next, Right/Control Click on your Floating Selection and click "To New Layer". Using your Scale Tool (scale) adjust the size of both your planet and your hands so that they fit together. Now play around with different background images When you are finished export the image as a .png or .jpeg (file-->Export As). Make sure you pay attention to where you export it so that you can find it later. Email it to me as an attachment.
For this next project you will be creating a typography design poster. We will learn how to make some elements look rough or dirty, add texture, and create depth using light effects. We will focus Design Principles of Contrast, Emphasis, and Rhythm. Although I have created a step by step tutorial. You may choose whatever fonts, colors and images that will affect your final design. These will all look VERY different at the end. You still need to follow the instructions and use each tool that I use. But feel free to play around with settings and colors so that you get the look you want for your poster. I will be creating a poster for my art studio....Blue Canvas Art Studio....you may choose whatever you want. A local business, made up business, a quote or song lyric, a band or team.....anything goes. What to do....First you will need to create a New Document in GIMP. Set the Image Size to 768X1024 pixels. Make sure the Portrait orientation is selected. Click on your foreground color to change it. Choose whatever color you would like to use (this color will eventually be a thin border around the edge of your poster.) I went with a neutral tan color. If you look on the right side of the Change Foreground Color window you will see where you can enter a code under "HTML Notation"--the code for the color I used is f3e9b8 Using your paint bucket tool, fill in your background layer with this new color. Create a New Layer. Name this layer "Rectangle" with the background set as "Transparency" Using your "Rectangle Select Tool" draw a rectangle in this new layer. Adjust the size so that the rectangle is slightly smaller than the background. We want to round the corners of this rectangle selection so go to Select-->Rounded Rectangle. The higher the Radius the more pronounced the curve will be. I am going to go with 15 for my settings. You can choose whatever amount of curve you want. Using your "Bucket Fill" tool, fill this rectangle with a different color. I am going to go with a medium blue (HTML Notation 5dacbd)--you want to make sure you do not choose too light of a color for this layer. Next, we will create some text. For the Typeface, I used a font called Impact Condensed....(choose whatever you like--this font should be bold)....my font size is set at 120....yours may be different depending on the font you choose. Either way this should be large so start at 120 and you can adjust it later. Click any where on your image and type the first word of your poster. Using your Move Tool, you can position the word wherever you want. Double check your Layers Window to see that they are in the correct order. Make your font color the same color of your background. Create a New Layer. Name this layer, "Rectangle (word you typed)" Using the Rectangle Select Tool, create a rectangle extending from the top of one of your letters...make your rectangle go all the way to the top of your canvas. Fill it with the original background color (f3e9b8). Create another Text Layer using the Type Tool. Using the same font (size can change depending on what you are typing) type in your second line and move it to the right place below you first word. Create another New Layer and name it "Rectangle (second word you typed)". Repeat the same steps as before to draw a rectangle extending from a letter in this word to the bottom of your image. Fill it with your background color. Select the Type Tool again and type your 3rd and final line....I am using ART. Use the same background color but play around with the font size until you find the right look. Move your text so that one letter lines up with the bottom rectangle. Create another new layer. Play around with your rectangle select tool to add more shape to your text. Name that layer "Extra Shapes" with the background fill set as Transparency. Next you will "MERGE" all text layers into one. With your top layer selected, Right Click or Control Click on that layer and select merge down. This will merge the first two layers together. Continue to do this until you have merged all of your text layers together. DO NOT merge with your back ground rectangles just yet. Remember, once you do this you will not be able to move around your text separately...it will all be one layer. Create a new layer. Name this layer "Texture Layer 1". Explore different brushes to create some texture in the background. Don't go overboard as we will be adding a lot more to the image. You will probably want your brush size to be quite large so that you can just click once or twice to stamp a texture onto your rectangle. I chose to use the Chalk 02 Brush--Size 821. I also changed the opacity of the brush to Create another new layer to add some more texture (I used the vegetation 02 brush so I named this layer Vegetation). Stamp this new texture at the bottom, or side of your text to create some variety--Set the opacity of this brush to 100. Create Another New Texture Layer (I chose to use Grass as my brush). Experiment with Brush Size and Opacity to get another layer of texture on your image. Be careful not to stamp a High Opacity Brush right over your text layer. You will need to Save this Image to your computer and Open it in GIMP. Drag the "Texture" Layer onto your poster design. Rotate the image using the Rotate Tool (90 Degrees) Using the Scale Tool, change the size of this layer to fit the size of your poster (768X1024 Pixels) Set the Layer Mode to OVERLAY Create a new layer and name it "Gradient". Place it behind....or underneath the Texture Layer you just created. In the Tool Options window select your gradient type (I chose Full Saturation Spectrum--there are three other options displayed below). Set the Shape to Linear and keep the Opacity at 100. Click and drag from one corner to the other. In your layers window. Set the Mode to Grain Extract and set your Opacity of this layer to 24.8--whatever it takes to see your poster again. Check to make sure your layers are in the right order. Now create a new layer on top. Name it "Light and Shadows". Fill it with Black. Go to Filter-->Light and Shadows--> Lighting Effects. Play around with the settings until you get a light effect that you want. Apply the filter. Set the Layer Mode to Overlay and adjust the OPACITY if you need to. When you are finished go to File-->Export As to export your poster as a .png
Email your final poster to me. Sorry everyone. My childcare has some very sick kids of her own and I wasn't able to make other arrangements this last minute. That said, take today to catch up on some things (see below). I also have posted the blog assignment due for this week (see JHS Blog Assignments Page)
Some things to work on if you haven't finished them already (listed in order of priority): - Low Poly Portrait Project (finish the portrait, manipulate the background, export and email to me) - Blog Post Catch up - Tutorials Catch up (look in powerschool to see which ones you are missing) - New Blog Post (see JHS Blog Assignments Page) You have three options to deal with your background on your Low Poly Portrait....Scroll through this post to see what some of your options are. If you have a different idea please let me know. Please note....keeping it the same is not an option in most cases (there may be some exceptions). Prepping your final portraitno matter what option you go with you will want to prep your portrait. Some of you may have gaps in your poly layer so if we completely remove your background those gaps will be very obvious. 1.) Duplicate your background layer (your original photo). Name that layer Original Middle. It should be your second layer in your layers window between your Low Poly Layer and your Background. 2.) Using your Lasso Tool Select around your entire portrait image. 3.) After you have completely selected your subject, go to SELECTION->INVERT. This will invert your selection so that only the background is selected. 4.) Next, go to EDIT-->CUT to delete your background. Your layers window should look like this. 5.) go to Select-->None to deselect everything You will leave the "Middle Original" Layer as is (this will help to fill in any gaps in your low poly layer). Now you are ready for your different background options. Option 1: Blur the BackgroundFor those of you looking for a very subtle change, blurring your background might be the best option. To do this you need to be selected on your background layer and go to Filters-->Blur (note that there are a lot of different "blur" types so play around until you find what works best for you. Remember...if you do something you don't like, just go to Edit-->Undo (COMMAND/CONTROL-->Z). I Chose to do the Gaussian Blur You could also see what this looks like with a desaturated image (either fully black and white, or muted)--to see what this looks like go to Colors-->Hue and Saturation. Option 2: Making the Background 1 Solid ColorA lot of these Low Poly Portraits look really great with a solid color background. This really allows your portrait to stand out. To do this, you will need to create a new layer above your Original Background Photo. Keep the Background Fill Color as Transparency. Go to your foreground and select the color you would like for your fill. Using the paint bucket tool. Fill your new layer with the color you selected. It might also be nice to play around with a gradient **in this example I changed the original background photo to black and white (Color-->ue and Saturation). Next I applied a Gradient in my new layer with my gradient tool set at Foreground to Transparent and Radial. Option 3: Manipulate the Original Photo (color or filter)1.) while selected on your background layer, play around with color and/or filters. Here are some examples.... Final Steps.....Last but not least it is always important to Crop your final image so that it is the size and shape you would like it to be. Tools-->Transform Tools-->Crop....Make the selection you want and hit your enter key. Now you are ready to save your project as a JPEG or PNG (this will make it easier to share and print) ***DO NOT print today! we are waiting for New Toner. File-->Export As.....be sure to give your file a name and save it to a location you will remember (you will have to email this image to me). Double check to make sure that the file format/extension is set at (.png) Click Export and Export again Email your .png image to me as an attachment for submission.
You project this week is to create a Low Poly Portrait using GIMP. You can choose a person, or an animal to create a portrait of. Here are some examples of Low Poly Images. You first step is to find an image you would like to use. Save it to your computer and open it in GIMP. ***Remember....you want your resolution to be at least 800X800 or close to that. If you are working with an image that has Low Resolution, this project will be difficult to do. It is also important that you find an image that is mostly "face"....or close enough to see the person/animal face clearly. You will want to create a new layer (Layer-->New Layer). Name the new layer, "LOW POLY Layer" and set the background to "Transparency" Decide which part of the photo you would like to start working with first and zoom in to get a more detailed view. While on your Original Image Layer (the bottom layer) use the "Lasso Tool" to select a small geometric section of color. Now use the "Color Picker Tool" (looks like and Eye Dropper) and click inside your selection to choose a foreground color. Switch over to your "LOW POLY Layer" and Select the "Bucket Fill Tool" and click inside your selection to fill it in with one solid color. Continue to repeat this step with your entire image (only worry about the persons face) The zoom tool is your friend. This will make it easier for you to see color groupings. **Do not worry about the BACKGROUND. Only the face of the person/animal you have chosen to work with.
In the previous tutorial you used a brush that was included in the GIMP Software. You can also create your own custom brush tools several different ways. This allows you to really personalize your work. 1.) Create a New Image (File-->New). The image should be the size of the brush you are creating, which is fairly small....64 X 64 pxl. Make sure your background is set to Transparent. 2.) Double click on the word "Background" to rename the layer--> "Layer 1" 3.) Use the Lasso Tool to create a new shape and fill it however you would like. 4.) I used the Gradient Tool to fill by shape, but you can use a solid color or a filter if you would like. 5.) Duplicate this Layer Twice (rename your new layers, "Layer 2" and "Layer 3") 6.) Hide Layer 3 and Layer 1 (click on the eye icon to the left of the layer) so that you can only see Layer 2. Change the fill of the shape on Layer 2...do not move the shape. 7.) Repeat this step for Layer 3. 8.) Make all of your layers visible now. 9.) Save a Copy of this brush in .xcf Format, in case you would like to edit it later. 10.) The last step is to save your brush as a GIMP picture brush....(.GIH) Right Click or Control Click on our image.....File-->Export As Give your file a name and type in the extension..... (.gih). Click Export example...... brush.gih A new window should pop up that says....."Export Image as Brush Pipe"...enter the settings shown below and click "Export" To see your brush go to the Brush Tool and look at the "Tool Options" and look at your Brush Types (your brush should appear in the upper left corner) To test your brush, create a new image...size 600 x 600 pxl with a white background. Select your brush tool and try it out! Play around with different sizes of your brush and other tool modes and options
- Aspect Ratio - Angle - Opacity **Save your Image and Print for a grade (make sure you at least do one Large Size Stamp of your brush so I can see it) Your work should look somewhat like this and your Layers should be arranged as such. 1.) For SHAPE Layers 1-5 Change the Layer Mode to "Grain Merge" (keep layer 6 and 7 at Normal) 2.) Create a New Layer and name it "Clouds". Fill the layer with White. 3.) Go to Filter-->Render-->Clouds-->Difference Clouds. Set the Detail to 4 and click APPLY to apply the filter to your new layer. 4.) Change the "Cloud" Layer Mode to OVERLAY 5.) Create another New Layer on top of the rest and name it "Spectrum Gradient. Keep the Layer Fill Type set to "Transparency" 6.) Select the Gradient Tool Under Tool Options... -Gradietn-->FULL SATURATION SPECTRUM -Opacity--> 100- -Shape--> Linear 7.) Click and Drag from the Lower Left corner to the Upper Right Corner to Apply the Gradient. 8.) Change the Layer Mode to Overlay 9.) Create another New Layer and name it Shadows and Lighting...this time fill your layer with Black. 10.) Go to Filter-->Lights and Shadows-->Lighting Effects First, set the distance to .598 and make sure INTERACTIVE is selected 11.) Change the Layer Mode to Overlay 12.) Crop the Image however you would like Tools-->Transform Tools-->Crop 13.) Go to View-->Show Guides to hide the guides you have made. 14.) Save and Print!
Create a New File and set the dimensions for 1024X768 Pixels Fill it with Black. Tools-->Paint Tools-->Bucket Fill Create a New Layer and name it "Gradient" Select the Gradient Tool Settings for the Gradient are... -Foreground to Transparent (FG-Transparent) -Shape: Radial -Select a foreground color (any) Click and Drag from left to right (not quite at the edges) to create a gradient on your "Gradient Layer" Create another Layer and name it "SHAPE". Select the "Brush" Tool and change the color to WHITE. In the Paintbrush Tool Options change the Brush Shape to a Star and the Size to 400 Make a Star on the right side of your window (double check to make sure you are on your SHAPE layer) Right Click (or Control Click) on your SHAPE Layer. Select "Add Layer Mask". Initialize to White (full opacity) and click ADD. You will notice a withe image layer appear next to your SHAPE Layer--That is your layer mask. Select your Gradient Tool. Be sure that in your Tool Options it says that your gradient is Foreground to Transparent (FG to Transparent). Also be sure that your Foreground color is set to Black. Click and drag from right to left on your shape to create a gradient. Apply the Gradient to the Layer Mask (Right Click or CONTROL Click on your layer and select "Apply Layer Mask" Add a Guideline to help align your SHAPES (these will not be visible at the end) Put your Pointer (mouse) over the top ruler on your window. Click and drag the Guide down until it is at the bottom of your shape. Decrease the OPACITY of your SHAPE layer to make it more transparent. Duplicate your SHAPE layer. Name it "SHAPE 2" to keep yourself organized. 1.) Right Click on your SHAPE layer and select "Duplicate Layer". 2.) Double click on the "SHAPE copy" text to rename it 3.) Reposition your SHAPE 2 next to your original SHAPE layer using your move tool (see below) Repeat this step until you have 5 SHAPE layers (don't forget to name each of the layers) Create a New Layer (Layer-->New Layer) Name it SHAPE 6 with the layer fill type set as "Transparency" With your Brush Tool, add another SHAPE and bring the Opacity down like you did the other layers. Be sure your layers are in order in your "Layers" Window Duplicate your SHAPE 6 layer to create a SHAPE 7 layer. Rename it, SHAPE 7, and move it slightly to the left.
1: Search for and save two images...(or you can save the images I have selected below): A.) An image to use for the background B.) An image to remove the background from 2: Open the image you are removing the background from in GIMP 3: Crop it to the smallest rectangle possible. 4: Select the "PATHS" Tool 5: ZOOM IN on the image (move up close to where you plan to start) 6: Start the "PATH". When creating a path like this, remember less is more. You only want to click to add a "node" where there is some kind of directional change. Continue to do this until you have gone completely around the area you wish to separate. 7: At the bottom of your "Toolbox" (left side of screen). Create a "Selection from Path" so that you can eventually invert your selection. 8: Go to "Select"-->"Invert" then hit Delete or go to "Edit"-->"Cut" to Remove your background. 9: "Select"-->"Invert" again. Next, go to "Edit"-->"Copy". 10: Now "File"-->"Open" your background image 11: Go to "Edit"-->"Paste" to paste your cut out image into your new background. 12: Using the "Move Tool" you can reposition your new layer 13: Using the "SCALE", "ROTATE" or other Transform Tools you can adjust your image however you like. (Tools-->Transform-->Scale or Rotate) 14: When you are happy with your final image. Save and Print for credit.
|
Mrs. CastellanoDigital Art Archives
May 2017
Categories
All
|