SVG Vectorial Graphics: Illustrate and Animate with Code
Kursus oleh Javier Usobiaga Ferrer , Desainer web
Learn to create vector illustrations for your website, from basic lines to interactive animations
If you've ever wanted to combine the technical power of web programming and the creative freedom of graphic design, this course is for you. Javier Usobiaga, web designer and cofounder of Swwweet studio, teaches you how to get the most out of scalable vector graphics (SVG), an interactive and responsive vector file format designed for web browsers as an alternative to JPG, PNG, and GIF file types. In this online course, discover the effects, filters, and animations you can use to create your own interactive illustrations with HTML, CSS, and JavaScript code.
Javier also teaches Introduction to Responsive Web Development with HTML and CSS on Domestika, a course that walks you through the fundamentals of front-end web development and helps you build the foundations you need for this course on SVG.
Apa yang akan Anda pelajari dalam kursus daring ini?
1 pelajaran & 1 unduhan
- 98% ulasan positif ( 273 )
- 1 siswa
- 1 pelajaran ( 1 jam 1m )
- 1 sumber daya tambahan (1 berkas)
- Online dan sesuai kecepatan Anda sendiri
- Tersedia di aplikasi
- Audio: Spanyol, Bahasa inggris, Perancis, Italia, Portugis, Turki
- Spanyol · Bahasa inggris · Portugis · Jerman · Perancis · Italia · Polandia · Belanda · Turki · Rumania · Indonesia
- Tingkat: Pemula
- Akses tak terbatas selamanya
Perangkat lunak & alat yang direkomendasikan untuk kursus ini
Adobe Illustrator
SketchApa proyek kursus ini?
Create an illustration with animated vector images. You can choose any theme you like and make your project as simple or as complex as you want; the goal is for you to apply the tools explored throughout the course.
Proyek oleh mahasiswa kursus
Untuk siapa kursus daring ini?
Programmers, designers, illustrators, and anyone who's interested in design and wants to tackle new projects with HTML and CSS.
Persyaratan dan bahan
You need basic knowledge of HTML and CSS to take this course.
As for materials and tools, you need a computer, a code editor, and a vector-graphics editor like Illustrator, Sketch, Inkscape, or similar software.
Ulasan
Javier Usobiaga Ferrer
Kursus oleh Javier Usobiaga Ferrer
Javier Usobiaga telah berkarier sebagai desainer web dan pengembang front-end selama lebih dari 10 tahun. Ia adalah salah satu pendiri studio Swwweet, bersama Marta Armada, yang berspesialisasi dalam merancang situs web responsif dari konsep awal hingg...
Isi
-
U 1
Introduction
-
Presentation
-
Influences
-
-
U 2
SVG Basic
-
Labels and basic attributes
-
Styles in SVG
-
Line, polyline, and polygon labels
-
Stroke label (path)
-
The viewbox attribute
-
Text tags
-
-
U 3
Tools and optimization
-
Vector editors and export
-
Organization of SVG
-
SVG optimization
-
-
U 4
Incorporating SVG to the web
-
Ways to load an SVG on the web
-
Icons systems
-
SVG responsive
-
Accessibility in SVG
-
Support in browsers
-
-
U 5
Effects in SVG
-
Transformations
-
Gradients
-
Patterns
-
Masks and clipping paths
-
Filters
-
-
U 6
Animation in SVG
-
Types of animation in SVG
-
Animation with CSS
-
Sequence animation
-
Drawn animation
-
Interactive animation
-
-
U 7
Interaction and advanced animation
-
Animation with JavaScript
-
JavaScript libraries for animation
-
Animated checkbox
-
Mutation (morphing) in SVG
-
Animation along a stroke
-
Inspiration
-
-
FP
Proyek akhir
-
SVG vector graphics: illustrate and animate with code
-
Apa yang diharapkan dari kursus Domestika
-
Belajar dengan kecepatan Anda sendiri
Nikmati belajar dari rumah tanpa jadwal tetap dan dengan metode yang mudah diikuti. Anda bisa mengatur kecepatan belajar Anda sendiri.
-
Belajar dari para profesional terbaik
Pelajari metode dan teknik berharga yang dijelaskan oleh para ahli terkemuka di sektor kreatif.
-
Bertemu dengan guru ahli
Setiap pakar mengajarkan apa yang paling mereka kuasai, dengan pedoman yang jelas, semangat yang membara, dan wawasan profesional dalam setiap pelajaran.
-
Sertifikat
PlusJika Anda anggota Plus, dapatkan sertifikat khusus yang ditandatangani oleh pengajar Anda untuk setiap mata kuliah. Bagikan di portofolio, media sosial, atau di mana pun Anda suka.
-
Dapatkan kursi baris depan
Video berkualitas tinggi, jadi Anda tidak akan melewatkan satu detail pun. Dengan akses tak terbatas, Anda dapat menontonnya sesering yang Anda butuhkan untuk menyempurnakan teknik Anda.
-
Berbagi pengetahuan dan ide
Ajukan pertanyaan, minta masukan, atau tawarkan solusi. Bagikan pengalaman belajar Anda dengan siswa lain di komunitas yang sama bersemangatnya dengan Anda dalam hal kreativitas.
-
Terhubung dengan komunitas kreatif global
Komunitas ini merupakan rumah bagi jutaan orang dari seluruh dunia yang ingin tahu dan bersemangat untuk mengeksplorasi dan mengekspresikan kreativitas mereka.
-
Tonton kursus yang diproduksi secara profesional
Domestika menyusun daftar guru dan memproduksi setiap kursus secara internal untuk memastikan pengalaman belajar daring berkualitas tinggi.
Tanya Jawab Umum
Apa saja kursus online Domestika?
Kursus Domestika adalah kelas daring yang memungkinkan Anda mempelajari keterampilan baru dan menciptakan proyek-proyek luar biasa. Semua kursus kami menawarkan kesempatan untuk berbagi hasil karya Anda dengan siswa dan/atau guru lain, menciptakan komunitas belajar yang aktif. Kami menawarkan berbagai format:
Kursus Asli : Kelas lengkap yang menggabungkan video, teks, dan materi pendidikan untuk menyelesaikan proyek tertentu dari awal hingga akhir.
Kursus Dasar : Pelatihan khusus di mana Anda menguasai perangkat lunak tertentu langkah demi langkah.
Kursus Spesialisasi : Jalur pembelajaran dengan berbagai guru ahli tentang topik yang sama, cocok untuk menjadi spesialis dengan belajar dari berbagai pendekatan.
Kursus Terbimbing : Pengalaman praktis yang ideal untuk memperoleh keterampilan tertentu secara langsung.
Kursus Intensif (Pendalaman) : Proses kreatif baru berdasarkan alat kecerdasan buatan dalam format yang mudah diakses untuk pemahaman yang mendalam dan dinamis.
Kapan kursus dimulai dan kapan berakhir?
Semua kursus 100% daring, jadi setelah dipublikasikan, kursus dimulai dan berakhir kapan pun Anda mau. Anda yang menentukan kecepatan kelas. Anda dapat kembali untuk meninjau apa yang paling Anda minati dan melewatkan apa yang sudah Anda ketahui, mengajukan pertanyaan, menjawab pertanyaan, membagikan proyek Anda, dan banyak lagi.
Apa saja yang termasuk dalam kursus Domestika?
Kursus-kursus ini dibagi menjadi beberapa unit. Setiap unit mencakup pelajaran, teks informasi, tugas, dan latihan untuk membantu Anda menyelesaikan proyek langkah demi langkah, dengan sumber daya dan unduhan tambahan yang tersedia. Anda juga akan memiliki akses ke forum eksklusif tempat Anda dapat berinteraksi dengan pengajar dan siswa lain, serta berbagi pekerjaan dan proyek kursus Anda, sehingga menciptakan komunitas di sekitar kursus.
Apakah Anda sudah mengikuti kursus?
Anda dapat menebus kursus yang Anda terima dengan mengakses halaman penebusan dan memasukkan kode hadiah Anda.
Adobe Illustrator
Sketch
Muy puntual, da la clase muy bien y es entendible, con ejercicios faciles y buenos.
EXCELENTE CURSO
Gostei muito
excellent course for beginners.
excelente curso lo recomiento explica muy bien y se entiende todo