List of edits:
- Remove Background
- Trace Jam & Brighten Reds
- Edit Out Grean Reflection
- Lighten Shadow
- Darken Text
- Add Drop-Shadow
- Remove Glare from Bottom of Jar
Summer Intern Post #2
While working on editing a group of images for Johnson Berry Farm I learned and re-learned a few great tips for editing images for a web page. The images were of jam and jelly jars as well as multi-jam packages and all of these needed to be edited so that they made the product look good on screen. I got the images from Mike and after bringing them into Photoshop I started the editing process. Now in my schooling I had been taught to use the magic wand and the lasso tool to select areas on an image and then to edit them on separate layers on top of the original image. Mike showed me a better way to edit based on using the pen/bezier tool and paths. This process was similar to using the polygonal lasso tool and saving selections but it allows for much fewer points and soft curves as well as hard corners. Also once you have made a path you can use it as a selection and alter it much easier than if you just have a saved selection. You just add to the path on the same path or on a new one. The process is much more streamlined compared to the process I used before.
The next few tips I learned were ones I had been taught in some form or another before. Reiteration and practice of techniques and processes are very important to any job really but to a graphic designer streamlining and simplifying a process is of the upmost importance. Designers must be efficient so I knew working on these images was a great opportunity for me to practice my skills.
I made two paths, one that consisted of the top and bottom areas on the jar that the jam could be seen and one that outlined the whole jar. I first selected the path that covered the whole jar and used a vector mask to temporarily erase the background so that all that cold be seen was the jar. I then selected the path that would just cover the jam areas and created a new layer gave it strawberry red color and used a blending mode to allow the original image to show through. I then lowered the opacity of the jam’s new color layer so the original image could be seen more. The whole point of this step was to add color to the original image so that it pops more on screen. Then I went in and edited the left side of the jar’s lid and label because in the original image there was a green reflection that came from some plants in the background. After that I needed to edit out a small glare at the bottom of the jars because they looked strange with a white background. I then added a small drop shadow so give the image extra depth. All of these changes were done on separate layers to ensure no irreversible changes were done to the original photo.
After these simple but important edits were made I needed to set the files up for web viewing. This was done by creating a template so that all the web versions came out the same size and resolution. Then I brought the edited images into the template and shrunk them down so that they fit into the guidelines Mike set so the focus of each image was in relatively the same spot. Then I saved each file to web & devices and as a much smaller JPEG. The smaller the image the faster the web page will load which makes your website less clunky for your users/customers. Once all these edits were applied to the jam, jelly, and package photos we uploaded them and placed them on the site which is now open to the public and customers. So stop by the Johnson Berry Farm Website and check it out.