The final version of my on-line portfolio has been posted at:
http://www2.esc.edu/adrexler/portfolio/index.html
Below is a summary of the project.
DESCRIPTION - My final project is an on-line portfolio completely coded by me in HTML and CSS. Both the HTML and CSS code pass the W3C validation tests. In addition, the works posted in this portfolio were created by me.
TARGET AUDIENCE - The intent of creating this portfolio site, beyond as a final project for this course, was to have a selection of my graphics available to potential clients to review in order to see the range of skill I bring to a graphic assignment.
SKETCHES - Attached is my sketch of the current layout of the portfolio site banner. Other original work is posted on the portfolio "Source Images" page.
COMPUTER PROGRAMS - I used Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver, Hypersnap, Notepad and Epson scanning software to create the portfolio site and the images contained within.
ETHICAL / SOCIALLY RESPONSIBLE CONSIDERATIONS - All images/graphics were created by me unless otherwise specified on the portfolio site. I have completely eliminated all non-original sources except where it was not feasible. All attributions are listed for the images that were obtained elsewhere and I have permission to use these images. I have obtained specific permission to use the tree drawing by Charles Drexler, photos by Dave Sheldon, Marleah MacDougal and Betsy Joseph and the business card and sketch from Kerry Cordero. NASA provides permission to use their images including on personal web pages. The Japan Aerospace Exploration Administration allows use of their images for educational purposes. EMI (the recording company for Division Bell album) allows use of their images for personal, non-commercial use.
OTHER NOTES - I have made several modifications to my on-line portfolio since the previous version including decreasing the size of the small images, redesigning the banner logo and moving all the source images to another page. For my redesign of the banner logo, I kept with the Art Deco look, but chose a flower motif I sketched (attached above) and rendered first in Illustrator using the pen tool. I completed the design in Photoshop.
Many of the images in the portfolio are created from multiple sources including up to 4 background images blended into the composition. Unless specified otherwise, all these background images were also created by me. I have not attached all these background images on the portfolio site, but a selection of these are attached below.
I created this seamless background used in the Angry Crow sign from a photograph of cracked pavement.
I created this "grunge" background used in the image of Betsy from a combination of a photo of aged/yellowed paper and of corroded metal plus watercolor brush work done in Photoshop.
I created this scratchy "grunge" background used in the image of my mom starting with a scan of the bottom of one of my cooking pots.
I created this swirl background used in the first image of Phoebe from Illustrator lines imported into Photoshop where they were rotated, superimposed over dark blue rendered clouds then liquified with the bloat, swirl and pinch tools.
Monday, April 23, 2012
Friday, April 13, 2012
Creative Proposal - Preliminary - Round 2
I have made several updates to my final project, an online portfolio for my graphics and
web design. Below is a link to the updated, but still draft site.
http://www2.esc.edu/adrexler/portfolio/portfolio.html
I have made the following updates:
http://www2.esc.edu/adrexler/portfolio/portfolio.html
I have made the following updates:
- I changed the coding to add a medium size file for each image.
- I have updated/clarified the attributions for any image where it was not feasible to eliminate the part of the image that was not mine.
- I modified several images where I could eliminate non-original sources. I have only one image left which I still need to reworks.
- The text descriptions have been updated. Although they are terse, I think I will leave them like this.
- Even with the medium size images, the site still loads more slowly that I would like, so I may still split the site into a couple linked pages - maybe by moving move the source (original) images to a separate page.
- I hope to develop a couple more images to add to the site.
- Although I like the current layout, I will be trying other possible designs.
Friday, April 6, 2012
Creative Proposal - Preliminary work
My project involves setting up an online portfolio for my graphics and web design. Many graphics displays utilize Flash or Javascript, but since there are devices which cannot show Flash or have Javascript disabled, I decided to attempt to design an attractive, functional site that uses only HTML and CSS. Most of my work so far has been in the coding of the site and saving appropriate sized versions of the graphics. Below is a link to a draft site.
http://www2.esc.edu/adrexler/portfolio/portfolio.html
There are still many things I need to address including:
http://www2.esc.edu/adrexler/portfolio/portfolio.html
There are still many things I need to address including:
- The site loads slowly due to the large number of images. I plan to change the coding and add a medium size file for each image. I will probably split the site into a couple linked pages - maybe by moving move the source (original) images to a separate page.
- Several files use sources that are not mine. Where I can rework the image with items that I created, I will do so. In several cases, that is not feasible. In these situations, I will include clear attributions.
- The text descriptions are very much in draft form and need a lot of work.
- I hope to develop several more images to add to the site.
- Although I like the current layout, I will be trying other possible designs
Friday, March 23, 2012
Design Competition - Final (2 entries)
Please note, I will copy/paste some of the information provided below in postings for the preliminary work for the sake of completeness of this final submission. The first version of the poster is unchanged from Round 2. The second version of the poster has been modified substantially.
I decided to design a music poster for the 2012 Adobe Design Achievement Awards
print communications competition. I used my photo of Charlie (CHUCK) on guitar and created two versions of the music poster.
For the first version of the poster one uses the photo with two blended overlays, a texture created in Photoshop along with a random radial gradient. I created a feathered mask using the pen tool in the path mode for the texture layers. These layers were set to color burn and normal blending, respectively. I retouched the photo including removing blemishes, toning down the white of the sweater and removing a distracting element inside the guitar. I added two sets of lettering, each with several effects.
For the second version of the poster, I used the same image of Chuck. I used three overlayed photos of mine for background images and converted the image of Chuck to a high-contrast mask. One of the background images was set on exclusion blending, one on hard mix, while the third was on difference blending. I decided any border would detract from the image. I also opted for very simplified text, since the design was already visually complex.
Since the 2012 Adobe Design Achievement Awards requires an artist statement or description of the piece of 100 words or less, I have provided write up below which can go with either version of the
poster. Although the two versions of the poster are very different from
each other in style, I feel they accomplish the same design goal.
Please note - the story of Chuck is made up, although Chuck (Charles) is
his real name and he does play guitar. While the rest of the story
below is fictitious, it describes the my intended message and mood I was
striving for in the posters.
-------------------------------------------------------------------------
original photo |
Version 1 of 2 |
For the second version of the poster, I used the same image of Chuck. I used three overlayed photos of mine for background images and converted the image of Chuck to a high-contrast mask. One of the background images was set on exclusion blending, one on hard mix, while the third was on difference blending. I decided any border would detract from the image. I also opted for very simplified text, since the design was already visually complex.
Version 2 of 2 |
"My good friend Chuck is a regular feature on Friday nights at the Oasis Grill. His music has an unexpected, yet intimately familiar quality. He is a thoughtful solo performer who intersperses his own poetic compositions with carefully selected and innovative covers of classic reggae, rock and instrumental rhythm and blues. I wanted to create a poster worthy of his complex and creative musical spirit - a poster evocative of the swirling interwoven threads of imagery I enjoy in his music. I also hope that this poster will help Chuck draw the audience he deserves. Rock on, Chuck!"
Thursday, March 15, 2012
Design Competition Preliminary - Round 2
I have worked on my original design by adding and modifying the typography, adding a random radial gradient, fine tuning the masking, by adding a border and revising the photo (removing blemishes, toning down the white of the sweater and removing a distracting label(?) inside the guitar). I think this version of the poster is probably done.
In the mean time, I used the same image of Chuck for another version of the poster. For this one, I used two overlayed photos of mine for background images and converted the image of Chuck to a high-contrast mask. One of the background images was on normal blending, while the other was on color burn. I decided any border would detract from the image. I also opted for very simplified text, since the image was complex.
As mentioned in my previous post, these posters are intended for the 2012 Adobe Design Achievement Awards, which requires an artist statement or description of the piece of 100 words or less. Below is my draft write up which can go with either version of the poster. Although the two versions of the poster are very different from each other in style, I feel they accomplish the same design goal. Please note - the story of Chuck is made up, although Chuck (Charles) is his real name and he does play guitar. While the rest of the story below is fictitious, it describes the my intended message and mood I was striving for in the posters.
"My good friend Chuck is a regular feature on Friday nights at the Oasis Grill. His music has an unexpected, yet intimately familiar quality. He is a thoughtful solo performer who intersperses his own poetic compositions with carefully selected and innovative covers of classic reggae, rock and instrumental rhythm and blues. I wanted to create a poster worthy of his complex and creative musical spirit - a poster evocative of the swirling interwoven threads of imagery I enjoy in his music. I also hope that this poster will help Chuck draw the audience he deserves. Rock on, Chuck!"
Friday, March 9, 2012
Design Competition - preliminary
Wednesday, February 29, 2012
Final album redesign plus CD
This is my final album cover redesign and I added the CD design.
For the cover, I continued in Photoshop to clean up edges of several elements, cropped in closer, added a bevel to the faces which added a highlight in keeping with the shadows, added an overlay and increased the saturation of the colors in the eyes. I tried mesh gradient tool in Illustrator for the faces, but clearly this was not going to give me the look I wanted.
For the CD design, I used Illustrator for many of the elements including the text on path and live trace for the face. In Photoshop, I masked off the bleed area so you can see the Amstore template below.
What a fun project this was!!
For the cover, I continued in Photoshop to clean up edges of several elements, cropped in closer, added a bevel to the faces which added a highlight in keeping with the shadows, added an overlay and increased the saturation of the colors in the eyes. I tried mesh gradient tool in Illustrator for the faces, but clearly this was not going to give me the look I wanted.
For the CD design, I used Illustrator for many of the elements including the text on path and live trace for the face. In Photoshop, I masked off the bleed area so you can see the Amstore template below.
What a fun project this was!!
Tuesday, February 21, 2012
Redesign of Pink Floyd's Division Bell cover
Dark Side of the Moon |
Probably one of the most iconic album covers ever, is Pink Floyd's Dark Side of the Moon which was designed by Storm Thorgerson. He also designed their cover for The Division Bell.
Pink Floyd • The Division Bell |
I decided to re-design the Division Bell cover keeping in mind that the Dark Side of the Moon cover has no moon imagery whatsoever. Bringing the moon imagery into my remake of The Division Bell seemed poetic as a link to their other album. On a side note, these sculptures are supposedly now in the Rock and Roll Hall of Fame according to Wikipedia.
I utilized Hubble photos of stars, NASA photos of the moon and Japan Aeronautics Administration Agency photos of the earth rising over the moon horizon for my project. I complied these into one image along with the Division Bell metal face sculptures all in Photoshop. Here is my first draft. Among other planned changes, I need to work on some of the component edges. I am going to try recreating the faces with the gradient mesh tool. If I like them better, I will do a swap. I would also like to design the CD label. Stay tuned. Here is my interim version.
Friday, February 17, 2012
Revised Illustrator project
Tuesday, February 7, 2012
Illustrator Rework Project
I imagined that I have a client (Sandhill Cottages) that needs a website and they want me to use the following low-res image to create their website logo. It is from a Google search which turned up this Wikipedia image of a dusky dolphin.
I used the warp and pen tools Illustrator to trace the dolphin, used an artistic brush for the water, recolored the brush strokes and then applied special effects to both the dolphin and water. I kept them in separate layers for better control. Below is my reworked image from Illustrator.
I imported this Illustrator file to Photoshop to add the text and frame and a background gradient. Here is my initial "final" image.
I used the warp and pen tools Illustrator to trace the dolphin, used an artistic brush for the water, recolored the brush strokes and then applied special effects to both the dolphin and water. I kept them in separate layers for better control. Below is my reworked image from Illustrator.
I imported this Illustrator file to Photoshop to add the text and frame and a background gradient. Here is my initial "final" image.
Friday, February 3, 2012
Artist's Statement
I am a multimedia artist. My works vary from theatrical masks to sculptures assembled from natural materials to photo-manipulated images. There are strong themes which connect my pieces including simple forms such as spheres and an overall sense of playfulness. I consider it a shame to take art-making too seriously. To me, the looseness and playfulness of the process is essential to the final success of each piece. I feel my “audience” can join in the fun since my works are unintimidating and joyful.
Design is in my blood. My early years were spent in Latin America where I was exposed to the fabulous pre-Columbian Incan and Mayan designs and the molas of the San Blas Indians of Panama. I also had the pleasure of living 2 years in the Fiji Islands as a Peace Corps volunteer. The Fijians make dramatic tapa cloth with stencil designs of black and brown. Exposure to these strong design motifs continues to influence my art.
Even when I worked as a research scientist, I looked for opportunities to bring aesthetics and design into my work. My graphs and tables of data were attractive and simple which also made the message easier to understand. My slide presentations were laid out with straightforward supporting graphics, cohesive design and humor.
My current focus is design of elegantly functional websites. Frank Lloyd Wright once said “Form and function should be one, joined in a spiritual union. I strive to make each website serve the specific needs of the client while maintaining a pleasing form through application of strong design principles and technical understanding. I draw on a vast array of skills and design motifs I have been exposed to through my previous artwork and life experience. I also strive for a sense of simplicity and playfulness to enhance the feel of accessibility of each website.
Anne Drexler
Norwich, NY
Design is in my blood. My early years were spent in Latin America where I was exposed to the fabulous pre-Columbian Incan and Mayan designs and the molas of the San Blas Indians of Panama. I also had the pleasure of living 2 years in the Fiji Islands as a Peace Corps volunteer. The Fijians make dramatic tapa cloth with stencil designs of black and brown. Exposure to these strong design motifs continues to influence my art.
Even when I worked as a research scientist, I looked for opportunities to bring aesthetics and design into my work. My graphs and tables of data were attractive and simple which also made the message easier to understand. My slide presentations were laid out with straightforward supporting graphics, cohesive design and humor.
My current focus is design of elegantly functional websites. Frank Lloyd Wright once said “Form and function should be one, joined in a spiritual union. I strive to make each website serve the specific needs of the client while maintaining a pleasing form through application of strong design principles and technical understanding. I draw on a vast array of skills and design motifs I have been exposed to through my previous artwork and life experience. I also strive for a sense of simplicity and playfulness to enhance the feel of accessibility of each website.
Anne Drexler
Norwich, NY
Subscribe to:
Posts
(
Atom
)