Instructions for editing photos in Sketch

Photos or bitmaps are a common type of layer in Sketch graphics software. The image usually takes many forms such as screenshot (screenshot) or photograph (photograph). In the Sketch app, you cannot edit or manipulate images as easily as with vector shapes .

Although not strictly necessary, users can still convert any layer in Sketch into an independent bitmap. Choose Layer > Flatten Selection to Bitmap in the menu to get started.

Sketch Sketch for Mac

Reduce the image size

When working in Sketch, you often add photos to your designs. It could be a photo taken with specialized equipment or a screenshot. The more things you add to your design, the bigger and more complex the file is.

As the overall file size increases, Sketch will take a long time to preview each part. That is why you need to resize the image before putting it into the canvas. Choose Layer > Image > Minimize File Size in the menu. Sketch will optimize the image to improve your performance.

Replace photos

It is not difficult for you to change photos in Sketch. Just select the image, then click Layer > Image > Replace ... and then select the new replacement image from the dialog box. This method will retain the style characteristics and image size. Alternatively, you can press Control + Click on the image and select Replace Image ... from the shortcut menu.

If you want the image to return to its original size, choose Layer > Image > Set to Original Dimensions.

Data

Sketch users can add random images to the shape layer using the dataset from the Data menu. After selecting the layer, for example, selecting Faces from the menu, the randomly selected header will appear on this layer. Or we can select random data when pressing the shortcut Shift-Command-D.

Edit bitmap

Sketch provides some basic bitmap editing features so you can use it right away without the need for third-party tools.

To edit an image, select it on the canvas and double-click. Inspector will update and display the 2 tools respectively. First you have to select an area on the canvas, then select the corresponding tool:

• Selection: select the square area on the image.
• Magic Wand: click and drag anywhere on the image to select an area. It may be pulled further than the original position to increase the tolerance.

Note that we can hold down the Shift key to add the existing selection, use the Option key to exclude. After selecting the area, users will easily cut or copy that area, use for new bitmap layer or choose one of two options of Inspector:

• Invert: the unchecked area will be selected and vice versa.
• Crop: Crop the layer containing only the selected area.

Once done, click outside the image or press Return or Escape to exit.

Color edition

If you want to process image colors, use the Color Adjust panel in the Inspector. Here, Sketch allows changing colors, saturation, brightness and contrast very quickly, simply.

Note: this is a temporary effect if you can change these values ​​again at any time.

Above is a simple photo editing tutorial in Sketch. If you want to process more in depth, you can edit photos with PhotoShop , GIMP ... before putting in Sketch to get the best results.