3D Animation Courses in Bangalore

Arena Animation Basavanagudi

We are the best Multimedia training institute in Bangalore, and we are known for Industry based training. We provide 3D Animation Courses and Visual Effects ( VFx ) Training with the latest and advanced training technologies in the Multimedia market. We also provide Placements in Reputed and Well-known Graphics and Multimedia industries.We also Provide Web and Graphic Designing with HTML5 and CSS3 which is one of the best Industry Based Training.

Placement Assistance

Our students are placed with some of the top studios, production house, advertising agency,  & corporate organizations in the industry Apart from technical training & project work, Arena Animation prepares you for a career in  the animation, VFX & gaming industry. We provide regular job and recrutiment sessions to  train our students for job interviews. Students also benefit from placement workshops,  Orbit Live, Creative Minds, Perspectives, job fairs/campus placements & more...!

Get Registered now for Better Experience in Animation and Multimedia

How to Create a Simple Web Page With HTML

How to Create a Simple Web Page With HTML

what is needed to make a website: a browser and Notepad (or similar text editor). Since you are reading this, you most likely already have your browser open. The only thing you need to do is to open an extra browser window (open the browser one more time) so you can read this tutorial and see your new website at the same time.

open Notepad (in Accessories under Programs in the Start menu):

Let us start with something simple. How about a page that says: "Hurrah! This is my first website." Read on and you'll find out how simple it is.

HTML is simple and logical. The browser reads HTML like you read English: from the top down and from left to right. Thus, an simple HTML document begins with what should come first and ends with what should come last.

The first thing you need to do is to tell the browser that you will "talk" to it in the language HTML. This is done with the tag <html> (no surprises there). So before you do anything else type "<html>" in the first line of your document in Notepad.

As you may recall from the previous lessons, <html> is an opening tag and must be closed with a closing tag when you are finished typing HTML. So to make sure you don't forget the HTML close tag now type "</html>" a couple of lines down and write the rest of the document between <html> and </html>.

The next thing your document needs is a "head", which provides information about your document, and a "body", which is the content of the document. Since HTML is nothing if not logical, the head (<head> and </head>) is on top of the body (<body> and </body>).

Your document should now look like this:

<html>

<head>

</head>

<body>
</body>
</html>
 
Note how we structured the tags with new lines (using the Enter key) as well as indents (using the Tab key). In principle, it does not matter how you structure your HTML document. But to help you, and others reading your coding, to keep an overview, it is strongly recommended that you structure your HTML in a neat way with line breaks and indents, like the above example.

If your document looks like the above example, you have made your first website - a particularly boring website and probably not what you dreamt of when you started this tutorial but still some sort of a website. What you have made will be the basic template for all your future HTML documents.




So far so good, but how do I add content to my website?


As you learnt earlier, your HTML document has two parts: a head and a body. In the head section you write information about the page, while the body contains the information that constitutes the page.

For example, if you want to give the page a title which will appear in the top bar of the browser, it should be done in the "head" section. The element used for a title is title. I.e. write the title of the page between the opening tag <title> and the closing tag </title>:


<title>My first website</title>


Note that this title will not appear on the page itself. Anything you want to appear on the page is content and must therefore be added between the "body" tags.




As promised, we want the page to say "Hurrah! This is my first website." This is the text that we want to communicate and it therefore belongs in the body section. So in the body section, type the following:




<p>Hurrah! This is my first website.</p>



The p in <p> is short for "paragraph" which is exactly what it is - a text paragraph.



Your HTML document should now look like this:


<html>
<head>
<title>My first website </title>
</head>
<body>
<p>Hurrah! This is my website.</p>
</body>
</html>



Done! You have now made your first real website!

Next all you have to do is to save it to your hard drive and then open it in your browser:

In Notepad choose "Save as..." under "File" in the top menu.
Choose "All Files" in the "Save as type" box. This is very important - otherwise, you save it as a text document and not as an HTML document.
Now save your document as "page1.htm" (the ending ".htm" indicates that it is an HTML document. ".html" gives the same result. I always use ".htm", but you can choose whichever of the two extensions you prefer). It doesn't matter where you save the document on your hard drive - as long as you remember where you saved it so you can find it again.




Now go to the browser:


In the top menu choose "Open" under "File" (or press CTRL+O).
Click "Browse" in the box that appears.
Now find your HTML document and click "Open".







It now should say "Hurrah! This is my first website." in your browser. Congratulations!




if you are interested in web designing, get a complete course in web designing visit  Arena Animation Basavanagudi

Drawing a Shape

Before you even get started, first thing’s first. Create a new Photoshop file, name it whatever you want, and set it to any size you feel comfortable working in. We’re just going to be experimenting for now, so it doesn’t really mater.

Next, locate the pen tool. It should be in the toolbar on the left, in the same section as the path selection tool, horizontal type tool, and the polygon tool, represented by the fountain pen icon. Or, you can press P to bring it up immediately.

Once you’re ready, let’s get drawing!

Step 1 – Create a new layer, and set up shape layers

Select the drop-down menu to the right of the pen tool icon at the top of the window. There should be three options total: shape, path, and pixels. Select the shape option, since we’re going to start this tutorial out by drawing shapes, and choose a fill color for your shape. Also make sure you’re working in a new layer.

This next part is optional, but if you’d like to work in a grid to make plotting points more precise, press Ctrl+’ (that’s the apostrophe key), and enable snap by pressing Shift+Ctrl+; (the semi-colon key). Or, simply go to View > Snap using the menu at the top.

Step 2 – Plot points to create your shape

Next, start plotting points on your grid to create your shape. Think of it like a game of connect-the-dots. You can start to visualize how your image is made up of various points, with straight lines connecting each point. As you plot these points, the pen tool will automatically begin filling the image in.

In the example above, you can see the makings of a very oddly proportioned gold star. Don’t worry if your shape is perfect, this is just an experiment.

Once you’re ready to connect the final dot and complete your shape, just click the point you started out with. When you hover over the initial point for your shape, the pen tool cursor will appear with a small circle next to it, as in the example above.

Step 3 – Making curves with the pen tool

You’ll notice something interesting happen if you plot a point and drag your cursor, rather than releasing click. That point will become an anchor for a curved line, which you can manipulate as long as you hold down the left click button after placing the point. You can use this to create shapes with curves, rather than rigid shapes composed only of straight lines, like our star example.

Wow!

Cut an Image Out Using the Pen Tool

The pen tool can also be used to map out a custom selection. This is useful if you want to cut out only part of an image, like the sign in the example above, and not the whole image.

Before you begin, make sure your image is on a new layer, and that you’ve selected the path option in the pen tool menu. We’re going to be mapping a path this time, not drawing a shape. If you leave the shape option selected, we’ll just be drawing a shape over our sign rather than preparing to cut it out.

You might be asking yourself what a path is in Photoshop. A path is basically the line that connects two points. In Photoshop, even though we can “draw” a path using the pen tool, the path is not actually an image itself. There are no pixels involved. Remember what we learned about vector graphics and raster graphics?

Step 1 – Start mapping points!

There are two major steps in this guide, and the first uses techniques we learned in the previous guide. Just map points around the image you want to select, as though you were drawing out its shape.

You can zoom in if you want to be more precise. This image in particular is fairly easy to trace, because it’s made up of straight lines. Don’t forget to close the shape by clicking its starting point!

Step 2 – Load your path as a selection

This path doesn’t mean anything for what we want to do until we load it as a selection. Do this by clicking the Paths tab in the Layers swatch – there should be a path called Work Path in the shape of the object you just traced – and clicking the icon of the dotted line circle, as seen on the left.

You should see the part of your image that you outlined with a path highlighted with the dotted line, showing that it’s selected and ready to be cropped. You can do this quickly by using the shortcut Ctrl+J, which copies and pastes the selection onto a new layer. If you set the two layers beneath it to invisible, by unchecking the eye icons in the Layers swatch, you can see your newly cut-out sign over a transparent background!

Now you can overlay your sign on new backgrounds by taking advantage of layers.

Arena Animation Basavanagudi

ARENA ANIMATION BASAVANAGUDI

3D Animation, Graphic, Web Design Training Center

We are the best Multimedia training institute in Bangalore, and we are known for Industry based training. We provide 3D Animation Courses and Visual Effects ( VFx ) Training with the latest and advanced training technologies in the Multimedia market. We also provide Placements in Reputed and Well-known Graphics and Multimedia industries. We also Provide Web and Graphic Designing with HTML5 and CSS3 which is one of the best Industry Based Training.