Questions tagged [sketch-app]

Questions about Bohemian Coding's Sketch.app, a vector-based interface (UI) design application for macOS.

Filter by
Sorted by
Tagged with
17
votes
9answers
54k views

Exporting a slice in Sketch with transparent background around

Using Sketch 3 want to export an icon, the icons themselves are 24x24 but they sit within an area of 32x32. I've figured out how to do it by combining two different layers one 24x24 and the other ...
-3
votes
1answer
2k views

Layer not being correctly exported in Sketch

I have a layer of 82% opacity on top of a background. When I choose to export only that layer, Sketch exports it with the background beneath it. If I try to hide the background, then it exports the ...
3
votes
3answers
584 views

Sketch subtract weird result

I have some text that I converted to outlines in sketch. Now I'd like to cut out some circles from the text, so that it looks like somebody has taken a bite out of it. When I select the circle and ...
0
votes
1answer
434 views

Export layer coordinates - Sketch 3

How can you export the (x,y) coordinates of a layer with the rest of CSS properties? I can't export position values even placing them at 0,0
0
votes
2answers
6k views

Sketch 3 - Export Layer without transparent pixels

I have created an artboard with some shapes overlay on each other. I want create a png export from the red one.(its actual size is 111*111) but when I drag and drop the red layer to the finder, its ...
1
vote
1answer
808 views

How to trim part of object after subtraction?

I'm using Sketch 3 to make a horizontal subtraction composed by four ovals out of a rectangle. See images: Problem is though that the rectangle is still in "one piece". I can't simply delete the ...
2
votes
1answer
3k views

Join paths in shape in Sketchapp

I'm trying to make simple icons to use with Fontello. When I export what I've made as an svg and try importing it to fontello, it won't import it properly and it complains: "If image looks not as ...
4
votes
1answer
9k views

Creating a blurred ios 7 notification drawer style background

I'm new to sketch 3 and I really want to create that blurry background you have over the icons when you pull it down. I've followed a tutorial for blur in Sketch 3 but I didn't achieve exactly what I ...
2
votes
2answers
4k views

sketch3: how do you "swap symbols"?

In the document of Sketch3, I found that there is a function called "swap symbols", literally I think it can swap symbols of similar styles on canvas, but I can't find where the operation is located ...
1
vote
3answers
21k views

SKETCH : How to updade a Button's Symbols but not change the TextLabel's content?

So that the text can be updated freely without duplicating itself to all button instances? In other words, the button symbol just retains the styles and not the content. The closest thing i found ...
4
votes
1answer
3k views

How to reverse path orientation in Sketch.app

I was having difficulties when trying to subtract one shape from another: (the selected triangle should appear as negative space) which seemed like a bug until I tried to flip the triangle ...
6
votes
3answers
13k views

Delete anchor point in Sketch 3

I have a shape consisting of three anchor points. Now I want to delete one anchor point leaving the space between the two adjacent anchor points empty. So I follow the tried old Illustrator approach, ...
5
votes
1answer
28k views

How to fade two images together in Sketch

Is it possible in Sketch3 to do a mask w/ a gradient to make these two images seemless? Basically this technique (for photoshop) http://www.wikihow.com/Fade-One-Image-Onto-Another-in-Photoshop ...how ...
0
votes
1answer
39 views

How do I apply radius properly to the end points of this shape?

I want a radius on the two end points similar to the other corners. https://www.dropbox.com/sh/kg6vznyfnkcxm2e/AAC_NSaCXkcRZvgsRXM0Yy4Ya?dl=0
9
votes
3answers
14k views

Exporting from Sketch for icon font

I am trying to export SVG icons from Sketch to import into Fontello, however the SVG's don't appear to be correct for the app (they also do not work in IcoMoon). The icon I am trying to create as a ...
0
votes
1answer
712 views

How to move a path object in Sketch 3?

I use Sketch 3 but why does it not allow me to move the created path object to another location by dragging and dropping it? I can grab any objects such as oval or rectangle but I cannot grab objects ...
1
vote
1answer
3k views

Snapping 2 objects together in Sketch 3

I am trying to use Sketch 3 to create some SVG icons. One of the big reasons I am using SVG icons is the ability to have multiple color however to do that, the SVG must be multiple shapes. The ...
12
votes
2answers
71k views

How to remove background in sketch?

I've got an image I'm trying to remove the background from and I'm not really sure how that would be done with Sketch. Any tips would be greatly appreciated!
1
vote
2answers
3k views

Sketch: Apply a bitmap mask to a group of vectors

Is this something that's possible? "Use a mask" is disabled over a group of vectors. Example:
2
votes
2answers
736 views

Convert shadow to path sketch 3

Is it possible to convert the shadow of a element to a path and then flatten it in sketch 3?
0
votes
3answers
1k views

Delete or straighten one of two anchor point handles in sketch 3

How would you go about deleting or straightening one anchor point handle, while keeping the opposite handle intact?
1
vote
1answer
12k views

How to pull out the guides from ruler like photoshop in sketch 3?

I am learning sketch 3. I need to create new guides. Smart guides can't help me in sketch 3. Is there a way to do this? Thank you very much!
5
votes
1answer
763 views

How do I replicate the Apple Family Sharing Icon

I was trying to replicate the following icon from Apple as a practice. I like the gradient effect but it seem to be shared by all the circles and the base. And there is also a opacity change, where ...
4
votes
3answers
6k views

Specify center of rotation in Sketch

Is there a way to specify the center of rotation in Sketch? Normally it simply rotates the object around its center. If there is no native way maybe it's possible to write a plugin!?
3
votes
1answer
4k views

How to subtract multiple subpaths from a shape easily in Illustrator or Sketch?

I am using Sketch (app) that has Boolean drawing operations (like subtract, union, intersect...) as in Illustrator. In my file I have four ring shapes. They are not strokes but more like circles with ...
0
votes
1answer
963 views

Modifying Fonts with Sketch 3

Is is possible to modify fonts in Stetch 3? If so, what are the best techniques for doing so?
22
votes
2answers
11k views

Scaling a symbol in Sketch scales all instances of that symbol

Title pretty much says it all, but the problem is simple. Say I have a logo imported from illustrator or whatever. I make it a symbol, and then I use it in one place in my design. Looks great. But ...
10
votes
2answers
17k views

How to use Fibonacci numbers / Golden Ratio in logo design in Illustrator or Sketch?

I am trying to get into Fibonacci/Golden Ratio logos for some university work however I'm fairly new to Illustrator. I've used Photoshop for about 8 years and Sketch v3 since it was released. However, ...
7
votes
2answers
3k views

Different color when exporting png in Sketch 2

I have a problem when I'm exporting a .png file in Sketch 2. I have an icon with the background color of #8FBE00 but when I'm exporting it as a .png file the background color is #8EC003. I have ...
15
votes
3answers
40k views

How can I alter a square image into a circular one in Sketch?

I want to take a rectangular image in Sketch and give it a circle/radius style. For example:
9
votes
2answers
18k views

How can I connect two disjoint paths in Sketch App?

For example if I draw a oval and then want to paint part of it into different color, how can I connect edge points of my new path with oval?
1
vote
2answers
6k views

Problems exporting SVGs from Sketch 3

I go to export assets from Sketch as SVG files. I have a few problems... If I select the assets and it automatically slices it, I then save out the SVG file and it gets cut off. circle icon example ...
4
votes
2answers
9k views

Subtracting two shapes in Sketch produces odd result

I'm trying to subtract two shapes in Sketch 3.0.3. One outer oval and one inner oval, with the inner one being a partially cut out oval shape (shown in green). This is before: And this is after ...
1
vote
1answer
4k views

Sketch 3 exported png size different from layer

I'm having an issue exporting some icons from sketch to .png files. The layers is are 144 x 144 but when I try exporting them I get a 152 x 152 size .png file. I have enabled the trim transparent ...
15
votes
7answers
46k views

Sketch - Arc Shape?

Is it possible to produce an arc shape with given start and sweep angle? (Using Sketch 3.0 by bohemian.coding)
1
vote
1answer
221 views

How can I see if it is a circle or a path in Sketch?

I have a circle-like path in Sketch. How can I now see if it's really a circle (i.e it was created with the Oval tool) or if it's just a path with the shape of a circle. They look the same and all the ...
12
votes
6answers
53k views

Resize artboard to content in Sketch

Does the Sketch app provide something like a "resize artboard to content" command? If yes, where can I find it?
2
votes
3answers
8k views

Resetting rulers to origin in Sketch 3

I'm currently discovering Sketch 3, and I stumbled on a problem for which I can't seem to find a solution! Coming from Photoshop, to add guide lines to my document, I went to click and drag from the ...
0
votes
2answers
378 views

Shape Points Not Align in Sketch

For some reason after working with a shape for a little while, the transform the points (corners, edges, whatever) get out of alignment. Notice below in the rectangle in the middle.
2
votes
2answers
266 views

How do I stop Sketch from reseting the shape (reverting) after changing corner radius?

When I change a shape's border radius after editing the vector points, it snaps back to the original shape. Any ideas?
1
vote
1answer
5k views

Make two vector points move together (Sketch or Illustrator)

I'm trying to speed up my workflow by making vector points move in the opposite direction simultaneously when I have two highlighted. For instance, below I highlight the top and bottom of the arrow so ...
13
votes
3answers
61k views

Expand a shape in Sketch

Is there a way in Sketch to expand a shape? For example, let's say I have an outline of something. I'd like to expand that outline to be a solid shape so I can apply boolean operations to it with ...
3
votes
1answer
7k views

Sketch - Export layers and keep the layer size?

So, I have my layers and when I go to File > Add Slices For Selection to slice the images and then export. They are coming out with the wrong size, if you take the star, it has a width of 40px on ...
2
votes
1answer
8k views

If I wanted to create my resume in Illustrator/Sketch what pixel dimensions should I use?

If I create a 8.5x11in file in Photoshop, it works out to 612x792. If I want to create a resume in Illustrator or another program like Sketch by Bohemian Coding should I use that size? Or would it be ...
13
votes
3answers
11k views

When I create an arrow in Sketch and enlarge it, the tail bursts out of the arrow

I've been creating an arrow in Sketch and whenever I adjust the Size property of the border, it decides to burst out the side of the < part of the arrow. Is there anyway to fix this, or am I ...
1
vote
4answers
2k views

Wondering how to achieve this blur text effect, hopefully in Sketch

Is there any way to easily generate this? thanks!

1
9 10 11 12
13