One of our final designs for this class will be a portfolio of our GIMP work. This banner is an example, you do not have to create this banner, but you.

Slides:



Advertisements
Similar presentations
HOW TO USE POWERPOINT By Bryan Kreps.
Advertisements

Very quick intro HTML and CSS. Sample html A Web Title.
Click your mouse for next slide Dreamweaver – Merging, Coloring, Fonts Now it’s time to fill your page with some more interesting stuff The first thing.
PowerPoint Practice 1.Click SAVE AS and save this file on your network drive. Rename it “powerpoint practice.” 2.Follow the directions on the slides.
 Open Photoshop  File>open>choose a picture  Go to filter>choose an effect.  Either save your image or use the snipping tool to copy and paste it into.
Human Geography for Teachers: GCU673 Arizona State University Valerie Mervine.
Dreamweaver Learning to be a web design master! By: Mr. Brunton.
PowerPoint Practice Highlight this text and type your name.
 street/ street/  Type text & download sign. (or use snipit)
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
HOW TO BUILD YOUR CULINARY ARTS PORTFOLIO. Adding a New Slide/ Duplicating a Slide Go to the slide menu on the left side of the screen Right click to.
Create a 6” wide by 18” document at a resolution of a 150 Create a radial gradient on the background using a light color to a medium dark color tone (ex.
CIS 205—Web Design & Development Fireworks Chapter 1.
Finishing Touches. Headline Subheading Background Pictures Captions.
Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.
Project #1: Layers & Styles This lesson offers a step-by- step example that will help you master the art of layers. The power and flexibility of Photoshop.
How to Design a Page, Part 2 HOWE/ANDERSON. Step 1: Login   Job No  User ID/ Password.
Creating a navigation bar in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to.
Create your own custom Cover Image. See next slide!
CMAP Concept Mapping Activity Climate Change Unit.
Click your mouse for next slide Adding Text Click in any text box Type in your text OR.
Using Microsoft Word First, make sure that you are on the home tab across the top. Next locate the word Font in the ribbon, again, across the top.
Designing a Web Page Layout Using a Professional Bitmap & Vector Graphic Editing Suite 1IT: Web Technologies – Design a Web Page Layout 2 Copyright © Texas.
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
So far  Reviewed CSS  Added a table  3 rows  Copy/paste from course syllabus Anchorsandlists.pptx 01/22/2016.
Develop Your Web Presence Using WEEBLY TECHNO DRAGON PD | WEEBLY.
Slide Layouts There are several different types of slides. Depending on the type of presentation you are creating you may use several different slide layouts.
Lesson 4 Photoshop Basics. What you’ll learn Combining images Understanding document settings Removing backgrounds Saving files.
Introduction to Layers GIMP User Manual. What is a Layer? Every image in GIMP is made by combining one or more images called Layers laid on top of each.
Forms Go to Right click on image and copy.
Welcome eager young artists! Ms. Edelman Saturday, June 11, 2016  DO NOW: take out your notebook and a pen. Review your notes from yesterday.
Spinning Circle.
Unit 21: Web Graphics A05: Banner Advert
MORE TIPS FOR CREATING POSTERS
Logo with Curved Text.
Another logo.
Creating & Working with Clipping Masks
Adding personal touches to your portraits
Static picture effects for PowerPoint slides
Objective: To learn about Gimp special effects
How to Make a Simple Poster in Adobe Photoshop CS4
Halloween Card Tutorial.
PowerPoint Practice Assignment (Make all changes in this presentation
Online Photo Editing with Picnik
Edit PowerPoint file using Microsoft PowerPoint: 
Vector Rabbit.
Static picture effects for PowerPoint slides
The following slides will help you to create your final map product.
Rev 09/21/2016 Goal:.
MORE TIPS FOR CREATING POSTERS
Edit PowerPoint file using Microsoft PowerPoint: 
After editing the answers you will need to copy and paste this group of answers and background panels to whichever Panel Board Slide you choose. To learn.
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Edit PowerPoint file using Microsoft PowerPoint: 
Using PowerPoint for Poster Design
Instructions To use this Powerpoint resource please follow these steps: Select which slide(s) you would like to use. Right-click on the slide, under.
MORE TIPS FOR CREATING POSTERS
Instructions To use this Powerpoint resource please follow these steps: Select which slide(s) you would like to use. Right-click on the slide, under.
Step-by-Step Banner Creation Guide
YOUR text YOUR text YOUR text YOUR text
Choose the appropriate template to create your sign
Develop Your Web Presence Using WEEBLY
MORE TIPS FOR CREATING POSTERS
Instructions To use this Powerpoint resource please follow these steps: Select which slide(s) you would like to use. Right-click on the slide, under.
Title.
How to create a Infographic
Instructions To use this Powerpoint resource please follow these steps: Select which slide(s) you would like to use. Right-click on the slide, under.
Presentation transcript:

One of our final designs for this class will be a portfolio of our GIMP work. This banner is an example, you do not have to create this banner, but you do need to make one for your GIMP Portfolio site. So let’s make a banner for our site. We are going to create a new banner and add our 3D sphere, and add the word “Portfolio”. First we need to make some changes to our spheres. Open Gimp and open My_GIMP_3D_sphere.xcf Click on the eye next to the background to make it invisible. Then save as My_GIMP_3D_sphere_clear.xcf, then export it as a .png (also with _clear). Even if you like the purple background you will need to re create it as our banner is a different size. Note: we have sphere shadows in a dark purple. This may or may not work with your final color. You can always hide the shadows or create a new color shadow and copy and position it for the rest of the letters.

Open GIMP and make a new image 1000px by 300px. Drag and drop the 3D_sphere onto the canvas. Next scale your sphere using Layer | Scale. Make sure the link is connected and change the height to 300px. Drag the image to the left and position it at the edge of the canvas.

Add a background color of you choice. I added blue in a FG to BG radial design. You can use anything you like; after all, this is YOUR portfolio . So that you can see the difference, I also created a no shadow version. Notice that the shadows give it a perspective of being on a surface , where no shadows make the spheres look like they are in mid air.

Add the word Portfolio to your banner and add an text effect. I used Bevel and Emboss with an Lucida Bright italic, orange font and a dark orange shadow color with inner bevel. You can choose whatever color and text effect you would like . When you are done, save the image as “my_portfolio_banner.xcf” and export it in .png format.

Here are a few versions… Remember this is your banner for your site, so have fun 