CSS Art: Practical and Creative illustrations With CSS

CSS Art: Practical and Creative illustrations With CSS, available at $49.99, has an average rating of 5, with 74 lectures, based on 1 reviews, and has 2 subscribers.

You will learn about Use CSS techniques to Design logos of TikTok, Gmail, Pepsi, Google, etc. Use CSS techniques to Design Eva from Wall-e, Bart Simpsons, video game pad, smiling emoji, South African flag, etc. Learn how to use linear and radial gradients and shadows to add depth and dimension to your artwork. Apply CSS properties like transform, border-radius, box-shadow, z-index to create intricate designs. Learn how to use pseudo-elements (::before and ::after) to add extra layers and details to your drawings. Understand how to use CSS to control the appearance and structure of HTML elements. This course is ideal for individuals who are Anyone who wants to learn how to draw or make illustrations with CSS It is particularly useful for Anyone who wants to learn how to draw or make illustrations with CSS.

Enroll now: CSS Art: Practical and Creative illustrations With CSS

Summary

Title: CSS Art: Practical and Creative illustrations With CSS

Price: $49.99

Average Rating: 5

Number of Lectures: 74

Number of Published Lectures: 74

Number of Curriculum Items: 74

Number of Published Curriculum Objects: 74

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Use CSS techniques to Design logos of TikTok, Gmail, Pepsi, Google, etc.
Use CSS techniques to Design Eva from Wall-e, Bart Simpsons, video game pad, smiling emoji, South African flag, etc.
Learn how to use linear and radial gradients and shadows to add depth and dimension to your artwork.
Apply CSS properties like transform, border-radius, box-shadow, z-index to create intricate designs.
Learn how to use pseudo-elements (::before and ::after) to add extra layers and details to your drawings.
Understand how to use CSS to control the appearance and structure of HTML elements.

Who Should Attend

Anyone who wants to learn how to draw or make illustrations with CSS

Target Audiences

Anyone who wants to learn how to draw or make illustrations with CSS

Welcome to the CSS Art: Practical And Creative illustrations With CSScourse.

We will use CSS techniques to design Eva from Wall-e, Bart Simpsons, Video game pad, smiling emoji, South African flag, etc.

Use CSS techniques to Design logos of TikTok, WhatsApp, Gmail, Pepsi, Google,etc.

This course is designed to open up a world of artistic possibilities. If you are eager to explore the intersection of coding and art, or you are looking to add a unique skill set to your CSS repertoire, then this course is for you.

You will learn how to use CSS and HTML to create intricate and beautiful artworks. Imagine the satisfaction of seeing your code come to life as vibrant images and designs. This course will help you harness your coding skills in a way you never thought possible.

With CSS techniques, you will be able to create intricate designs and add fine details to your drawings. You’ll also learn how to use pseudo-elements to add extra layers and complexity to your art.

You’ll learn how to draw a variety of objects. You’ll understand how to add clip-path properties, shadows, border-radius, textures, etc to make your drawings more realistic and visually striking.

Throughout the course, you’ll work on a series of projects that reinforce what you’ve learned. These projects will give you hands-on experience and help you build a portfolio of stunning CSS art. Building a portfolio to showcase your CSS art can impress potential clients or employers and open up new career opportunities. If you’re an illustrator, CSS art is a perfect introduction to coding. If you’re a front-end developer, drawing with code is a creative way to become more familiar with the subtleties of CSS.

Don’t miss out on this opportunity to combine your passion for art with the power of coding. Enrol in our course today and start your journey towards becoming a CSS artist. Unleash your creativity and create stunning digital art that will amaze and inspire!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Artistic projects we will create in this course

Lecture 2: Introduction

Chapter 2: CSS Properties Needed For This Course

Lecture 1: Position Relative

Lecture 2: Position Absolute – Part 1

Lecture 3: Position Absolute – Part 2

Lecture 4: Selectors – Part 1

Lecture 5: Selectors – Part 2

Lecture 6: Creating Variables locally and globally

Lecture 7: CSS units – px rem em

Lecture 8: CSS units – em %

Lecture 9: CSS units – vmin vmax vh vw

Lecture 10: Creating a triangle with border and absolute position

Lecture 11: Using FLEX to centre an element vertically and horizontally

Lecture 12: Positioning an element to the centre using margin and absolute position

Lecture 13: CSS Transform

Lecture 14: The Art of box-shadow

Lecture 15: The Art of linear-gradient and box-shadow

Lecture 16: Circular pattern with radial gradient

Chapter 3: England Flag Art

Lecture 1: Styling the England flag

Chapter 4: Laughing Emoji Art

Lecture 1: Basic Structure of the Laughing Emoji

Lecture 2: Styling the eyes and mouth

Chapter 5: Pepsi Logo

Lecture 1: Styling the Pepsi Logo

Chapter 6: Bahamas Flag

Lecture 1: Styling the Bahamas Flag

Chapter 7: Tik Tok Logo

Lecture 1: Basic structure of the Tiktok logo

Lecture 2: Styling the curve at the top

Lecture 3: Styling the curve at the bottom

Chapter 8: Duck Art

Lecture 1: Basic structure of the duck art

Lecture 2: Styling the nostril, eye, duck body and flip feather

Lecture 3: Styling the feathers

Lecture 4: Styling the legs

Chapter 9: WhatsApp Logo

Lecture 1: Basic structure of the WhatsApp logo

Lecture 2: Styling the white triangle

Lecture 3: Styling the green triangle and the phone icon

Chapter 10: Bulb On and Off

Lecture 1: Basic structure of the bulb

Lecture 2: Styling the handle of the bulb and the shade colour

Lecture 3: Styling the checkbox to give the on-off effect

Chapter 11: Spinning Fan

Lecture 1: Basic structure of the spinning fan

Lecture 2: Styling the blades of the fan, the rod and the base

Lecture 3: Styling the turn on-off button and animating the fan

Chapter 12: Popsicles Art

Lecture 1: Basic structure of the popsicles

Lecture 2: Styling the popsicles with gradients

Chapter 13: Gmail Logo

Lecture 1: Styling the blue and green part of the logo

Lecture 2: Styling the crimson skewed part of the logo

Chapter 14: Eva from Wall-E

Lecture 1: Basic structure of eva

Lecture 2: Styling the 2 eyes

Lecture 3: Styling the body and 2 arms

Chapter 15: Google Logo

Lecture 1: Styling the Google logo

Chapter 16: South African Flag

Lecture 1: Basic structure of the South African flag

Lecture 2: Styling the triangles and the the lines on the flag

Chapter 17: Uchiha Logo

Lecture 1: Styling the Uchiha Logo

Chapter 18: Coffee Cup Art

Lecture 1: Basic Structure of the coffee cup

Lecture 2: Styling the cup

Lecture 3: Styling the linear-gradient of the cup and the main lid

Lecture 4: Styling the top lid of the cup

Chapter 19: Video Game Pad Art

Lecture 1: Basic structure of video game pad

Lecture 2: Styling the 2 handles

Lecture 3: Styling the circle holder

Lecture 4: Styling the tap button and the direction keys

Lecture 5: Rotating and translating the direction keys

Lecture 6: Styling the circle buttons

Lecture 7: Styling the joysticks

Lecture 8: Styling the 2 small rectangle buttons

Lecture 9: Styling the analog and red light

Chapter 20: Bart Simpson head

Lecture 1: Basic structure of Bart Simpson head

Lecture 2: Styling the hair structure from hair-1 to hair-6

Lecture 3: Styling hair-7 to hair-9 and the forehead

Lecture 4: Styling the back and the eyebulge

Lecture 5: Styling the 2 eyes

Lecture 6: Styling the nose

Lecture 7: Styling the cheek and the covering of the nose

Lecture 8: Styling the lip and the lower jaw

Lecture 9: Styling the neck

Lecture 10: Styling the round neck and the ear shape

Lecture 11: Styling the ear linings

Instructors

Pamch Tutor M.Ed
Educational Technologist | Bestselling Trainer | M.Ed

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 0 votes
5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu