How do photoshop users migrate to sketch?

According to a team, since the whole division is equipped with a MacBook, the design department colleagues have to replace Photoshop sketch, the change process for a considerable period of time, so leave this text, teach you how to move from Photoshop to sketch, those who are ready to transfer positions of students, Save time from the beginning of this article.

@Teambition: Sketch can be said to be the best alternative to Photoshop, and it focuses more on the design of the user interface than Photoshop. Although the current sketch material is still too few, but I am working to solve this problem.

Note: You can make progress by analyzing and even reusing other people's work, and then start creating your own work. As you study, recreate the problems you are trying to solve. Learn their skills and incorporate them into their own design thinking.

You can download the trial version to bohemiancoding. If you miss the app because you need to pay for it, it's not worth it, especially if it's not expensive, only 1/10 of Photoshop. It can make your design more efficient and you'll definitely love it when you use it.

Migrating: My icon (my Icons)

As a user interface designer, icons are the only components that don't have to start from scratch every time. Icons are stored in SVG format, which is a widely used vector format that has been increasingly used in CSS instead of embedded images of that particular resolution.

Start from icon set (Sets)

There are two kinds of free and paid. Paid editions are not expensive and are ideal for entry-level designers. The following is a list of the SVG icon sets I personally use:

Pixicon by Jackie Trananh ($)

Symbolicons ($)

Glyphicon ($59)

Entypo (free)

Batch by Adam Whitcroft (free)

PSD icons Set (PSD icon Sets):

Brankic1979 (free)

IconSweets2 ($)

Broccoli by Visual Idiot (free)

How do I export shapes from Photoshop to sketch

If you have an icon set in Photoshop, the export process is slightly more complex. In addition to Photoshop, you need to use the illustrator:

1, in Photoshop, select all Photoshop shape layers (Shape Layers) and merged shapes (merge shapes).

2, files (file)--> export--> path to Illustrator (Paths to Illustrator), save as. ai format

3, in Illustrator, open the above file, select all the shapes, set to black.

4, File--> saved as SVG format

5, import the SVG file into sketch for editing.

Migration: My pattern

Unless you are a pure flat designer, you will need to use pattern material in your design. Your client may also be asking for. Sketch has a manic preset, but if you have higher requirements, you can save the Photoshop pattern file as a separate pattern file, and then import it into the sketch's Pattern file library. There is no migration tool. You can try subtle Patterns, a pattern website.

How do I migrate PSD files?

Designers should avoid looking back on their fallacy, so this is actually a chance to start from scratch. Sketch is 100% vector software, so it is impossible to import PSD files with a large number of bitmap effects. From my personal experience with fireworks, the whole process is not perfect. Many styles have gone wrong. Even the fonts look particularly ugly.

However, using sketch to reproduce the Photoshop design is simple. Draw graphics, top colors, and apply a shadow effect like Photoshop. Icons and styles are part of the most difficult and important part. As a designer, you should focus on the basics of design (design principles, concise design elements, pixel perfection, and so on), and don't rely on the effects of using specific software implementations, such as styles, filters, and actions.

Sketch is new, but many of the best designers have started sharing sketch files. Frankly, a custom sketch is even simpler than a PSD. ：)

Sketch IOS Kit by Marcelo Marfil

Safari and IOS6 Template by Benjamin De cock

Navigation Bars

IOS message UI by Ben Breckler

I'll share my own files, too.

I don't usually share my design files, but since it helps new users get started with sketch, I'll make an exception.

Pinterest Concept

IPhone (phone image by Paul Flavius Nechita)

Dribbble Concept

Marcelo Marfil also produced a series of videos: How to create a custom sketch UI

Conclusion

Unless you're like me, you've been using sketch for more than 3 months, or you'll probably go back to using Photoshop, editing old PSD and other requirements, or picture editing, picture drawing, and other heavy picture design work. What we need to know, however, is that there is an alternative to Photoshop that can focus entirely on user interface design. A tool that builds on the advantages of Photoshop, illustrator, and OmniGraffle to rival Adobe.

Category:

• PS Getting Started Tutorial