Difference between revisions of "GPG guide/Graphics Howto"
From LibrePlanet
(→Graphics Howto: Add column with SVG name) |
m |
||
Line 1: | Line 1: | ||
− | + | =Graphics Howto= | |
Line 73: | Line 73: | ||
The fonts are in [https://static.fsf.org/nosvn/enc-dev0/fonts/ static.fsf.org/nosvn/enc-dev0/fonts/]. | The fonts are in [https://static.fsf.org/nosvn/enc-dev0/fonts/ static.fsf.org/nosvn/enc-dev0/fonts/]. | ||
− | + | ==To edit an SVG and export it to PNG== | |
+ | ===Edit=== | ||
* Open the svg in Inkscape (program messages are from the English version). | * Open the svg in Inkscape (program messages are from the English version). | ||
Line 81: | Line 82: | ||
** Select the text with the arrow tool at the top of the vertical toolbox (double-click to degroup the image if it is not selected right away). | ** Select the text with the arrow tool at the top of the vertical toolbox (double-click to degroup the image if it is not selected right away). | ||
** Move the right horizontal scaling arrow (if there is no horizontal arrow on the right side of the text area, it means that you are in the rotation menu; to go back to the scaling menu, click a second time on the text area with the arrow selection tool). | ** Move the right horizontal scaling arrow (if there is no horizontal arrow on the right side of the text area, it means that you are in the rotation menu; to go back to the scaling menu, click a second time on the text area with the arrow selection tool). | ||
− | + | ===Export to PNG=== | |
− | + | *Choose menu File/Export Bitmap | |
− | ** | + | ** Export Area: choose "drawing". |
− | ** | + | ** Bitmap Size: fill with width of the target png. The height of the target will be automatically calculated. If needed, you can change the Export Area Height to fit the desired target size. |
− | ** | + | ** Filename: the complete path to the target PNG (make sure that the directory is [...]/enc/static/img/[LANG]/). |
Revision as of 16:25, 26 July 2014
Graphics Howto
There are 14 pngs to localize:
SVG name | PNG name | PNG size (Width x Height) |
---|---|---|
donate.svg | donate.png | 160 x 45 |
gnupg-infographic.svg | full-infographic.png | 749 x 2933 |
infographic.svg | infographic-button.png | 253 x 300 |
join.svg | join.png | 160 x 49 |
adele.svg | section3-try-it-out.png | 600 x 425 |
web-of-trust.svg | section4-web-of-trust.png | 600 x 436 |
identity.svg | section5-01-use-it-well.png | 600 x 280 |
section5-02-use-it-well.svg | section5-02-use-it-well.png | 600 x 404 |
elements.svg | section6-next-steps.png | 600 x 365 |
step1a-install-wizard.svg | step1a-install-wizard.png | 600 x 438 |
step1b-01-tools-addons.svg | step1b-01-tools-addons.png | 600 x 438 |
step1b-02-search.svg | step1b-02-search.png | 844 x 575 |
step1b-03-install.svg | step1b-03-install.png | 844 x 575 |
step2a-01-make-keypair.svg | step2a-01-make-keypair.png | 600 x 457 |
You may need to install the following fonts:
- Dosis
- Archivo Narrow
- Roboto
- PXL-2000-12-0
The fonts are in static.fsf.org/nosvn/enc-dev0/fonts/.
To edit an SVG and export it to PNG
Edit
- Open the svg in Inkscape (program messages are from the English version).
- Display/Zoom to a convenient size.
- Select the text with the A tool (vertical toolbox) and edit it; adjust the font if needed (T menu, in the horizontal menu bar).
- If the text area takes up too much space and you can't use a narrower font, you can adjust its size:
- Select the text with the arrow tool at the top of the vertical toolbox (double-click to degroup the image if it is not selected right away).
- Move the right horizontal scaling arrow (if there is no horizontal arrow on the right side of the text area, it means that you are in the rotation menu; to go back to the scaling menu, click a second time on the text area with the arrow selection tool).
Export to PNG
- Choose menu File/Export Bitmap
- Export Area: choose "drawing".
- Bitmap Size: fill with width of the target png. The height of the target will be automatically calculated. If needed, you can change the Export Area Height to fit the desired target size.
- Filename: the complete path to the target PNG (make sure that the directory is [...]/enc/static/img/[LANG]/).