Posts

Showing posts from October, 2012

Crop an image with the Fill Pattern command in Inkscape

Image
In Inkscape there is no direct image crop command similar to Photoshop's Image Crop command. But it is still possible to crop an image in Inkscape indirectly using the Fill Pattern command. An example of a cropped image is the screenshot on the right. The example below shows how it is done. Start Inkscape . Drag and drop an image file onto the page. The "image" Input dialog box appears . Click OK . The image is displayed . Use any vector placement commands to draw the cropping boundary e.g. the Create circles, ellipses, arcs (F5) command. Press F1 and select the image. Select Object | Pattern | Objects to Pattern . The image pattern is created . Delete the image. Select the cropping boundary. If the Fill and Stroke pane is not displayed, select Object | Fill and Stroke . The Fill and Stroke pane is displayed . In the Fill tab, click the Pattern icon. If necessary, choose a pattern from the Pattern Fill combo box. The image is displayed cropped within t...

How to make an Android menu icon using Inkscape

Image
The Android 2.3 Gingerbread menu icons have a standard look and feel to them, according to the Android Menu Icons Design Guide at  http://developer.android.com/guide/practices/ui_guidelines/icon_design_menu.html . It is possible to use Inkscape to create menu icons for Android as illustrated in the steps below. Create and setup the document Run Inkscape . Select File | Document Properties . The Document Properties dialog box appears . In the Width and Height fields, type in the largest menu icon hdpi size e.g. 72 pixels. Close the dialog box. Use the Create Rectangles and Squares (F4) command and place a square on the page to serve as the recommended bounding box 48x48 pixels for the icon. Select the rectangle. Change the Width and Height to 48 pixels. Select Object | Align and Distribute . The Align and Distribute pane appears . Set the Align Relative to Page . Click on the Center to Vertical Axis and Center to Horizontal Axis buttons.  Select Layer | L...