Vector & Raster Graphic Design Software for Free
by MrErdreich in Teachers > Art
9160 Views, 8 Favorites, 0 Comments
Vector & Raster Graphic Design Software for Free
![Untitled-2.jpg](/proxy/?url=https://content.instructables.com/F9B/XYYQ/JFX0H1EL/F9BXYYQJFX0H1EL.jpg&filename=Untitled-2.jpg)
![Vector vs Raster Images](/proxy/?url=https://content.instructables.com/FIX/2YBC/JFX0H1NN/FIX2YBCJFX0H1NN.jpg&filename=Vector vs Raster Images)
In today's world we are surrounded by media. Images, one of the more common forms of media, comes in two different types.
Raster Images are those made up of a grid or dot matrix of color or pixels. Raster images are the more common form of graphics and ones that you are probably used to working with. In industry raster images are used on documents, posters, advertisements, and magazines. All images created using a camera are raster images, those being constructed of pixels. Because they are constructed of pixels the quality of raster images are defined by the number of pixels in an image. The more pixels, the higher the resolution or quality. When a raster image is enlarged the pixels are enlarged and the image will become blurry, blocky, or pixelated. Common raster file types are .jpg, .png, or .tiff.
Vector Images are those made up of points, lines, and curves. When we look at a vector image we see a graphic or clipart. When a computer looks at a vector image it sees equations that make up the image's structure. Because of this, vector images are infinitely scalable. When a vector image is enlarged a computer recalculates the image so no quality is lost as is with raster pixel images. A company would make their logo in a vector format because they may want it to be printed small on a hat one day and huge on a billboard the next. Vector images are used for countless applications because of their versatility. Any image that is produced on a CNC machine like a mill, router, vinyl cutter, or laser engraver is a vector image. Common file formats for vector images are .svg, .eps, .ai, or .dxf. Even 3D printers read 3-dimensional vector images (.stl files).
Typically in graphic design vector images are more widely used. When it comes to photographs and certain shaded graphics however, raster images are the better option. In this instructable I have provided a wide collection of tutorial videos that show how to use two different free applications to create either raster or vector images.
Free Raster Image Design
![Screen Shot 2018-04-15 at 10.33.30 PM.png](/proxy/?url=https://content.instructables.com/F75/YR2R/JFX0HAFE/F75YR2RJFX0HAFE.png&filename=Screen Shot 2018-04-15 at 10.33.30 PM.png)
![pixlr_editor_logo.jpg](/proxy/?url=https://content.instructables.com/FQB/NHPH/JFX0HAF0/FQBNHPHJFX0HAF0.jpg&filename=pixlr_editor_logo.jpg)
![3-1 Digital Photo Editing.jpg](/proxy/?url=https://content.instructables.com/FPP/GHWY/JFX0HAEM/FPPGHWYJFX0HAEM.jpg&filename=3-1 Digital Photo Editing.jpg)
Raster image design is the ideal solution for working with photographs or designing for print production such as magazines, posters, or business cards.
Adobe Photoshop is the industry standard for raster image editing. Photoshop is the founding father of raster software and all other solutions trace back to the fundamentals that photoshop provides. Photoshop however is expensive and not compatible on chromebooks or other tablet devices.
Pixlr Editor is a chrome application was originally developed by Autodesk. Pixlr reflects the photoshop in many ways but it is simpler to use and easy to get started with. Pixlr is completely free and compatible with any device that runs google chrome. There is also a mobile app available for both iPhone and Android.
While Pixlr does not complete nearly all the tasks photoshop can, nor is it as powerful, it does get the job done. For a cost effective solution, Pixlr is certainly an excellent application to look into.
Pixlr Editor Tutorial Videos
![Pixlr 1 How to install pixlr](/proxy/?url=https://content.instructables.com/FJ8/IA5M/JFX0H1OD/FJ8IA5MJFX0H1OD.jpg&filename=Pixlr 1 How to install pixlr)
![Pixlr 2 Getting started with Pixlr](/proxy/?url=https://content.instructables.com/FU1/BO4T/JFX0H1OI/FU1BO4TJFX0H1OI.jpg&filename=Pixlr 2 Getting started with Pixlr)
![Pixlr 3 Selection tools](/proxy/?url=https://content.instructables.com/FA4/9CUK/JFX0H1OP/FA49CUKJFX0H1OP.jpg&filename=Pixlr 3 Selection tools)
![Pixlr 4 Drawing tools](/proxy/?url=https://content.instructables.com/FF9/85QI/JFX0H1OV/FF985QIJFX0H1OV.jpg&filename=Pixlr 4 Drawing tools)
![Pixlr 5 Editing tools](/proxy/?url=https://content.instructables.com/F8P/M9SS/JFX0H1P4/F8PM9SSJFX0H1P4.jpg&filename=Pixlr 5 Editing tools)
![Pixlr 6 Other tools](/proxy/?url=https://content.instructables.com/FJC/EFFE/JFX0H1PC/FJCEFFEJFX0H1PC.jpg&filename=Pixlr 6 Other tools)
![Pixlr 7 Photo adjustments](/proxy/?url=https://content.instructables.com/FMN/A0BS/JFX0H1PL/FMNA0BSJFX0H1PL.jpg&filename=Pixlr 7 Photo adjustments)
![Pixlr 8 Photo filters](/proxy/?url=https://content.instructables.com/F2E/W0IF/JFX0H1PV/F2EW0IFJFX0H1PV.jpg&filename=Pixlr 8 Photo filters)
![Pixlr 9 Designing in layers](/proxy/?url=https://content.instructables.com/FUA/RNHS/JFX0H1Q6/FUARNHSJFX0H1Q6.jpg&filename=Pixlr 9 Designing in layers)
![Pixlr 10 Saving your designs](/proxy/?url=https://content.instructables.com/FR9/N8O3/JFX0H1QI/FR9N8O3JFX0H1QI.jpg&filename=Pixlr 10 Saving your designs)
![Pixlr 11 Combining multiple Images](/proxy/?url=https://content.instructables.com/F76/P4DI/JFX0H2DY/F76P4DIJFX0H2DY.jpg&filename=Pixlr 11 Combining multiple Images)
I have uploaded an extensive tutorial library that I originally created for my graphic arts students. I found that many videos online were long and difficult to follow. My videos were designed to be short and complete one task at a time so you could watch a single video to find the answer you are looking for. If you watch all of my videos you will master the application. You can also view my entire library on the Mr. E's Digital Classroom Pixlr Playlist on youtube here.
Free Vector Image Design
![gravit.jpg](/proxy/?url=https://content.instructables.com/FMS/B134/JFX0HAUX/FMSB134JFX0HAUX.jpg&filename=gravit.jpg)
![Screen Shot 2018-04-15 at 10.33.25 PM.png](/proxy/?url=https://content.instructables.com/FIX/O8XE/JFX0HAV2/FIXO8XEJFX0HAV2.png&filename=Screen Shot 2018-04-15 at 10.33.25 PM.png)
![4-4 - Vector vs Raster Images.jpg](/proxy/?url=https://content.instructables.com/F8R/3Q45/JFX0HAVG/F8R3Q45JFX0HAVG.jpg&filename=4-4 - Vector vs Raster Images.jpg)
Vector images are the versatile solution that can be used for a variety of images or production with CNC machines such as a laser engraver, vinyl cutter, mill, router, or more.
Adobe Illustrator is the industry standard for vector image production in the graphic arts world. Illustrator, like photoshop, is rather expensive for the average DIYer and only compatible on mac or windows. Corel Draw is a popular illustrator alternative that is used widely by sign makers. Corel is cheaper that illustrator but still not cheap and only compatible with windows.
There are far less free vector design applications out there than there are raster. Many CAD programs are 3-Dimensional vector programs that also allow for 2D vector graphics. For example, both Onshape and Tinkercad (see my CAD instructable) allow you to download a vector design that could be produced using a laser engraver. Neither of these applications focus on the aesthetics needed in graphic production like Illustrator or Corel though.
Gravit Designer has recently become my favorite free vector program. Gravit reflects Illustrator in many ways, it even uses the same terminology for many of its tools and menus. Gravit has path tools, pen tools, arrange and align tools, and even will automatically vectorize a raster image like Illustrator's live trace tool. It is a chrome app so any device that runs chrome can run the program free of charge.
I use Gravit it with my graphic design students when creating designs for our laser engraver or to make stickers and t-shirts with our vinyl cutter. While Gravit does not do everything Illustrator can, it meets the needs of most DIYers for a significant price drop.
Gravit Designer Tutorial Videos and Templates
![Gravit 2 How to make a new document](/proxy/?url=https://content.instructables.com/FIE/ZG7H/JFX0H1RN/FIEZG7HJFX0H1RN.jpg&filename=Gravit 2 How to make a new document)
![Gravit 3 How to open a design template](/proxy/?url=https://content.instructables.com/F4O/1XMJ/JFX0H1S3/F4O1XMJJFX0H1S3.jpg&filename=Gravit 3 How to open a design template)
![Gravit 4 Getting Started with Gravit](/proxy/?url=https://content.instructables.com/FW1/R5Q6/JFX0H1SL/FW1R5Q6JFX0H1SL.jpg&filename=Gravit 4 Getting Started with Gravit)
![Gravit 5 View Tools](/proxy/?url=https://content.instructables.com/F5C/RCI1/JFX0H1T2/F5CRCI1JFX0H1T2.jpg&filename=Gravit 5 View Tools)
![Gravit 6 Drawing Tools](/proxy/?url=https://content.instructables.com/FNN/LNNX/JFX0H1TK/FNNLNNXJFX0H1TK.jpg&filename=Gravit 6 Drawing Tools)
![Gravit 7 Transform Tools](/proxy/?url=https://content.instructables.com/F37/BCA6/JFX0H1U5/F37BCA6JFX0H1U5.jpg&filename=Gravit 7 Transform Tools)
![Gravit 8 Path and Arrange Tools](/proxy/?url=https://content.instructables.com/F9V/KDIY/JFX0H1US/F9VKDIYJFX0H1US.jpg&filename=Gravit 8 Path and Arrange Tools)
![Gravit 9 Allign Tools](/proxy/?url=https://content.instructables.com/FJR/SI8P/JFX0H1VE/FJRSI8PJFX0H1VE.jpg&filename=Gravit 9 Allign Tools)
![Gravit 10 Setting the fill, stroke, and appearance](/proxy/?url=https://content.instructables.com/FUA/0PCY/JFX0H1W0/FUA0PCYJFX0H1W0.jpg&filename=Gravit 10 Setting the fill, stroke, and appearance)
![Gravit 11 The Pen Tool Tracing images](/proxy/?url=https://content.instructables.com/FM7/K9K7/JFX0H1XB/FM7K9K7JFX0H1XB.jpg&filename=Gravit 11 The Pen Tool Tracing images)
![Gravit 12 Working with Text](/proxy/?url=https://content.instructables.com/FJN/9BS6/JFX0H1YC/FJN9BS6JFX0H1YC.jpg&filename=Gravit 12 Working with Text)
![Gravit 13 Converting Text to a Path](/proxy/?url=https://content.instructables.com/FRX/GI8F/JFX0H1ZC/FRXGI8FJFX0H1ZC.jpg&filename=Gravit 13 Converting Text to a Path)
![Gravit 14 Creating a Clipping Mask](/proxy/?url=https://content.instructables.com/FUP/4MBN/JFX0H20D/FUP4MBNJFX0H20D.jpg&filename=Gravit 14 Creating a Clipping Mask)
![Gravit 15 Combining Text and Images](/proxy/?url=https://content.instructables.com/F4J/EKDK/JFX0H21F/F4JEKDKJFX0H21F.jpg&filename=Gravit 15 Combining Text and Images)
![Gravit 16 Vector Clipart Library](/proxy/?url=https://content.instructables.com/FCB/66LY/JFX0H22T/FCB66LYJFX0H22T.jpg&filename=Gravit 16 Vector Clipart Library)
![Gravit 17 How to save your Designs](/proxy/?url=https://content.instructables.com/FSX/1X3S/JFX0H23P/FSX1X3SJFX0H23P.jpg&filename=Gravit 17 How to save your Designs)
![Gravit 18 How to export as a raster image](/proxy/?url=https://content.instructables.com/FR5/G5ZC/JFX0H24U/FR5G5ZCJFX0H24U.jpg&filename=Gravit 18 How to export as a raster image)
![Gravit 19 How to export as a vector for CNC production](/proxy/?url=https://content.instructables.com/F24/17PS/JFX0H260/F2417PSJFX0H260.jpg&filename=Gravit 19 How to export as a vector for CNC production)
![Gravit 20 Designing for the CNC Plotter](/proxy/?url=https://content.instructables.com/F6N/I9FV/JFX0H277/F6NI9FVJFX0H277.jpg&filename=Gravit 20 Designing for the CNC Plotter)
![Gravit 21 Designing for the CNC Laser Cutter](/proxy/?url=https://content.instructables.com/FZO/NK6U/JFX0H291/FZONK6UJFX0H291.jpg&filename=Gravit 21 Designing for the CNC Laser Cutter)
I have uploaded an extensive tutorial library that I originally created for my graphic arts students. Like with Pixlr, I found that many videos online were long and difficult to follow. My videos were designed to be short and complete one task at a time so you could watch a single video to find the answer you are looking for. If you watch all of my videos you will master the application. You can also view my entire library on the Mr. E's Digital Classroom Gravit Designer Playlist on youtube here. I have also created a handful of vector design templates to use with Gravit that are already scaled for various applications.
Making Some Graphics
At this point you know more about images than most, go you! Its time to decide what type of project you want to work on.
If you want to edit some photos, make an advertisement, or maybe crop someone's head on someone else's body to make a funny calendar of your friends, it sounds like raster design software would be the right option for you.
If you're looking to design a logo, make a decal or t-shirt, embroider something, or laser engrave a part, vector design software is the right option there.
No one type of image is exclusively used. A good graphic artist is well versed in both software solutions and combines the two for the optimal image. Get out there and started making some designs! I hope my videos will come in handy to you as you venture into the world of graphic design. Check my Instructable and my youtube channel for regular updates and new project videos. I will admit I have not been active recently but Its my ambition to get back in the game and create new videos and guides. I also hope to add hands on videos with projects and machinery as well.