Web Graphics with CorelDraw and PhotoPaint

Name: Web Graphics with CorelDraw and PhotoPaint
Rating: 4.6 (27 reviews)

All you need to know to create Web Graphics with Corel Draw and PhotoPaint. Select the best file type and size everytime

Highest Rated

Created byDan Webb

Last updated 6/2018

English

What you'll learn

They will be able to create graphics for the web and know what file type and size to use in each situation.

Course content

8 sections • 27 lectures • 2h 49m total length

Introduction0:46
Identify the differences between raster and vector files, explain aspect ratios and proportions, dispel resolution myths, and provide guidelines for choosing the right file type for web graphics.
Raster Vs Vector Files3:01
Explore the difference between vector and raster files using Corel Draw and PhotoPaint, observe how vectors stay crisp while rasters become jagged when zoomed, and learn web-friendly sizing.
Aspect Ratio and Proper Proportions2:19
Resolution2:23
Use pixel dimensions for web graphics and adopt 72 ppi as the standard, since on screen inches and dpi do not apply; learn to specify sizes like 400x250 or 600x150.
File Types and When to Use Them3:55
Learn to choose raster file types for web graphics using a guiding flowchart: gif for animation, png for transparency, and jpeg for efficiency; understand png-24 versus png-8.

Team Section Intro2:30
Team Member 15:23
Crop Ben Johnson's photo to a centered square in photo paint, resize to 320 by 320 pixels, and export for the web as a JPEG.
Team Member 24:28
Open the Carl Kent photo in Corel PhotoPaint, crop to a perfect square, resize to 320 pixels for web export, and save as a jpeg for the website.
Team Member 318:35
Replace a portrait in Corel Photo-Paint by creating a background object, expanding the canvas, and using the clone tool to blend Emily Clark, then export for web.
Team Members Assignment

Intro - Background Image0:46
Adjust background images for hero visuals by lowering quality and applying blur or filters, so content placed over them remains readable without distraction.
Team Section Background Image10:52
Apply a blurred overlay background behind the team section in Corel Photo-Paint, use a new layer, adjust opacity and color, export as office blur, and preview on mobile.
Your Turn - Background Image

Intro - Thumbnail Images0:43
Add the office article image7:15
Learn to prep an office image in photo paint, set pixels, crop to 640 by 480, preserve aspect, and export a web jpeg for the page.
Add the Team Article Image3:29
Create a Mockup of Website on Laptop - Part 19:03
Create a Mockup of Website on Laptop - Part 218:22
Create a laptop website mockup by combining and aligning images, masking edges, and mirroring elements, then adjust brightness, contrast, and blur before exporting as a web image at 640x480.
Your Turn - Article Tumbnails

Intro - Monochrome Customer Logos0:37
Replace two logos in the happy customer section with grayscale, transparent versions using raster and vector approaches, then create one logo from scratch in CorelDraw to add to the site.
Modify and add PlayAway Logo - CorelDraw3:27
Modify and add PlayAway Logo - Photopaint9:45
Create and add Quickstart Academy Logo19:37
Design and create the QuickStart Academy logo from scratch in CorelDRAW, detailing typography choices, color, and a stopwatch line-art mark for web site branding.
Your Turn - Customer Logos

Intro - Icons for Features Section1:39
Replace stock feature icons with custom icons to describe features consistently. Maintain height and line lengths, keep color, and replace icon fonts with images for easy, code-free updates.
Create a Connect Icon8:08
Create a connect icon by designing a chat bubble in CorelDraw and PhotoPaint, adding three dots, a contour, and transparency; export for web and save as an assets icon.
Create a Growth Icon5:58
Design a scalable growth icon in CorelDRAW by creating a rounded rectangle outline, adding a trend line, adjusting fills and strokes, exporting for web, and embedding on a page.
Create a Find Icon10:08
Your Turn - Icons

Requirements

Basic knowledge of CorelDraw. Can be obtained by taking my CoreDraw Quickstart course. A copy of CorelDraw Graphics suite. Can use 15 day trial available on corels website.

Description

Welcome to Web Graphics with CorelDraw and PhotoPaint where you will learn about web graphics while you use Corel Graphics Suite to create actual projects. No long periods of going through tools and menus item by item. In this course, we’ll jump right in and start creating and learning. By the end of this course you will know about raster and vector file types, you will know what file type to use, when to use it and what size to make it. You will also be comfortable using CorelDraw and PhotoPaint to create, edit and draw web graphics. You will have taken a website from template to designed with custom images.

I designed this course for people like me who don’t learn well when they are overloaded with information but find it easy to learn when they are doing and having fun.

The ideal student for this course is anyone who wants learn about web graphics and would like to use PhotoPaint and CorelDraw to do it.If you don't have Corel Graphics Suite you can get a 15 day free trial on Corel's website.

I use Corel X8 in this course but most everything can be accomplished with previous versions too.

Who this course is for:

Anyone wanting to learn more about web graphics especially those using Corel Graphics Suite

Web Graphics with CorelDraw and PhotoPaint

What you'll learn

Explore related topics

Course content

Getting Started5 lectures • 12min

Creating Team Tumbnails for a Website4 lectures • 31min

Size a Hero Image for a Website2 lectures • 15min

Add a background Image to the Team Section2 lectures • 12min

Edit and Add Images for the Articles5 lectures • 39min

Add logos to Customers Section4 lectures • 33min

Create and add Blurb Icons to site4 lectures • 26min

Bonus1 lecture • 1min

Requirements

Description

Who this course is for: