Tuesday, November 30, 2010

Yearbook 11/30

- One of your pages as finished a possible. Both your first and second pages should have been 'as finished as possible' by Thanksgiving. Now, choose one of those two and completely finish it. These will go to the publisher for printing at the start of January, is is crucial they be finished before the end of the semester. This includes having signatures of approval for your page before the date; not ready to be signed on the due date. You have through the last day of the semester for this; but just like everything else, waiting to the last minute is not a good decision.

- On the sheet for signatures, you will need a student representative that is involved in the club or event to acknowledge that it is an accurate representation. Ideally, the student should not be in the year book class. If you hadn't already, use the letter you wrote, and modify it as appropriate to also request a student (or staff if they prefer) representative from the club/event to approve the content regarding their club. When you get to the point that you are ready to show it to them (page and/or letter), let me know and I'll find a printer to print a copy of the page.

Your choice:
For your final, I am giving you two options. You can either have your finished page count for the final(make it good), or I can write a paper&scantron (multiple choice, aprox. 100 questions) test for the class. If you have questions or concerns ask today; not after its too late. If you would rather take a paper based test, you must let me know today, as tests must be submitted this friday to our departments (I won't be writing one if no one wants one). If you tell me you would like to take the paper based final, you can NOT back out of it. Ask questions if you aren't sure. If I write it because you ask for it, it will be what is graded for your final.

Optional redo of sales- If you would like to retry selling, you can redo the assignment. It will be averaged alongside the previous assignment, reducing its percentage in the gradebook. This is your choice, if you give it a try and it doesn't go well, you can back out and keep what you have.

Multimedia 11/30

I know many of you had difficulty with illustrator. If you check the previous post, I've added some new resources that might prove useful to you. If your interested in trying illustrator more, you're welcome to give them a look.

Did you post the difference between vector and pixel based imagery below as well? Alot of you mentioned resolution dependent and independent. That sounds so technical. While technical language is great, can you explain to me what that means? Language is only useful if you know what it means.

After that, you may work on your final project for this class. It should take you the majority of the last couple weeks of the semester. We will discuss it in class. If you have any confusions regarding it, let me know and I will explain in greater detail.

Examples of artist/photographer features are below (click to enlarge). These images are taken from magazines. The artist features range from a brief single page to sometimes more than 10 pages. Before you begin playing in Pages (use canvas mode), we have a few things to discuss regarding the project.

You will be creating your own Artist Feature/Showcase document. It needs to be a 2-page spread, with at least 3 images. In order to do so, we will follow a simplified variant of the design cycle. This may seem new and unusual, but we actually basically followed this for your pages project.
What images do you use in the two page spread?
Through whats left of the year, you are to choose an interest of yours in the digital art/multimedia realm to continue experimenting with.

Possible Areas of Independent Project:
- Photo Manipulation (Photoshop or iPhoto)
- Vector Based Artwork (Illustrator)
- Typography (including text/layout design or kinetic typography)
- Digital Artwork (Photoshop or Illustrator)
Have another idea? Happy to hear it, just let me know what you're proposing.

Focus in an area of your choosing, trying different things, experimenting with variations, improving your skill, etc.

Need inspiration? Examples of High School Student Works from Texas. If you notice the drop down menu on the left side you can look at previous years winners too.

Monday, November 29, 2010

Yearbook 11/25

Photography stuff to check out:
These are all taken by high schoolers. If you notice the left-hand menu; you can see previous years winners as well. Notice that a lot of the winners are similar to some of the styles we are using in the yearbook. Keep your mind open for any ideas that may strengthen your pages.

Some amazing shots in here as well, both in modern and more traditional styles. Once again, keep your mind open as your looking over some of them. If you use the little drop down menus, you can see a multitude of galleries focusing on different subjects.

Five different categories, including a section specifically for digitally altered work. Take a look through a couple different galleries, and once again keep your mind open.

Post in your blog any potential ideas you gained from looking over these photo galleries.





Yearbook sales are above 70.
Some of you did just fine making your sales, but some people didn't seem to allot the appropriate time. If you are one of those, you can try again if you choose. Try to get five sales between today and finals to average out that grade with an extra one (if you choose to).





Your major project for the last month of this semester is to entirely finish one of your pages. (The second one will need to be entirely finished the first three weeks back).

Sounds easy enough right? Well... its a little more complicated than that.
To be officially completed you need a number of people to approve your page.

First; the directors need to sign off on your page.
Once you believe your page is finished, the directors will be the first to make sure that the content of your page fits and flows with the book's theme and is of good quality.
Dir. of Design: checks layout
Dir. of Photography: checks photos and photoshop work
Dir. of Writing: checks written content and captions
Dir. of Technology: checks for any potential issues in printing

Second; an assistant editor needs to sign off on your page.
The assistant editor will look over all things on the page.
You will also need a representative of the page's content to sign off on the page, to assure that whats on the page is an accurate representation. If your page is of a club, that make this really easy; as it will simply be someone in the club. If it is an event, see if the event sponsor or the group that hosted the event can sign off on it. Otherwise, talk to me and we can figure it out.

Third; main editor needs to sign off on your page.
The main editor will look over all things on the page.

Forth; yearbook advisor needs to sign off on your page.
The yearbook advisor is the final check before the yearbook page is sent to the publishing company.

At any point through this, the page may be sent back to you with things that need to be changed or fixed, which may require you to start back at some of the directors. Try to get all of this finished sooner rather than later so you aren't sweating it the last week of the semester.

Sign off sheets will be available next class.

Thursday, November 25, 2010

Multimedia 11/25

Welcome Back! Hopefully you had a great fall break.

Most of December will work a little differently than majority of this semester. However, before we go into that, I would like you to try out Adobe Illustrator. It is in some ways very similar to Photoshop, but in some ways very different.

There is a very important difference you need to understand. Majority of what Photoshop creates is pixel or bitmapped based images. Illustrator, on the other hand, was designed to create vector based images. Pixel vs vector; what does that mean? I'll leave that up to you to find out. Look it up and let me know what you find in your blog.

Use today to try out a few of of the following Adobe Illustrator Tutorials.
- Creative Lettering

Tuesday, November 23, 2010

Yearbook 11/23

Don't forget, due Today:
-2nd yearbook page as complete as able
-5 yearbook sales

current leading sales:
Brenda with 5 sales
There are teachers who have mentioned to me that no one has yet to ask them, and that they intend to buy... Only two people asked me, and that wasn't until last week.


And post in your blog over what you got accomplished today!

Sunday, November 21, 2010

Multimedia 11/21

Today
Complete your numbers table, and the image of yourself made from different foods you ate. Upload the numbers file as a PDF and link it in your blog. Post the image you made as well. Afterwards, complete any work you hadn't finished, as progress reports are completed over fall break.

You had a form for thursday and friday; can you remember saturday and sunday? You'll only be able to create your picture from the foods you ate; so trying to remember the weekend might help. With your week completed, can your create a final pages with averages for the week? Check my example if your confused.

When complete, upload your image as well as your completed food log. If you use the print > pdf method we've been using; you'll only get one page. Instead, in the overhead menu, go to file, then export, and make sure pdf is selected. Then you can upload it complete with each page of your numbers file.

More About Typography
Typography isn't just pictures made of words... theres much more to it then that. Poster and document design can also make good, or poor, use of typography.

Look at some of the typographic work below to see some other examples of typography.


Its even more than just images too. Its also used in video, often called kinetic typography. Some examples have been around for quite a while in movies, most commonly seen in movie credits. With technology becoming more and more available, and easier and easier to use, kinetic typography has gained popularity as well. Majority of these are created with Adobe After Effects, however, similar productions could be made with clever use of online applications like Prezi in combination with iMovie. I've provided a few examples below, if the videos have trouble, use firefox.


From a notorious radio news broadcast in 1938


Peace Corp Advertisement


Advertisement for Decreasing Oil Usage/Carbon Cap

Friday, November 19, 2010

Multimedia 11/19

Where am I checklist:
- enter food data into numbers document
- reflect on blogs & china article
- typography photoshop image
- typography anatomy
- spell with flickr
- reflect on typography
- 2 'must-know-skill' altered photoshop images
- 2 photoshop pen tool illustrations

Today
Continue working on your Numbers document. Afterwards, continue working on making your own portrait composed entirely out of food. You can check the previous post for examples.

Your final Numbers document (Due Tuesday) should look something like this below. Notice on the last sheet I totaled everything and put charts in for averages. You need to do this as well.
My Numbers Document

Thursday, November 18, 2010

Yearbook 11/18

Continue working on your pages.

Due next Tuesday, Nov 23rd:
-Your second page as finished as possible
-Your five+ sales (if you only ask 5 people, you won't make 5 sales, aim higher)
-Any extra credit sales of Yearbook Ads (to seniors or 8th graders only)
As was stated at the end of last six weeks regarding this assignment; bringing them after thanksgiving is late. If you are going to be out next week, you either need to email me your list by or on next tuesday list or bring it to me tomorrow.

Don't accept anyone's money. Then you don't have to worry about losing it, or anyone accusing you of anything. Have them turn in the form and money to the office or to me.

Personalizations cant be made after thanksgiving, as Taylor Publishing will already be making the covers. Anyone you talk to who is planning on a name plate or/and icons has to get it in before thanksgiving.

Can't find anyone to buy a yearbook?

We have over 500 students in the US
over 400 students in the MS
and more than 100 staff.

Current orders received: 6

The current top seller;
Brenda;
with 2 books sold!
I think some of you have some work to do :(

Don't forgot your daily blogpost.

Tuesday, November 16, 2010

Multimedia 11/16

You Are What You Eat
Part One
File: Food Template
I've uploaded a numbers file for you. Numbers is the Apple's program used to create spreadsheets and graphs. Type the food you've cataloged so far in it. The graphs will change in response to the data you input.

Using table styles, fonts, colors, and etc can really give character to your spreadsheet and reduce the generic look of the template I've created for you. Watch this short video tutorial on numbers, and then customize the template as you would like. Can you figure out how to customize your graphs as well? The document I provided only has a sheet for the first day, so you will need to duplicate the page and change the appropriate data for the second day, but customize your document first so your design style stays consistent.

Part Two
Collect images of the different foods you've eaten. If you can find them on solid color backgrounds, it will be easier than if you can't. Next, take another photo of yourself in photobooth, and open it in photoshop. Open up your food images in Photoshop as well, and using the lasso tool or magic wand tool, try to separate the food from the background. Try to create a portrait of yourself from the foods you've eaten.

We'll continue this through next week, allowing you to slowly build up more foods to use for your portrait. Look at some examples below of food art. If you haven't finished the other photoshop stuff, you can work on it once you get to a stopping point for the day.


Monday, November 15, 2010

Multimedia 11/15

1- post 1
Read the short article with a partner. Discuss what you read about and what you think about it. Topics to think about. Do you think it is ok for Chinese companies to act in these ways? Does this affect the integrity, or honesty, of the blogging world? Do you think it affects the integrity, or honesty, of the internet? What other thoughts do you have on the article? Post your thoughts on your blog regarding the article in no less than 250 words, and no more than 500 words. (I will be checking to make sure it is within these constraints)

Don't write the questions, write a brief essay that addresses your thoughts, opinions, and reflections on this. Include supporting evidence or rational.

2- photoshop
Continue working on previous assignments; this includes finishing typography work and previous photoshop tasks. Some of you guys posted photos of yourselves on your blog when making the cartoons. The cartoon drawing is fine, but the photo is not. Remove any photos you might have on your blog (even if distorted).

Daily Reflection Post
Don't forget your daily reflection.

Homework!
For the next project, you will need to catalog the different things you eat for a week. I have a handout for you that will help you. Each class you will need to pick up a new sheet. This project will be explained in more depth next class.

To help you fill out the form, it might benefit you to look into the current food pyramid models if you haven't seen it in a couple years.

Thursday, November 11, 2010

Multimedia Nov 11th

Class today:

Follow whats on the blog. Keep your substitute happy. Your work for today will be counted as a quiz grade. I am asking him to leave notes regarding the classes. Less-than-positive comments will result in a detention. Show the substitute how well you can work. In addition, if he decides you can't spend the class time working diligently on whats on the blog, I do have a packet you can read and write an essay on. This warning is on the blog and you were told last class, there's no excuse for not knowing. Do what is on todays blog first! You can work on stuff from the previous class next time. Spend all your time doing the best you can on today's work, nothing else will count for the quiz grade.


You have three things to work on today, get as much done as you can! Post whatever you finish, even if you're not done. Photoshop? Save it as a jpg and show me what you've done even if its not complete. Telling me you have an amazing piece of work without showing me isn't worth anything.



Typography and You!
I have three links for you to look at. Check them out, and then in your blog reflect on typography. What is it? They're just words, right? Why do you think big companies pay artists for typographic work? How might typography effect you or other potential consumers? Is graffiti, even if illegal, typography? What do you think about typography? Think about these as you watch the video and looking over the websites below, then tell me what you can about typography and reflect on your thoughts over it. (video not working? try firefox)






Typographics - Vancouver Film School (VFS) @ Yahoo! Video

TypoGRAPHIC - pay extra attention to the anatomy (use firefox), gallery, and studies sections.
Type101 - a myriad of great resources for people new to typography.
Bits and Pieces of Type - Basic typface anatomy
Jeremy Tankard Typography - use the drop down menu on the left to view his projects.
Typographica - a site full of content on typography.





letter S letter P e letter L letter L
letter W letter i letter T h
Caslon metal type letter f L counterfeit Lego letter I C scrabble letter K letter r



Check out Spell with Flickr.

Type something in and watch Flickr spell it out for you.

Take the html code below and drop it into a gadget on your blog! To do this, you'll have to add the html/javascript gadget and copy and paste the html code into it. You did something similar when you added the code for your avatar at the start of the year.








Anatomy of a Font


Using the links I provided you with earlier, can you identify 1-16 in the diagram? (Click the image to enlarge it). Terms: Apex, Ascender, Arm, Bowl, Counter, Crossbar, Descender, Ear, Finial, Link, Loop, Serif, Spine, Spur, Stem, Tail







Drawing with Typography!





Use your remaining time to play with the following tutorials to learn how to use the free transform tool. Use this tool to rotate, distort, and manipulate text to build an image with letter and words. I know you may not finish. Get as far as you can, and at the end of class save whatever you have so far twice, once as a psd (photoshop file) so you can finish it next class, and once as a jpg so you can upload it to your blog to show me what you've done so far.

How to use the Free Transform Tool
Photoshop Transforming
Using Transform in Photoshop


Using the type tool (just below the pen tool), try to create pictures using text. It may take quite a few layers of text to illustrate your picture. Whats quite a few? I'd say around 20-25. It might be easier to start with a photo on the background, and put a layer of white paint at 50% opacity like we did with the pen illustrations. Then you can position the text or letters on top of the image, instead of guessing the shape of what you're trying to draw. Don't forget to increase the white layer to 100% opacity at the end. When you have the type tool selected, you can change the font, size, etc in the overhead menu.

Wednesday, November 10, 2010

Yearbook Nov 11th

Class today:

Follow whats on the blog. Keep your substitute happy. Your work for today will be counted as a quiz grade. I am asking him to leave notes regarding the classes. Less-than-positive comments will result in a detention. Show the substitute how well you can work. In addition, if he decides you can't spend the class time working diligently on whats on the blog, I do have a packet you can read and write an essay on. This warning is on the blog and you were told last class, there's no excuse for not knowing.

Do what is on today's blog first! You can work on stuff from the previous class next time. Spend all your time doing the best you can on today's work, nothing else will count for the quiz grade. Post whatever you finish, even if you're not done. Work on your page? Screenshot it, crop it to just the page itself, and blur any last names/school names/locations to stay safe online and save it as a jpg so you can post it on your blog. Telling me you have an amazing piece of work without showing me isn't worth anything.


Three main things to continue working on today:

  1. Tri-fold (folding into three segments) 30 'greensheets' ads. Conveniently, the icons start a third of the way down the page. Start with the icon side up, fold the bottom of the page to almost conceal all four rows of icons. Then just fold the top flap down. This has priority over the other two. It must be finished TODAY!
  2. Sales
  3. Yearbook Page #2

Yearbook Sales
  • Ted Presentation The Post Crisis Consumer Even if your selling to other students, some of the general trends of our current economy have likely trickled down to them through their parents. Their are some worthwhile things to keep in mind when trying to sell to them.
  • Ted-Short How to Start a Movement How can you turn yearbook sells into an actual movement? Up til that point, our yearbook won't be truly successful until it reaches that saturation point. Once there, then we can really make some amazing stuff. But how do we get it there? Make every sell count, buying one yourself? Fill out the order form where other people can see you. The more they see people buying them, the more momentum we will build.
  • Google is your friend; searching Bing, Google, or your search engine of choice on how to be a good salesman will provide you with some useful information as well.
  • It might be a good idea to stay organized with who you've talked to and who MIGHT be buying a yearbook with your name credited to it. Might? Yes, might. Only payments received before thanksgiving count. If you get exactly five people to say they will, but only three actually do, things won't look too great for you.
  • Tell me about what you did. I can only grade what you show me on the blog, so show me that you really got something out of class today. Impress me.

Your Second Yearbook Page:

Due before Thanksgiving. If you're going to be absent the week of thanksgiving, finish early or finish at home. You can access studioworks wherever you have the internet. Stay on top of things and get your page as complete as possible.

Show me whatever you got done, even if it isn't complete. Screenshot it, open it in photoshop, and crop and blur appropriately to protect yourself.

Short Classes Today

Use what little time you have today in class to continue work from last class.

Today may be short, but don't forget your daily blog post!

Monday, November 8, 2010

Yearbook November 8th

This upcoming six weeks will be mostly time to work on larger scale assignments.

Today:
  • Type up your letter, have two other students read over it and provide feedback on how to improve it. Once complete, send me a new copy and I'll look over it for any final changes.
  • Check your blog for anything unsafe. This includes any photos of you, or your full name, school, location, or any other personal information anywhere on your blog. If you didn't remove the old screenshot from the quiz when you uploaded the new one, then your blog isn't safe :(
  • Start getting stuff ready for your second page. Start working with other students regarding what will go on it.


Due by Thanksgiving:
  1. Sales assignment complete; Five yearbook sales per person. How do you get credit for a sale? a completed yearbook order form delivered with check/cash that has your name on the blank 'Yearbook Representative ___________', found at the bottom of the sheet. Need extra credit? Sell an advertisement. It might be beneficial for you to create a 'potential sales' document to stay organized. I use the word potential intentionally, until payment and order form are submitted it doesn't count.
  2. Second Yearbook Page as complete as possible; photos, written content, captions, etc.


Things that might aid you:
  • Basic Photoshop - There are some basic touch ups you can learn in photoshop that will allow the digital artists to get photos back to you faster. Learn some of the basics so you can prep some of the files before they go to a digital artist.
If you need photos for student life and are trying for shots before school, get them sooner rather than later. With daylight savings time this past weekend, it is now lighter an hour earlier than before, and as winter continues the days will continue to shorten. It won't be this light in the mornings until spring, and by that point it'll be too late.

Multimedia November 8th!

Backpacks left in the hall will likely be taken to the lost and found. They have been determined to be safety hazards.

Post Second Six Weeks
Reflect on the second six weeks. Consider these questions before writing; How productive have you been? How would someone accurately describe your work habits? How have these work habits aided or hindered you? As a result, what have you gained or learned from the past six weeks?

Last time, you did some basic illustration work in photoshop. If you hadn't already, then finish your photoshop pen-illustrations from last week. If you've completed both(2) of them, make sure they are on your blog.


Next Photoshop Tutorial
Many images online have already been tweaked with photoshop or some other photo editing program. To see the difference this next activity makes, start with an average photo that looks like it just came off a camera with the typical flattening effect indoor lighting seems to produce. I have provided a few links below, start with one of these, and once you complete the tutorial, you can try it with an image of your preference.

Original









New

de Vera, Katherine. "Stock.xchng - Tropical Birds 2 (stock Photo by Skarlyt)."Stock.xchng - the Leading Free Stock Photography Site. HAAP Media Ltd, a Subsidiary of Getty Images. Web. 05 Nov. 2010. http://www.sxc.hu/photo/533941.


After going through the tutorial, you should be able to make a photo not only look nicer, but also load faster!

samples: 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18

Don't forgot to cite your source!

Follow along the steps as the original author edits the picture on the right. Don't forget you can click any image to enlarge it.

10 Must-know Introductory Photoshop
Skills For Beginner Photographer
by Bakari Chavanu

1. Duplicate The Background Layer

The first thing you want to get used to doing is making a copy of the background layer of your image. The Layers palette should open by default, but it is also found by clicking on Windows>Layers in the menu bar of Photoshop.

Select the Background Layer and click on the little triangle at the top right of the palette. When the palette options open, click Duplicate Layer, or you can use the shortcut keystroke, Command+J (Mac users) or Alt+J (PC users.)

By duplicating the background layer, you can make all types of adjustments to duplicate layers without permanently changing the bottom background layer. If you make some adjustments you don’t like, you can drag the duplicate layers (with all the adjustments and effects you made to them) to the trash at the bottom right of the layer palette.

2. Automatic Image Adjustments

When you start learning how to use Photoshop to improve your photos, you might want to try out some of the automatic adjustments that can be made, even if you don’t understand the tools themselves.

The basic image enhancement and adjustment tools in Photoshop are found underImage>Adjustments in the menu bar. In the Adjustment palette, there are various tools like Levels…, Auto Contrast, Curves, Brightness/Contrast.

To introduce you to these adjustment tools in this introductory photoshop tutorial, I’m going to suggest that you use the automatic and preset features of these tools. As you begin to understand them more, you will make use of manual adjustments.

So with your background layer duplicated and selected, click on Image>Adjustments>Auto Levels in the menu bar. When you release the mouse of the menu item, the automatic Levels adjustment should enhance or at least affect the shadow (dark), midtones, and highlights (bright) areas of your image. Often, a photo can be improved in Photoshop with just the automatic adjustments applied.


3. More About Layers

Now let’s revisit how layers work. Go back to the Layers palette and click on the little eye next the Duplicate layer that you just applied the Auto Layers adjustment to. When you toggle that little eye off, it means that you’re turning off the adjustment or effect that you made in that layer. Since the adjusted layer is on top of the background layer like a clear transparency, you can toggle the eye off and on to see how the adjustments are applied to the background layer (also remember: you can drag the duplicate layer to the trash to get rid of the adjustment(s) all together).

4. Automatic Curves

Okay, let’s return to a few other automatic adjustments and enhancements you can make to your photo. Go back to Image>Adjustments and then click on Curves. The Curves box will open. This box may look seriously scary with its grid, points, lines, and ear droppers. But don’t worry about that. We’re simply going to use some automatic adjustments to see how Curves can impact your photo.

Click on the button next to the word Preset. In the drop-down box, select Medium Contrast (RGB). If you don’t see much of a change in the contrast of your photo, go back to the Preset button and tryStrong Contrast. You should be able to see the effect of the Preset on your photo before you click OK. Curves works similar to Levels but with more intensity in contrast.

Much more could be said about Curves and Levels, but this is just an introduction. You can play around with the points in the Curves box and see how they affect your photo. Remember, the changes you make are non-destructive to your photo, so you can experiment as much as you like. The illustration below explains a little about how the three main points in the grid function. If you make a mess of things, simply click Cancel and start over, or click OK when you’re satisfied with how the photo is looking.


5. Make Colors Pop

Okay, now lets move on to learn about other enhancements that can be made. One of the tools I use on nearly all the images I bring into Photoshop is one called Soft Light. Here’s how it works.

Go back to the Layers Palette, drag all the layers, except the background layer to the trash. Click on the Background layer and create another duplicate of it. Now click on the Normal button at the top of the Layers Palette. In the drop-down box, select Soft Light. When selecting this adjustment, it should make the colors of your image pop, or at least intensify the contrast of your images. The contrast of most digital images always need to be improved. This technique does that job extremely well without too much loss to detail.

If the Softlight application is too strong, select the Opacity button at the top of the Layers Palette and decrease the opacity of the layer/effect.



6. Black-And-White Conversion

One easy and popular tool you want to know about in Photoshop is how to make a black-and-white conversion of an image. There are entire books written about black-and-white or monochrome conversion using Photoshop, but I‘m going to show you a quick, down and dirty way to do it.

Again, duplicate the background layer, and this time click on the little black/white circle at the bottom of the Layers Palette. When the drop-down box opens, select Black & White. The adjustment box will open and you should automatically get a preview of the black-and-white conversion of your image.

Again, you can play around with the settings, but the one I suggest is clicking the Tint box and then moving the Saturation slider all the way to left and then moving it back a little towards the right. When you select the Tint box, you might get a sepia effect on the image, so just desaturate the sepia effect until it looks okay to you. After you click OK, you’ll now have your black-and-white conversion.

7. Resizing & Cropping Images

Many times you’ll bring images into Photoshop and you will want to print them. Well, printing photos requires that you resize your photos to fit the size of the paper you want to print on. Say I want to print this photo on standard 8.5 by 11 paper. Well, to get the image to fit well on the photo paper, I need to change the size.

When I click on Image>Image Size in the menu bar, I can see that the original size of the photo is 15.84 by 10.5. That’s of course larger than I want. But when I try to change the numbers to 11 by 8.5, the proportional sizes don’t quite fit. So what I need to do is crop the photo for the size I need.

To do this, click on the Crop tool in the Tools Palette. It should be open by default, but you call also open it by going to Windows>Tools.

Now drag your cursor over the image. The resulting crop box should only allow you to stretch it to 11 x 8.5 inches. You can move the crop box around to get the framing and crop you want.

8. Image Border

Another tool that beginning Photoshop users might want to know is how to add a border around an image. Again there are a few ways to do this. One way is to select the top layer in the Layers palette. Next click on Image>Canvas Size. In the dialogue box that opens up, change the Width and Height to both to .2. Choose a color for your border. Make sure the center of the Anchor box is selected. Click OK and you should see a border around the image.

9. Saving For The Web

One of the biggest issues with digital images is that many people don’t know how to resize photos for emailing and web posting purposes. How many times have you clicked on an image or received one or several in an email and they were too large for good viewing? Photoshop comes with a Save for Web feature that helps you resize photos.

First off you can click on Image>Image Size in the menu bar to view and resize an open image in Photoshop. You can either change the pixel dimension or document size of the image for the size you need. For example, the average size for web posting and emailing photos is 800 x 600 pixels. This is also a good size for slide show presentations. Images should rarely be larger than 1024 x 768 pixels, because that is the typical size of largest computer monitors. If you need a particular print size, you would change the document size, making sure that the Constrain Proportions box is checked so that the image won’t get stretched on either size. You might have to use the cropping tool as explained above to get the correct size you need.

With your image resized, you’re ready to save it for web posting. Click on Save>Save for Web posting and devices. In the resulting dialogue box you want to check the number on the bottom left of the image box, which is the current resolution size of the photo. It also gives you an idea how long will take that photo to download at its current size.

On the upper left side of the window, you can select up to four views of image, each giving you a preview of the image quality at various sizes. When the resolution size is reduced, pixels are taken away, which results in a loss of detail or sharpness in an image.


You want to reduce the size of the image to say less than 100K, but maintain good image quality. In the top box on the upper right side, click the Preset button and select PNG-24 or JPEG High. PNG format typically gives you a smaller resolution size without too much loss of quality. The Quality button on the right side of the box can also be used to lower or increase the resolution size. The presets typically work fine. Just make sure you notice if the size you choose causes the image to look slightly blurry or smudgy.

After you change the resolution size, check the size again (bottom left) to see if a good size for posting. Finally, click the Save button. Photoshop will save a copy of the image where you tell it to. It will leave the original untouched.

10. PSD vs Non-PSD

Finally, when you go to save a file that you have been working on, there are two things you want to consider. You can save it in the Photoshop (PSD) format which means that you will save all the adjustments you made to the image, plus the various layers that you created when making adjustments and adding effects. This means that your file is typically going to be larger than the original size you started off with. But it also mean that you can reopen the file, and the layers and edits you made will be retained so that you can make more changes or complete the job.

Another way to save a file in Photoshop is in a non-PSD format, such as JPEG or PNG. Saving a file in one of these formats means that you’re not going to retain the layers when you save. What will be saved are all the changes you made and applied to the original photo. The layers will be gone. If you didn’t make a copy of the original photo before bringing it into Photoshop and you save it as a JPEG, you will lose that original state of the photo.

So when saving a image in Photoshop, it’s best to first save it in PSD format (even while you work on it) and then click File>Save As to save it in a non-PSD format. You can always delete the PSD file when you no longer need it.

Finished? Try it again on a photo(free use or stock photo of course!) of your choosing. Don't forget your citation.

You should now have at least 4 photoshop images on your blog; two from last class, 2 from this. If you're missing some, go back and find out what (or ask).