Create a nice SVG icon from a bitmap and use it in your Symbian app: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
'''English''' [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianAppSpanish|Spanish]] [[ | '''English''' [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianAppSpanish|Spanish]] [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianApp_Italian|Italian]] | ||
[[Category:Learning]]<br />[[Category:HowTo]] | |||
= | = Create a nice SVG icon from a bitmap and use it in your Symbian app = | ||
Scalable Vector Graphics | == Scalable Vector Graphics == | ||
Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for describing two-dimensional vector graphics which are used for icons of Symbian applications. SVG specification is an open standard which is maintained by World Wide Web Consortium (W3C). | |||
Thought this might be usefull for some of you. This one assumes you do | == HowTo == | ||
Thought this might be usefull for some of you. This one assumes you do NOT have access to a nice .svg, but needs to create one from a bitmap. Note: make sure you’ve got the rights for it – don’t steal. | |||
# Find a bitmap of at least 400×400px of what you want as the icon | # Find a bitmap of at least 400×400px of what you want as the icon | ||
# Crop and clean in | # Crop and clean in "Gimp&quot;:http://www.gimp.org/ (or whatever you use) | ||
# Open | # Open "Inkscape&quot;:http://inkscape.org/ | ||
# Open your bitmap (embed or link doesn’t really matter) | # Open your bitmap (embed or link doesn’t really matter) | ||
# Select the bitmap with the cursor | # Select the bitmap with the cursor | ||
| Line 24: | Line 26: | ||
# Save the .svg | # Save the .svg | ||
# Convert it with S60tools/svg2svgt | # Convert it with S60tools/svg2svgt | ||
# Point out the file in your .pro file by adding <code>ICON = myapp.svg<code> where myapp.svg is your svg icon | |||
# Run '''qmake''' again and compile a new .sis | # Run '''qmake''' again and compile a new .sis | ||
# Install and enjoy | # Install and enjoy | ||
Revision as of 11:18, 24 February 2015
Create a nice SVG icon from a bitmap and use it in your Symbian app
Scalable Vector Graphics
Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for describing two-dimensional vector graphics which are used for icons of Symbian applications. SVG specification is an open standard which is maintained by World Wide Web Consortium (W3C).
HowTo
Thought this might be usefull for some of you. This one assumes you do NOT have access to a nice .svg, but needs to create one from a bitmap. Note: make sure you’ve got the rights for it – don’t steal.
- Find a bitmap of at least 400×400px of what you want as the icon
- Crop and clean in "Gimp":http://www.gimp.org/ (or whatever you use)
- Open "Inkscape":http://inkscape.org/
- Open your bitmap (embed or link doesn’t really matter)
- Select the bitmap with the cursor
- Open Path > Trace bitmap
- Select Colors in the Multiple scans option
- Play around with the Scans value and click Update
- Once happy click Ok and close the dialog
- Move the new traced bitmap away, and delete the actual bitmap underneath it
- Make a square with rounded corners and put it below the traced bitmap
- Save the .svg
- Convert it with S60tools/svg2svgt
- Point out the file in your .pro file by adding
ICON = myapp.svgwhere myapp.svg is your svg icon - Run qmake again and compile a new .sis
- Install and enjoy