Create a nice SVG icon from a bitmap and use it in your Symbian app: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
No edit summary
 
(Mark Outdated: Symbian no longer supported)
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
'''English''' [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianAppSpanish|Spanish]] [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianApp Italian|Italian]]
{{Outdated|reason=The Symbian platform is no longer supported.}}
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}


=Create a nice <span class="caps">SVG</span> icon from a bitmap and use it in your Symbian app=
'''English''' [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianAppSpanish|Spanish]] [[CreateANiceSVGIconFromABitmapAndUseItInYourSymbianApp_Italian|Italian]]


==Scalable Vector Graphics==
[[Category:Learning]]
[[Category:HowTo]]


Scalable Vector Graphics (<span class="caps">SVG</span>) is a family of specifications of an <span class="caps">XML</span>-based file format for describing two-dimensional vector graphics which are used for icons of Symbian applications. <span class="caps">SVG</span> specification is an open standard which is maintained by World Wide Web Consortium (W3C).
= Create a nice SVG icon from a bitmap and use it in your Symbian app =


==HowTo==
== Scalable Vector Graphics ==


Thought this might be usefull for some of you. This one assumes you do <span class="caps">NOT</span> 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.
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
# Find a bitmap of at least 400×400px of what you want as the icon
# Crop and clean in [http://www.gimp.org/ Gimp] ''[gimp.org]'' (or whatever you use)
# Crop and clean in [http://www.gimp.org/ Gimp] (or whatever you use)
# Open [http://inkscape.org/ Inkscape] ''[inkscape.org]''
# Open [http://inkscape.org/ Inkscape]
# 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
# Open '''Path &gt; Trace bitmap'''
# Open '''Path > Trace bitmap'''
# Select '''Colors''' in the Multiple scans option
# Select '''Colors''' in the Multiple scans option
# Play around with the '''Scans''' value and click '''Update'''
# Play around with the '''Scans''' value and click '''Update'''
Line 24: Line 30:
# 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
You don’t get perfect results, but it’s OK as a start
===Categories:===
* [[:Category:HowTo|HowTo]]
* [[:Category:Learning|Learning]]

Latest revision as of 15:17, 19 March 2015

IMPORTANT: The content of this page is outdated. Reason: The Symbian platform is no longer supported.
If you have checked or updated this page and found the content to be suitable, please remove this notice.
This article may require cleanup to meet the Qt Wiki's quality standards. Reason: Auto-imported from ExpressionEngine.
Please improve this article if you can. Remove the {{cleanup}} tag and add this page to Updated pages list after it's clean.

English Spanish Italian

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.

  1. Find a bitmap of at least 400×400px of what you want as the icon
  2. Crop and clean in Gimp (or whatever you use)
  3. Open Inkscape
  4. Open your bitmap (embed or link doesn’t really matter)
  5. Select the bitmap with the cursor
  6. Open Path > Trace bitmap
  7. Select Colors in the Multiple scans option
  8. Play around with the Scans value and click Update
  9. Once happy click Ok and close the dialog
  10. Move the new traced bitmap away, and delete the actual bitmap underneath it
  11. Make a square with rounded corners and put it below the traced bitmap
  12. Save the .svg
  13. Convert it with S60tools/svg2svgt
  14. Point out the file in your .pro file by adding ICON = myapp.svg where myapp.svg is your svg icon
  15. Run qmake again and compile a new .sis
  16. Install and enjoy
Retrieved from "https://wiki.qt.io/index.php?title=Create_a_nice_SVG_icon_from_a_bitmap_and_use_it_in_your_Symbian_app&oldid=14631"