Posts

Showing posts from September, 2018

Tracing a face

Image
Believe it or not, this nightmare-creator was supposed to resemble my face. I probably could've made it more realistic by using a gradient for the skin, but in the spirit of almost-Halloween, I thought it would be better to get spooky.

Illustrator- Patterns

Image
This is my first time playing around with Illustrator, the introduction we received on Dreamweaver definitely helped to prepare us for this next program. I wanted to make a background with complementary colors.

Canvas Final Project

Image
For my final project on Dreamweaver, I decided to create a futuristic city that finally cares about light pollution and has switched to all-red bulbs to combat it. There is also a flying car that reflects the light in the same way the buildings do, and shows the grass/sky in its windows. Dreamweaver is very complicated but I am glad that I was able to understand everything that goes on when I draw a simple line in Illustrator. My Code: var bkgdgrd=context.createLinearGradient(0,0,0,600); bkgdgrd.addColorStop(0.1,"rgba(7,219,212,1.00)"); bkgdgrd.addColorStop(0.3,"rgba(7,194,219,1.00)"); bkgdgrd.addColorStop(0.4,"rgba(7,162,219,1.00)"); bkgdgrd.addColorStop(0.5,"rgba(7,132,222,1.00)"); bkgdgrd.addColorStop(0.8,"rgba(7,107,232,1.00)"); bkgdgrd.addColorStop(1,"rgba(0,152,17,1.00)"); var silvergrd=context.createLinearGradient(0,0,0,600) ; silvergrd.addColorStop(0, "rgba(222,226,248,1.00)");

Radial Gradients

Image
For this project I made a color wheel of sorts with radial, and one linear, gradients. I was having trouble with the code for the radial gradient but I was able to find my mistake.

Linear Gradients

Image
To practice gradients, I created a sailboat on the water during sunset. There is one gradient for the sky, and a separate one for the sun which I lined up as much as I could. The final project for this portion of the class is seeming more do-able now.

Arcs

Image
I decided to try to make a (very basic) face with arcs, but ended up with this haunting image that I'll probably see in my nightmares. I feel like I'm making some progress with learning this new program, but it is still taking me a little while to figure it all out.

Curves

Image
Curves were a little more complicated than making shapes, but I think the practice helped a little to figure out picking coordinates and finding mistakes.

10 Shapes

Image
This is my first experience with Adobe DreamWeaver, the line thickness and position of shapes changes based on mouse position. I have never had experience with coding before, and it seems very complicated and specific.