Three Canvas HTML Tutorials

These are three tutorials that I briefly looked over, the first one is all about gradients and is very interesting because there's many kinds of gradients that you can do. The coolest one to me is the set shape example, I think this is cool because it's different from the rectangular shapes that we were primarily dealing with in class.

https://www.w3schools.com/css/css3_gradients.asp


Next, I have this tutorial which is very helpful for the basics of how to create a canvas, basic shapes, and even import photos into the html.

https://www.geeksforgeeks.org/html-canvas-basics/


Finally, I found this tutorial which is a really great starting place for new users to DreamWeaver. This tutorial is awesome because it shows new users how dreamweaver functions and how to set up your workspace, and this tutorial is also great for going into more detail about changing font for potential websites.

https://websitesetup.org/dreamweaver-tutorial/

Comments

Post a Comment

Popular posts from this blog

Gradient Mesh

Image
The photo above is my project based around the Gradient Mesh tool in adobe Illustrator, With this tool you can create a shapes and fill them with custom gradients. The objective here was to find a photo that you find interesting, or take a photo yourself of an item that you would like to recreate. I've chosen a photo I took a little over a year ago of a Pop figure I have. I chose this photo because of the simple color palette and the nice variety of light to dark colors. In the photo above, I have the original on the right and the recreation on left. Overall, I'm very proud with how the gradient mesh and how it turned out for me. I had a lot of fun with figuring out how to best use the tool. Initially I began with trying to make the entire picture from a single gradient but I quickly learned that it was far too advanced. So I took a different approach where I would create a shape such as the head and then create a gradient for just that single shape, this method worked muc
Read more

Business Cards

Image
In this Project we were to create three business cards. We were supposed to use the logos we previously created. So initially I created some sketches using Adobe Illustrator. I spent more time on these sketches that I was expecting and they were much closer to finished products than my sketches normally were. With this I tried very hard to not find many other inspirations because I didn't want my business card to be plain and boring, so if I ever produce these and give them to clients. Anyways, I've narrowed the cards down to three that i'm happiest with and finalized them inside of Adobe InDesign. Concept One: First, I've chosen this one because I think the logo hanging off the side on the front of the card looks interesting. And the gray lines reaching around to back of the card leads the eyes to the back of the card where it has my Instagram and a couple of the things I'd consider myself good at. Concept Two: This concept was much more simple t
Read more

Autoscopy

Image
The Autoscopy is meant to be a change in an environment or a visual hallucination. That's exactly what I attempted to show here. In this photo there's many things I had fun envisioning. As you can see there is a cliff that myself and a small robot are sitting on, enjoying the view. Overlooking a field, which gives off a serious acid trip feel. I had fun mashing together two separate environments that are hardly the same as the originals. Honestly, I couldn't exactly tell you where my train of thought went and why I chose the shapes and colors I did. But I am very happy with the glitchy circles floating in the middle connected by lines. If I were to do this again I believe that I would spend more time focusing on the light in my photo. It was hard to try and change where the light source came from on my body, but i'm still satisfied with the result.
Read more