[GET] Sparkol Pack Images updated collection repacked PNG + SVG Files

[DarkShadow]

Boys and Girls I test the PNG file and used in sparkol video scribe. And Walahhh It works. So png extension can work in sparkol video scribe. I used sparkol pro edition
SPARKOL VIDEO I CREATED

Magic Button :

Code:

https://my.pcloud.com/#page=publink&code=XZli3ZbAvPXazJ3YXw7QSuAmQNk526gq2X

using PNG image source here

Magic Button :

Code:

https://my.pcloud.com/#page=publink&code=XZ6i3Z9IoBRlf20y8WckUJFApTtR2LcOFk

[bluefrog]

lol yes, but if you used videoscribe on a regular basis like some of us, you will know the difference.

Try adding one of the non-png files and see the immediate and dramatic difference it makes. Nobody is saying the pngs DONT work, just they dont work correctly.

[divingdiver]

for anyone who doesn't understand the difference of SVG and PNG, watch this video http://www.youtube.com/watch?v=N21bvuzeeD4 , I buy this product for $9 per month anyway, I think he has some special discount somewhere, but not really remember it.

DD

[HotHat]

To make SVGs work in Sparkol the simple conversion from bitmap format to vector SVG is not enough. As someone posted before you need to trace the image (the process of creation of filling and strokes). But it's not enough, you need to create a new layer with a pencil line that fully cover your image and this layer has to be moved on the back.
This layer will tell Sparkol how to draw those nice animations.

P.S.:
for all lazy asses all this infd can be easily found on Youtube

[gnucanuck]

I agree with HotHat in that there is alot of tutorials on what and how to do at good ole YouTube. Great research tool. So USE IT!!!!

Cheers,

gnucanuck

[Gabby]

thank you...

[GoWork]

You guys still have not unveil the full power of the PNG images... When I have time I will do a tutorial on it.

[ebizmoney]

One of the real keys to png files (for me at least) is they don't lose quality during editing. I usually edit them to my hearts content and when I have what I want, then I easily convert them to svg images, preserving the design aspects and giving it a kind of responsive type of feel, in that no matter the resolution it always appears sharp and crisp. I'm not a graphic designer or anything but for anyone interested in a quick and easy png-to-svg method here are the steps I use to convert my png images to svg images (and more importantly make sure the coding is right) using Inkscape...

1. Grab a copy of Inkscape and install it you don't already have it

2. Open Inkscape --> File --> Open --> choose your PNG file (make sure "Imbed" is selected when the message box appears)

3. Click once on the image to select it --> click "Path" --> "Trace Bitmap" from the Inkscape toolbar

4. The Trace Bitmap Box opens --> click "Update" --> "OK" --> and then close the box - your image has been traced

5. The image you see now should be named "Path" which you can verify by looking at the bottom of the screen just under the color selector with all the pretty colors and the selected image will say "Path", nodes, yada yada yada

6. Since it's already selected just drag your new "Path" image to another part of the screen (anywhere is OK for now)

7. Presto! You now have 2 images, select and delete the original png image (Don't worry when you close the application don't save any of the changes and you won't harm your original png image file)

8. Click once of the new svg image and drag it back to original work space frame (the square area where the png file was)

9. Go to "File" --> "Save As" and save as a "Plain svg" format - done!

You can upload your svg file into Sparkol or choose it from your HDD when you're ready to use it. Hopes this helps end someone's frustration. Enjoy!

[DarkShadow]

(06-02-2014 09:42 PM)HotHat Wrote:  To make SVGs work in Sparkol the simple conversion from bitmap format to vector SVG is not enough. As someone posted before you need to trace the image (the process of creation of filling and strokes). But it's not enough, you need to create a new layer with a pencil line that fully cover your image and this layer has to be moved on the back.
This layer will tell Sparkol how to draw those nice animations.

P.S.:
for all lazy asses all this infd can be easily found on Youtube

Nice tips @HotHat

---

(06-03-2014 07:34 AM)ebizmoney Wrote:  One of the real keys to png files (for me at least) is they don't lose quality during editing. I usually edit them to my hearts content and when I have what I want, then I easily convert them to svg images, preserving the design aspects and giving it a kind of responsive type of feel, in that no matter the resolution it always appears sharp and crisp. I'm not a graphic designer or anything but for anyone interested in a quick and easy png-to-svg method here are the steps I use to convert my png images to svg images (and more importantly make sure the coding is right) using Inkscape...

1. Grab a copy of Inkscape and install it you don't already have it

2. Open Inkscape --> File --> Open --> choose your PNG file (make sure "Imbed" is selected when the message box appears)

3. Click once on the image to select it --> click "Path" --> "Trace Bitmap" from the Inkscape toolbar

4. The Trace Bitmap Box opens --> click "Update" --> "OK" --> and then close the box - your image has been traced

5. The image you see now should be named "Path" which you can verify by looking at the bottom of the screen just under the color selector with all the pretty colors and the selected image will say "Path", nodes, yada yada yada

6. Since it's already selected just drag your new "Path" image to another part of the screen (anywhere is OK for now)

7. Presto! You now have 2 images, select and delete the original png image (Don't worry when you close the application don't save any of the changes and you won't harm your original png image file)

8. Click once of the new svg image and drag it back to original work space frame (the square area where the png file was)

9. Go to "File" --> "Save As" and save as a "Plain svg" format - done!

You can upload your svg file into Sparkol or choose it from your HDD when you're ready to use it. Hopes this helps end someone's frustration. Enjoy!

Nice tutorial ebizmoney you rock! great help to those who doesn't know how to convert svg to png

[ebizmoney]

(06-03-2014 07:55 AM)melwebdesign Wrote:  

(06-02-2014 09:42 PM)HotHat Wrote:  To make SVGs work in Sparkol the simple conversion from bitmap format to vector SVG is not enough. As someone posted before you need to trace the image (the process of creation of filling and strokes). But it's not enough, you need to create a new layer with a pencil line that fully cover your image and this layer has to be moved on the back.
This layer will tell Sparkol how to draw those nice animations.

P.S.:
for all lazy asses all this infd can be easily found on Youtube

Nice tips @HotHat

---

(06-03-2014 07:34 AM)ebizmoney Wrote:  One of the real keys to png files (for me at least) is they don't lose quality during editing. I usually edit them to my hearts content and when I have what I want, then I easily convert them to svg images, preserving the design aspects and giving it a kind of responsive type of feel, in that no matter the resolution it always appears sharp and crisp. I'm not a graphic designer or anything but for anyone interested in a quick and easy png-to-svg method here are the steps I use to convert my png images to svg images (and more importantly make sure the coding is right) using Inkscape...

1. Grab a copy of Inkscape and install it you don't already have it

2. Open Inkscape --> File --> Open --> choose your PNG file (make sure "Imbed" is selected when the message box appears)

3. Click once on the image to select it --> click "Path" --> "Trace Bitmap" from the Inkscape toolbar

4. The Trace Bitmap Box opens --> click "Update" --> "OK" --> and then close the box - your image has been traced

5. The image you see now should be named "Path" which you can verify by looking at the bottom of the screen just under the color selector with all the pretty colors and the selected image will say "Path", nodes, yada yada yada

6. Since it's already selected just drag your new "Path" image to another part of the screen (anywhere is OK for now)

7. Presto! You now have 2 images, select and delete the original png image (Don't worry when you close the application don't save any of the changes and you won't harm your original png image file)

8. Click once of the new "Path" image and drag it back to original work space frame (the square area where the png file was)

9. Go to "File" --> "Save As" and save as a "Plain svg" format - done!

You can upload your svg file into Sparkol or choose it from your HDD when you're ready to use it. Hopes this helps end someone's frustration. Enjoy!

Nice tutorial ebizmoney you rock! great help to those who doesn't know how to convert svg to png

Always happy to help and thanks for the love mate!