Gráficos vetoriais SVG: ilustrar e animar com código
Gradientes
Um curso de Javier Usobiaga Ferrer , Web designer
Sobre a videoaula: Gradientes
Visão geral
“Gradientes são outra propriedade comum em CSS, e o SVG tem sua própria maneira de declará-los. O interessante sobre esses gradientes é a possibilidade de combiná-los com outros elementos SVG e obter coisas que não são possíveis em HTML normal, como aplicar um gradiente a um texto. Vamos ver como eles funcionam.”
Nesta videoaula, Javier Usobiaga Ferrer aborda o tópico: Gradientes,que faz parte do curso online da Domestika: Gráficos vetoriais SVG: ilustrar e animar com código. Aprenda a trabalhar com ilustrações vetoriais em seus sites de internet, da linha à animação interativa.
Transcrição parcial do vídeo
“Assim como no CSS. o SVG pode declarar degradês. mas o interessante desses degradês é combiná-los com outros elementos do SVG e fazer coisas que não são possíveis com HTML normal. Vamos ver isso. Para criar um degradê. declare-o na etiqueta DEFS. de definições. e agrupe-o na etiqueta Linear Gradient do SVG. Dentro dessa etiqueta. colocaremos as etiquetas Stop para cada cor que queremos no nosso degradê. Neste exemplo. estamos vendo um degradê de duas cores. Que começa... Este amarelo e termina neste laranja. as cores são indicadas com o atributo StopColor dentro da etiqueta Stop e ponto de ...”
Esta transcrição é gerada automaticamente, portanto pode conter erros.
Resumo do curso: Gráficos vetoriais SVG: ilustrar e animar com código
-
Categoria
Web e App Design -
Softwares
Adobe Illustrator, Sketch -
Áreas
Animação, Desenvolvimento Web, Design interativo, Web Design
Javier Usobiaga Ferrer
Um curso de Javier Usobiaga Ferrer
Javier Usobiaga é Web Designer há 10 anos e co-fundador do estúdio Marta Armada Swwweet, especializado no design de webs responsivas desde a concepção inicial até o desenvolvimento de front-end.
Ele também gosta muito de sua faceta como professor de Web Design em renomados workshops e escolas como Elisava, IDEP.
A Usobiaga entende a web como um todo, não só o quão bonita ela pode ser na tela do computador, mas também sua usabilidade em diferentes dispositivos e circunstâncias.
Em suas palavras "Eu acho que tão importante quanto a estética é a rapidez com que carrega ou o quão bem ele responde, e eu acho que na nossa indústria frequentemente esquecemos disso."
- 98% avaliações positivas (273)
- 9,311 alunos
- 32 aulas (2h 2m)
- 28 recursos adicionais (6 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português, Türkçe
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe · Romanian · Indonesian
- Nível: Iniciante
- Acesso ilimitado para sempre
Software e ferramentas recomendados para este curso
Adobe Illustrator
SketchCategoria
Áreas
