Hướng dẫn chuyển đổi thiết kế từ Photoshop sang Zeplin.

Giới thiệu

    Xin chào mọi người ! Đợt vừa rồi mình có làm dự án mà KH lại chỉ gửi mỗi thiết kế bằng Photoshop trong khi ở Công Ty quen với các công cụ design như Figma và Zeplin.Photoshop thì ai có cài hay có bản quyền thì mở được xem được không thì lại phải mở online miễn phí trên mạng mỗi lần như vậy khá mất công, vì vậy mình đã tìm hiểu cách chuyển đổi sang Zeplin.Không phải ai cũng cài Photoshop nên việc đồng bộ vào Figma hay Zeplin để bất cứ member nào trong team cũng có thể xem được là điều vô cùng cần thiết.

    Photoshop thì bên nhật họ dùng rất nhiều và phổ biến nhưng nó lại mất rất nhiều tiền điều mà rất nhiều Anh Chị Em bên Việt Nam mình không thích 😆. Như bên Việt Nam các công ty về thiết kế Website, phần mềm giờ ưa chuộng Figma, Zeplin vì nó miễn phí và luôn ở chế độ online nên bất cứ ai cũng có thể xem được khi được cung cấp quyền.

    Hôm nay xin chia sẻ cách chuyển đổi PSD sang Zeplin nếu các bạn có gặp phải có biết cách nhé.

    

Cách làm

    1.Cài đặt phần mềm

    Để có thể làm được trước tiên máy cần phải cài Photoshop và Zeplin, nếu không có bản quyền dùng ở chế độ trial cũng làm được.

    Photoshop

    Vào trang chủ tải về là nó sẽ tự động cài qua công cụ Adobe Creative Cloud

    Zeplin

    Windows 32bit
Windows 64bit

    2. Chuyển đổi

    Để chuyển đổi được thì cần plugin hỗ trợ nhưng khi mình cài phần mềm Zeplin thì nó tự động cài cho mình rồi. Lúc này chỉ cần mở Photoshop ra vào Window > Extensions > Zeplin xong bấm vào để mở Panel của Tool này ra

    

    Panel nó sẽ hiển thị thế này

    image.png

    lúc này các bạn chỉ cần bấm chọn vào màn hình design ở tab Layers sau đó nó sẽ hiển thị button màu vàng, khi click vào nó sẽ hiển thị tên Project mình tạo trên Zeplin để Export vào , nếu chưa có các bạn tạo trước khi chuyển đổi nhé.

    image.png

    Sau khi Export nó sẽ đồng bộ trên phần mềm Zeplin cài trên máy và cả trên bản Web cho mình và lúc này ai cũng có thể xem được nếu được cấp quyền xem.

    Đây là kết quả thu được, quá dễ quá thuận tiện phải không các bạn image.png

Lời kết

    Trên đây là 1 tip nho nhỏ cho các bạn trong trường hợp dự án hay đội gặp phải design khách hàng gửi là file PSD và muốn đồng bộ online ai trong team cũng có thể xem được bất cứ lúc nào trên Zeplin. Hi vọng bài viết sẽ có ích cho các bạn. Cảm ơn các bạn đã đọc bài nhé.

Nguồn: Viblo

Bình luận
Vui lòng đăng nhập để bình luận
Một số bài viết liên quan