Tuesday, June 8, 2010

midterm update



so with my update i didnt do too much except threw a filter onto the banner words to make the black and i did this with using the vivid light filter. i really liked my setup from the beginning and the way that i designed mine made editing a little more difficult since i couldnt do rollover images or any of that with my Polaroids not being straight up and down so i could slice them.

final Mockup Abel Rodriguez



#ffffff
#ffccc
#cc6666
#336699

On my images i used to remove it and place it on the content and also on the button backgrounds along with a color overlay.
i used the burn tool on the image because there was a camera flash on it that i wanted to darken to try and remove part of the flash. I also used to blend mode alot on the text along with the buttons i added a drop shadow along with inner glow on text. the filter mode was used on the boxes i used the lens flare along with the lighting effect to create a more visual appealing header. the magic wand was used to get the buttons without a background. the gradient was used for the background.
I sliced up the header along with the footer and content boxes. with basic name for those so i can easily find them later.
This project was by far the most fun i had. I enjoyed having the creatve ability to do what i wanted. I also learned quite a bit on this project i enjoyed the video. it taught me alot on creating this for the basis of a web site and how to integrate it to a website. my most favorite tools were the spot heal the burn tool and the magic wand to use. i enjoyed being able to fix pictures we all have a few pictures we can fix. with my wedding this month i will put these techniques to use.

Saturday, June 5, 2010

Updated Midterm


I updated the rollover image. I used a gradient to create the green target shape in the original, so for the new version of it I used the quick select tool and highlighted the green parts. Once it was selected I used another gradient over it and set it to darker color and overlay. So it changed the color of the green.
I only added star shapes with gradients and clipping mask to the Project graphics. There wasn’t much change from the original. I did change the Header logo.
The banner didn’t change much either, I used the technique where an area of a shape is cut out when you hold down ALT and place another shape on top. I did that for the pink star, and I added another different star to the other side of the banner. I decreased the percentage of opacity so that I would look faded. I removed a lot of random brushstrokes and shapes from the banner making it look less crowded, and also added a black and white gradient to the back.
I did not modify the graphics for my links in a big way. It was more of a subtle change. I used gradients and shapes like the originals, but this time using the clipping masks. I liked the originals so I didn’t want to change it dramatically.
I learned about using templates in Dreamweaver, I didn’t necessarily like the template I used for this site because I couldn’t get the content to stay aligned where I wanted it to be, and I was having issues with the widths and placement of objects. I liked creating the graphics for my webpage, because it gives it a more personal look. I plan on making better graphics as I continue to develop my skills. Overall I liked the clipping mask tool; it has become my favorite tool to use.

Friday, June 4, 2010

Midterm after making changes: Sangeeta


Here is the midterm site after making changes. I made changes to the header and to the rollover image.

Thursday, June 3, 2010

Web Page Mockup


For my color scheme I used:
#d4d099
#4c671b
#f4b6a5
#c7cce2
To remove an image for my banner I used the crop tool. In the banner I used the burn tool to darken it a bit, blend mode to darken, filter sharpen, the polygon tool for a shape, and the gradient tool to change the color of the sky. The slicing was really easy and seems like a useful tool.

I had some trouble darkening the image of my banner with out losing the rainbow in it. The dodge and blend tools worked well to darken the sky but not too much. I really enjoy playing with the gradients. With different color schemes and opacity settings one can completely change the feel of an image or picture.

Updated Midterm


Here is my updated Midterm. I changed the banner with some filters and also changes the rollover pics with filters. My goal was to make it look strange.

Wednesday, June 2, 2010

New Midterm Project -- Sampa


I had a lot of fun by recreating the whole site again. I created the banner with the brush tool and used soft direct light filters for the background effects. With the blending options such as: drop shadow, bevel and emboss, pattern overlay, and stroke, I created an eye-catching title. To give a different shape to my title, I used the wrap text and the wrap tool. By applying a clipping mask, I combined a shape and a picture that was made to make the banner.
I have used Gradient overlay in difference mode for the hover and link state. Then for the Hover I have used Accented edge filter and for the link I used Ink Outline filter.
I changed body and footer color also. I used all hexadecimal colors.
I added Project one through 6 on to the site, which includes all the pictures and blog text for each project.
I recreated this site again because I wanted to create a much more attractive site than before.
The following colors are what I used for the project.
Projects colors
#a72a97 -- Light Puple
#5a84ff -- Light blue
#9F59AF -- light purple
#217e69 -- light green
#BF8A49 -- yellow
#A45597 -- mauve
#f6ee08 -- yellow
#8832c3 -- purple
green
silver
Here is my link to the new midterm project.
New Midterm Project