If you've decided to work as a web designer, you can't get away from working with vector images. And, therefore, from the appropriate graphic editors, for example, from Adobe Illustrator.
It is necessary
Adobe Illustrator
Instructions
Step 1
Open Adobe Illustrator and create a new document in it. To do this, click the File -> New menu item or press the Ctrl + O hotkeys. In the window that appears, in the Units drop-down menu, specify Pixels, in the Width and Height fields, specify, for example, 500, click OK. The document you created will appear in the workspace of the program.
Step 2
Select the Rectangle tool (hotkey M). Use it to create a rectangle on the image - this is the vector object.
Step 3
Find the tool settings panel (it is located under the main menu) and play with the color of the outline and the inner cavity of the created object. The Stroke setting allows you to change the thickness of the outline. If the object's properties do not change, then you have somehow deselected the object. Select the Selection tool (hotkey V) and click on the rectangle to select it again.
Step 4
Use the Rectangle tool to draw another rectangle. Select the Pen tool (P), move the cursor over one of the corners of the newly created object, wait until the "x" next to it changes to "-", and press the left mouse button. The rectangle will turn into a triangle. Using the handles around this object, make an isosceles triangle out of it.
Step 5
Move the cursor over one of the corners so that it looks like an arched double-headed arrow. This means that you can now rotate the object. Place it so that it faces up. The color of the outline and the inner cavity of this triangle can be changed in the same way as for the previously created rectangle.
Step 6
Move the triangle just above the rectangle. The image you created should now look like a schematic drawing of a one-story house.
Step 7
To save the result, press Ctrl + Shift + S, in the window that appears, specify the path for the future file, its format and click "Save". The standard Windows image viewer does not know how to communicate with vector images, so use Adobe Bridge for this purpose.
