From the course: SVG: Clipping, Masking, and Filters
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Extruded text
- In the next example found in chapter four under extruded text I want to show you the power of the feConvolveMatrix filter to create things like bevels. So what I have here right now is a text superimposed on top of an image. I want to make it look like this text is popping out and I want to create an angled bevel behind it. To do that I need to do a whole bunch of different filter alogorithims 'cause I also want to add a stroke around it and make it all nice and fancy. So inside the filter with the ID extrudeText, if you scroll all the way to the bottom you'll see here we have a feMerge filter primitive that is currently just bringing in the source graphic. As we add in more elements we'll keep adding them in down here. So, to start off we're gonna do two things. First, we're gonna flood the entire text area with white then we're gonna us feMorphology to dilate the text and create a radius of six around everything to send that into the stroke keyword and finally we'll use…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.