In this video, learn about the SVG export options from Photoshop.
- [Instructor] I'm just here briefly in Illustrator,…where I've drawn this shape, which I'm now going to…cut to my clipboard.…I'm then going to make my way into Photoshop,…and I'm going to paste that down as a path.…So there it is as path information,…so it's got no real visible attribute there.…It is just a path.…But what I'm going to do is go to the edit menu…and define that as a custom shape, okay?…So I'll just call this plus there like so.…
Alright, and now that's added to my shapes menu.…You can see it right on the end there.…So I'll delete those paths for now,…and what I'm going to do is use the custom shape tool…with my path there targeted, and this red color just for now…and I'm going to drag, I'm going to hold down shift…to keep it proportional like so, and the shape is added.…You can see there is a shape layer,…which is effectively like a color fill layer…with its own mask, for all intensive purposes.…
So now I've got that shape there,…in fact you can use any path…or vector shape inside your file,…I'm going to go up to the layer menu and choose Copy SVG.…
Author
Released
6/1/2018- Building templates
- Organizing your layers
- Managing presets
- Sharing assets
- Collaborating
- Quick masking for mockups
- Making brushes
- Generating assets for web and UX
- Creating animation and video
- Saving files correctly
Skill Level Beginner
Duration
Views
Related Courses
-
Learning Art Direction
with Bonnie Siegler1h 10m Beginner -
InDesign for the In-House Designer
with Claudia McCue10h 33m Intermediate -
Illustrator for the In-House Designer
with Tony Harmer1h 17m Intermediate
-
Introduction
-
Introduction1m 41s
-
-
1. Organization
-
Building an email template5m 10s
-
Organizing layers3m 17s
-
Filtering layers by content1m 49s
-
Layer comps3m 31s
-
Editing the toolbar2m 49s
-
Managing presets1m 42s
-
Shortcuts3m
-
-
2. Collaboration
-
Comments and version review3m 15s
-
3. Visualization
-
Photoshop Sketch3m 32s
-
Using vector masks6m 19s
-
Layers to files1m 56s
-
4. Web and UX
-
CC Extract4m 9s
-
CSS from Layers2m 7s
-
SVG from Photoshop1m 49s
-
Using Export As in Photoshop3m 21s
-
Using the Generator6m 3s
-
-
5. Animation and Motion
-
6. Special Requirements
-
Separations3m 7s
-
Multichannel images4m 42s
-
-
Conclusion
-
Next steps1m 14s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: SVG from Photoshop