When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Art & Code: Create and Code an Interactive Parallax Illustration
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Free
This Course Includes
skillshare
0 (0 reviews )
2 hours 32 minutes 
english
Online - Self Paced
course
SkillShare
About Art & Code: Create and Code an Interactive Parallax Illustration
Intro
Drawing 1 Concept and Thumbnails
Drawing 2 Refining Your Sketch
Drawing 3 Blocking in Colors
Coding 1 Preparing Your Layers
Coding 2 HTML, CSS, and JavaScript
Coding 3 Drawing to the Canvas
Coding 4 Touch and Mouse Controls
Coding 5 Motion Controls
Coding 6 Finishing Touches
Appendix 1 iOS 13 Support
Appendix 2 Basic Debugging
What You Will Learn?
- Use layers and code to add a new dimension to your artwork!.
- In this class you'll create an interactive parallax illustration using Procreate along with HTML5, CSS, and JavaScript. I've tried to organize it from simple sketching and drawing to more complex coding things at the end, so hopefully no matter how far you make it, you can learn something! Also make sure you check out the project section for completed example code that you can compare to..
- A few things we'll cover along the way:.
- Tools used in this tutorial include:.
- This is an advanced class—I don't spend a ton of time going over how I work in Procreate, but if you're looking for something more like that, check out my previous Skillshare class here. (There is a bit of new stuff in this one though!).
- While I try to keep things as simple as possible, this will be easier if you have some basic familiarity with web development. Here's some helpful HTML, CSS, and JavaScript resources:.
- (Also I was a little sick while recording some of this, so please excuse any weird sniffles.