ConTeXt Cliparthttps://openclipart.org
A media feed of ConTeXt clipart.en-UShttps://openclipart.org/image/144px/svg_to_png/193993/Openclipart-Scissors-Logo-in-Green.pnghttps://openclipart.org
ConTeXt Clipart144144Map Location with contexthttps://openclipart.org/detail/263691/map-location-with-context
Mon, 10 Oct 2016 13:00:28 -0400bobswarnerhttps://openclipart.org/detail/263691/map-location-with-contexthttp://creativecommons.org/licenses/publicdomain/HD to Cell Phone, non-transparenthttps://openclipart.org/detail/254582/hd-to-cell-phone-nontransparent
Wed, 06 Jul 2016 17:31:18 -0400AdamStanislavUse this to convert a video shot with the HDTV 16:9 aspect ratio compromise to the horrible 9:16 ratio resulting from shooting vertically with a cell phone. Obviously, you?d never make an HD video with that ridiculous aspect ratio, would you. :-0 After all, you?d even be rejected by America?s Funniest Videos! But, you might use this mask within the context of a proper video strictly to emulate a character talking on a cell phone. It has a non-transparent background.
This is one of the series of graphics I have created to allow masking of the contents of videos, so they appear to have a different aspect ratio. Some will make it appear more cinematic by adding a horizontal bar on the top and on the bottom of each video frame, creating the illusion of a wide screen image. Others will make it look more old-fashioned by adding a vertical bar at the left and right sides of each video frame, thus producing the illusion of classical cinema, which used the 1.33:1 ratio in the silent era and the academy ratio (1.375:1) once the sound film appeared. Additionally, before the big switch to digital TV, television used the 1.33:1 (4:3) ratio.
So, why use SVG vector graphics when similar masks are easy to find on the web in the PNG bitmap format? After all, video uses bitmap frames and most video editors cannot even read SVG files! The obvious answer is simple: Video files come in different formats. Take HD, for example, with its 16:9 ratio. There is the 720p standard, with 1280 pixels in each of its 720 rows. There is the 1080p standard, with 1920 pixels in each of its 1080 rows. Those were the original HD formats, both having the 16:9 ratio. Nowadays we have 4k UHDTV, with 3840 pixels in each of its 2160 rows; and 8k UHDTV with 7680 pixels in each of its 4320 rows. They, too, have the 16:9 ratio. And who knows what we will have in a few years!
Of course, you still can use the old PNG masks with any of these formats, you just have to tell your video editor to rescale the bitmap. Unfortunately, chances are the rescaling will produce a smooth transition between the transparent (or sometimes white) background and the black mask. But you can export an SVG graphic to a PNG (and others) bitmap at the exact size your current project requires, and you can use it to produce different sized bitmaps for different projects.
Then there is the less obvious reason: Creativity! Who says the bars have to be black? You can easily change their color, or even give each a different color. This is quite common in TV ads, by the way. But you can go beyond that. One of the strengths of the SVG format is its filters. So, instead of having just plain monotonous bars, you can make them look like pieces of wood or marble or whatever else your imagination offers. And that, to me, is the biggest reason to have these bars in the SVG format.
Because some video editors are quite sophisticated and others are quite simple, I am creating each of these as two separate files. One of them comes with a white background. After converting it to a bitmap, you just place it on the top video track (or layer, or whatever the software you use calls it) and set the track to ?multiply?. That way, the black bars will remain black, and the white portion will be replaced with whatever was below it. You should only use this method if your software does not support the one I shall describe next. That is because this method does not allow you to change the color of the bars to anything other than black and does not allow you to use SVG filters. I mean, theoretically you still can, but if you do, the bars will be blended with whatever is behind them instead of covering it up.
The second separate file still sets the background to white, but it also sets its opacity to 0. In other words, the white background is now completely 100% transparent. Again, set it at the top track/layer. The black (or whatever you change them to) bars will cover everything below them completely, while the transparent center will show anything below it.
So, to sum it all up, export the right file into PNG at the exact size you need, e.g., 1280x720 for a 720p project, 1920x1080 for a 1080p project, etc. Place the resultant bitmap on the top track/layer in your video editing software. Optionally, if you are using the non-transparent version, set the top track/layer to multiply. In some cases you may have to instruct your video editor to use the transparency correctly (Vegas Pro requires this sometimes, though not always, but it works once you tell it). Everything else should happen automatically.
By the way, when exporting to PNG, your software may just do it using whatever defaults its programmer decided on or it may offer you some options (and they may vary from software to software). If it does give you a choice, try selecting something like this: No dithering, no sophisticated resampling (just pick nearest, or nearest neighbor, if available), and pick 1 bit encoding (it can make the PNG file up to 32 times smaller). You definitely do not want Lanczos resampling, even though it is usually the best choice for most other things. That is because it would produce a fuzzy transition between the masked and the unmasked portions of the image, while for this particular purpose a sharp transition is generally what we want here.https://openclipart.org/detail/254582/hd-to-cell-phone-nontransparenthttp://creativecommons.org/licenses/publicdomain/HD to Cell Phone, transparenthttps://openclipart.org/detail/254581/hd-to-cell-phone-transparent
Wed, 06 Jul 2016 17:30:16 -0400AdamStanislavUse this to convert a video shot with the HDTV 16:9 aspect ratio compromise to the horrible 9:16 ratio resulting from shooting vertically with a cell phone. Obviously, you?d never make an HD video with that ridiculous aspect ratio, would you. :-0 After all, you?d even be rejected by America?s Funniest Videos! But, you might use this mask within the context of a proper video strictly to emulate a character talking on a cell phone. It has a transparent background.
This is one of the series of graphics I have created to allow masking of the contents of videos, so they appear to have a different aspect ratio. Some will make it appear more cinematic by adding a horizontal bar on the top and on the bottom of each video frame, creating the illusion of a wide screen image. Others will make it look more old-fashioned by adding a vertical bar at the left and right sides of each video frame, thus producing the illusion of classical cinema, which used the 1.33:1 ratio in the silent era and the academy ratio (1.375:1) once the sound film appeared. Additionally, before the big switch to digital TV, television used the 1.33:1 (4:3) ratio.
So, why use SVG vector graphics when similar masks are easy to find on the web in the PNG bitmap format? After all, video uses bitmap frames and most video editors cannot even read SVG files! The obvious answer is simple: Video files come in different formats. Take HD, for example, with its 16:9 ratio. There is the 720p standard, with 1280 pixels in each of its 720 rows. There is the 1080p standard, with 1920 pixels in each of its 1080 rows. Those were the original HD formats, both having the 16:9 ratio. Nowadays we have 4k UHDTV, with 3840 pixels in each of its 2160 rows; and 8k UHDTV with 7680 pixels in each of its 4320 rows. They, too, have the 16:9 ratio. And who knows what we will have in a few years!
Of course, you still can use the old PNG masks with any of these formats, you just have to tell your video editor to rescale the bitmap. Unfortunately, chances are the rescaling will produce a smooth transition between the transparent (or sometimes white) background and the black mask. But you can export an SVG graphic to a PNG (and others) bitmap at the exact size your current project requires, and you can use it to produce different sized bitmaps for different projects.
Then there is the less obvious reason: Creativity! Who says the bars have to be black? You can easily change their color, or even give each a different color. This is quite common in TV ads, by the way. But you can go beyond that. One of the strengths of the SVG format is its filters. So, instead of having just plain monotonous bars, you can make them look like pieces of wood or marble or whatever else your imagination offers. And that, to me, is the biggest reason to have these bars in the SVG format.
Because some video editors are quite sophisticated and others are quite simple, I am creating each of these as two separate files. One of them comes with a white background. After converting it to a bitmap, you just place it on the top video track (or layer, or whatever the software you use calls it) and set the track to ?multiply?. That way, the black bars will remain black, and the white portion will be replaced with whatever was below it. You should only use this method if your software does not support the one I shall describe next. That is because this method does not allow you to change the color of the bars to anything other than black and does not allow you to use SVG filters. I mean, theoretically you still can, but if you do, the bars will be blended with whatever is behind them instead of covering it up.
The second separate file still sets the background to white, but it also sets its opacity to 0. In other words, the white background is now completely 100% transparent. Again, set it at the top track/layer. The black (or whatever you change them to) bars will cover everything below them completely, while the transparent center will show anything below it.
So, to sum it all up, export the right file into PNG at the exact size you need, e.g., 1280x720 for a 720p project, 1920x1080 for a 1080p project, etc. Place the resultant bitmap on the top track/layer in your video editing software. Optionally, if you are using the non-transparent version, set the top track/layer to multiply. In some cases you may have to instruct your video editor to use the transparency correctly (Vegas Pro requires this sometimes, though not always, but it works once you tell it). Everything else should happen automatically.
By the way, when exporting to PNG, your software may just do it using whatever defaults its programmer decided on or it may offer you some options (and they may vary from software to software). If it does give you a choice, try selecting something like this: No dithering, no sophisticated resampling (just pick nearest, or nearest neighbor, if available), and pick 1 bit encoding (it can make the PNG file up to 32 times smaller). You definitely do not want Lanczos resampling, even though it is usually the best choice for most other things. That is because it would produce a fuzzy transition between the masked and the unmasked portions of the image, while for this particular purpose a sharp transition is generally what we want here.https://openclipart.org/detail/254581/hd-to-cell-phone-transparenthttp://creativecommons.org/licenses/publicdomain/Sentry Deployment Context Diagramhttps://openclipart.org/detail/252375/sentry-deployment-context-diagram
Thu, 16 Jun 2016 18:47:23 -0400kayal.vA graphic showing some users using some network or system.https://openclipart.org/detail/252375/sentry-deployment-context-diagramhttp://creativecommons.org/licenses/publicdomain/U-BOAThttps://openclipart.org/detail/222625/uboat
Tue, 14 Jul 2015 11:09:54 -0400Lazur URHJust one shape out of the original trash, in a new context. For dailysketch challenge 39.https://openclipart.org/detail/222625/uboathttp://creativecommons.org/licenses/publicdomain/das Boothttps://openclipart.org/detail/222624/das-boot
Tue, 14 Jul 2015 11:07:59 -0400Lazur URHJust one shape out of the original trash, in a new context. For dailysketch challenge 39.https://openclipart.org/detail/222624/das-boothttp://creativecommons.org/licenses/publicdomain/answerhttps://openclipart.org/detail/216199/answer
Thu, 19 Mar 2015 20:10:10 -0400Lazur URHNot sure of the concept and worldnews context behind the original gun, but felt to add my own spin to it.
Around here the communist regime took all the guns in 1956, and till today ordinary people cannot use firearm to protect themselves or their property. Do you think that outlaws take care of not using guns just because the government tells to do so?
(((The laws here are so weak today compared to the neighbouring countries that we have an import of criminals.
Not to mention we cannot force the current corrupt leaders out of the way.)))
Why not just lock the guns away from schizophrenic and mentally ill people?https://openclipart.org/detail/216199/answerhttp://creativecommons.org/licenses/publicdomain/TeX iconhttps://openclipart.org/detail/188822/tex-icon
Sat, 16 Nov 2013 10:46:06 -0400ousiaTex iconhttps://openclipart.org/detail/188822/tex-iconhttp://creativecommons.org/licenses/publicdomain/Dynamic Party Grouphttps://openclipart.org/detail/185093/dynamic-party-group
Thu, 17 Oct 2013 08:35:12 -0400j4p4nPictures are always so puzzeling out of context. Is the guy on the left the 'bad guy'? And if so, who are the three guys on the right? Are they all her boyfriends and the guy on the left is jealous? And what is she holding?!https://openclipart.org/detail/185093/dynamic-party-grouphttp://creativecommons.org/licenses/publicdomain/Person Iconhttps://openclipart.org/detail/177854/person-icon
Tue, 07 May 2013 09:49:53 -0400thekuaIcon for representing a personhttps://openclipart.org/detail/177854/person-iconhttp://creativecommons.org/licenses/publicdomain/Blood Drophttps://openclipart.org/detail/154351/blood-drop
Mon, 08 Aug 2011 11:34:17 -0400prapanjA drop of blood. I hope this can be used in many relevant contexts like life, blood donation, health etc.https://openclipart.org/detail/154351/blood-drophttp://creativecommons.org/licenses/publicdomain/Showerhttps://openclipart.org/detail/131437/shower
Wed, 06 Apr 2011 15:47:56 -0400rootworksSimple round icon of a shower head. Can be used with other icons within context of accommodation facilities.https://openclipart.org/detail/131437/showerhttp://creativecommons.org/licenses/publicdomain/Scales of Justice (Colored Glassy Effect Derivative)https://openclipart.org/detail/40999/scales-of-justice-colored-glassy-effect-derivative
Thu, 08 Apr 2010 22:13:48 -0400dh003iA colored derivative of johnny_automatic's scales of justice with glassy effects. https://openclipart.org/detail/40999/scales-of-justice-colored-glassy-effect-derivativehttp://creativecommons.org/licenses/publicdomain/Parkinghttps://openclipart.org/detail/21833/parking
Wed, 04 Mar 2009 22:42:35 -0400paulo_tavaresParking traffic sign
Can be used in other context as a metaphorhttps://openclipart.org/detail/21833/parkinghttp://creativecommons.org/licenses/publicdomain/hero in contexthttps://openclipart.org/detail/19443/hero-in-context
Sat, 27 Sep 2008 16:02:10 -0400yishdemonstrate the context element of narrativehttps://openclipart.org/detail/19443/hero-in-contexthttp://creativecommons.org/licenses/publicdomain/abstracted group interaction (2)https://openclipart.org/detail/14056/abstracted-group-interaction-2
Fri, 15 Feb 2008 10:59:29 -0400cibo00Abstracted representation of group interaction taking place between different individuals. The thin line around each circle represents whatever you notice first (observable or readily detectable characteristics). The inside of each circle reflects all deep-level characteristics someone has (e.g., skills, knowledge, experience, education, attitudes, empathy, assertiveness, etc.). Each arrow represents the type of communication taking place between each individual. Anyone is free to interpret the meaning of each color, because it may vary across different groups, people, and situations.https://openclipart.org/detail/14056/abstracted-group-interaction-2http://creativecommons.org/licenses/publicdomain/abstracted group interaction (1)https://openclipart.org/detail/13993/abstracted-group-interaction-1
Thu, 26 Apr 2007 11:46:29 -0400cibo00Abstracted representation of group interaction taking place between different individuals. The thin line around each circle represents whatever you notice first (observable or readily detectable characteristics). The inside of each circle reflects all deep-level characteristics someone has (e.g., skills, knowledge, experience, education, attitudes, empathy, assertiveness, etc.). Each arrow represents the type of communication taking place between each individual. Anyone is free to interpret the meaning of each color, because it may vary across different groups, people, and situations.https://openclipart.org/detail/13993/abstracted-group-interaction-1http://creativecommons.org/licenses/publicdomain/Jamie O'Shea Reachinghttps://openclipart.org/detail/6815/jamie-oshea-reaching
Fri, 12 Oct 2007 22:54:48 -0400SteveLambertColor drawing of man facing away from view reaching upward. Could be waving depending on context.https://openclipart.org/detail/6815/jamie-oshea-reachinghttp://creativecommons.org/licenses/publicdomain/Context Diagram, Data Flow Diagramhttps://openclipart.org/detail/5266/context-diagram-data-flow-diagram
Thu, 06 Sep 2007 04:35:03 -0400cfryA collection of graphics for creating context diagrams. Context diagrams are useful for modelling business operations and the scope of a system.https://openclipart.org/detail/5266/context-diagram-data-flow-diagramhttp://creativecommons.org/licenses/publicdomain/