Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн
Getting Started with SVG for Web DesignГод выпуска: 2014
Производитель: Tuts+
Сайт производителя:
tutsplus.comАвтор: Gary Simon
Продолжительность: 2:18
Тип раздаваемого материала: Видеоурок
Язык: Английский
Описание: In this course, Gary Simon will teach you how to use SVG (Scalable Vector Graphics) in your web design projects. You’ll learn how to design and animate various web elements including a loader, animated icons, and line animations. Alongside gaining skills in CSS, JavaScript and HTML, you’ll also learn how to use various design applications including Adobe Illustrator, Adobe Photoshop and also Adobe Edge Animate. And lastly, you’ll learn how to make all these SVG animations responsive.
Как использовать SVG в веб-проектах.
[spoiler="Содержание"]
1.
Introduction1.1 Introduction
2.
Learn How to Create an Animated Loading SVG2.1 Designing in Adobe Illustrator
2.2 Saving and Setting the SVG Settings
2.3 Animating the SVG with CSS
2.4 Making the SVG Responsive
3.
Learn How to Create Responsive SVG Icons3.1 Design in Adobe Illustrator
3.2 Making the SVG Icons Responsive
3.3 Adding Interactivity to Our Icons
4.
How to Create a Website with Multiple SVG Elements4.1 Mockup Design in Adobe Photoshop & Adobe Illustrator: Part 1
4.2 Mockup Design in Adobe Photoshop & Adobe Illustrator: Part 2
4.3 Mockup Design in Adobe Photoshop & Adobe Illustrator: Part 3
4.4 Writing the HTML
4.5 Writing the CSS
4.6 Animating the Top Pencil
4.7 Animating the Notepads in Edge Animate
4.8 Animating the Button
5.
Conclusion5.1 Course Overview
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: MPEG-4, 1280x720, 16:9, 30fps, 649kbps
Аудио: AAC, 44.1kHz, 192kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]