Thực đơn
trang chủTiểu sử

Cách vẽ một bản phác thảo trong Adobe. Tái sử dụng các bản vẽ. Các kỹ thuật nâng cao hơn để làm việc trong Sketch

Cách tạo cọ vẽ của riêng bạn dựa trên ảnh chụp trên iPhone, iPad hoặc thiết bị Dựa trên Android, và sử dụng nó trong Adobe Photoshop CC, Illustrator CC và Photoshop Sketch. Đơn giản và dễ dàng! Đối với điều này bây giờ có Adobe Chụp.

Đối với Adobe, năm nay hóa ra khá phong phú về đủ loại bản phát hành. Tập đoàn đã đưa ra khá nhiều sản phẩm khác nhau ứng dụng bổ sung Vì nền tảng di động và ngoài ra còn công bố một số cải tiến thậm chí còn thú vị hơn, chẳng hạn như Project Comet, Project Faces, một ứng dụng bí mật với Monument Mode, đồng thời hứa hẹn sẽ bổ sung nhiều tính năng hữu ích cho Adobe Stock trong năm nay và năm tới. Lần này anh hùng của chúng ta đánh giá nhỏ sẽ là một chương trình dành cho thiết bị di động có tên Adobe Chụp.

Nguyên lý hoạt động

Ứng dụng này cho phép bạn nhanh chóng, thậm chí có thể nói là “đang di chuyển”, tạo ra các yếu tố phong cảnh mà bạn quan tâm, sau đó bạn có thể sử dụng chúng trong các tác phẩm kỹ thuật số của mình.

Vậy bạn sẽ có cơ hội làm việc với ai? Adobe Chụp:

  • Tạo cọ chất lượng cao theo mọi phong cách- cọ vẽ quang học, tự nhiên, đồ họa hoặc vẽ tranh. Bất kỳ đối tượng nào được chụp đều có thể biến thành cọ vẽ.
  • Nguồn cảm hứng luôn ở gần - Tạo cọ vẽ của riêng bạn mọi lúc, mọi nơi bằng cách sử dụng ảnh từ máy ảnh, danh mục ảnh chụp nhanh hoặc Adobe Creative Cloud.
  • Chế độ xem tương tác — hãy xem cọ vẽ sẽ trông như thế nào ngay trong quá trình tạo nó. Hỏi cô ấy Tùy chọn bổ sung(áp lực, tốc độ và kết cấu).
  • Tự do sáng tạo — đạt được loại mong muốn hình ảnh bằng cách sử dụng tỷ lệ, cắt xén và mặt nạ. Các nét vẽ có thể liên tục hoặc gián đoạn.
  • Thư viện đám mây sáng tạo — bạn có thể lưu bút vẽ vào Thư viện Creative Cloud và sau đó sử dụng chúng trong Ứng dụng Photoshop, Minh họa và Phác thảo. Ngoài ra, bạn có thể chia sẻ nội dung Thư viện của mình với đồng nghiệp ngay từ ứng dụng bạn đang làm việc.
  • Dễ dàng tạo các dự án chuyên nghiệp — tạo cọ vẽ bằng cách tự do cài đặt các tham số hoặc sử dụng các điều khiển tinh chỉnh, sau đó sử dụng chúng trong Photoshop và Illustrator.
  • Hỗ trợ bút kỹ thuật số iPad — Tạo trong Brush với sử dụng Adobe Mực. Xem tác dụng của cài đặt độ nhạy áp lực và tốc độ ngay khi bạn tạo cọ.
  • Hỗ trợ thị trường đám mây sáng tạocho iPadvà iPhone — Tạo bút vẽ dựa trên các mẫu và hình ảnh được nhập từ Creative Cloud Market.
  • Bàn chải gốc trên thiết bị di động hoặc máy tính để bàn — biến ý tưởng của bạn thành hiện thực bằng cách tạo các cọ vẽ chất lượng chuyên nghiệp và sử dụng chúng trên màn hình của bạn phiên bản Photoshop và Minh họa. Hoặc nhập cọ vẽ vào Photoshop Sketch, ứng dụng adobeđể vẽ trên thiết bị iPad hoặc Android của bạn và tạo dự án mọi lúc mọi nơi.
  • Tích hợp chặt chẽ với Creative Cloud — Bạn có thể sắp xếp và lưu cọ vẽ trong Thư viện Creative Cloud, sau đó sử dụng chúng trong Photoshop, Illustrator, Sketch và chia sẻ chúng với đồng nghiệp của mình.

Creative Cloud bao gồm các ứng dụng thiết kế dành cho máy tính để bàn và thiết bị di động đáp ứng chất lượng đẳng cấp thế giới cũng như các công cụ cải tiến để chia sẻ tài nguyên và sự hợp tác về các dự án sáng tạo.

Câu hỏi thường gặp

Câu hỏi: Chương trình có sẵn bằng tiếng Nga không?
Trả lời: Có, ngoài tiếng Nga, chương trình còn hỗ trợ 17 ngôn ngữ phổ biến nhất.

Câu hỏi: Tôi có thể tải xuống Adobe Capture ở đâu và bằng cách nào?
Trả lời: Adobe Capture CC có sẵn cho tải xuống miễn phí trong App Store và Google Play.

Câu hỏi: Tôi có cần tài khoản Creative Cloud để sử dụng Adobe Capture không?
Trả lời: Có, bạn cần phải là người dùng Adobe CC đã đăng ký với thuê bao trả phí hoặc không có nó.

Câu hỏi: Cách tạo, chỉnh sửa hoặc xóa bảng màu trong Adobe Capture?
Trả lời: Mở ứng dụng và nhấn vào biểu tượng + ở cuối màn hình. Ứng dụng sẽ tự động chọn 5 màu từ khung, sau đó bạn có thể thay đổi chúng.

Câu hỏi: Làm cách nào để tạo, chỉnh sửa hoặc xóa Hình dạng trong Adobe Capture?
Trả lời: Mở ứng dụng và nhấn vào Shapes, sau đó nhấn vào + ở cuối màn hình. Sử dụng hướng dẫn để chọn vùng khung mà bạn quan tâm. Chụp ảnh. Bấm vào Giữ nguyên hình dạng hoặc Xóa khỏi hình dạng để quản lý khu vực. Bấm vào (->) ở góc trên bên phải rồi nhập tên thích hợp và lưu nó vào thư viện của bạn.

Câu hỏi: Làm cách nào để tạo, chỉnh sửa hoặc xóa cọ tùy chỉnh trong Adobe Capture?
Trả lời: Mở ứng dụng và nhấn vào Brushes, sau đó nhấn vào dấu + ở cuối màn hình. Chụp ảnh hoặc chọn ảnh phù hợp từ thư viện thiết bị di động, sau đó làm theo hướng dẫn để cắt ảnh đến khu vực bạn muốn làm cọ vẽ. Sau khi thực hiện các thao tác, hãy nhập tên của cọ vẽ và lưu nó vào thư viện của bạn.

Câu hỏi: Liệu mọi thứ tôi làm trong Adobe Capture có sẵn để sử dụng trong tất cả các chương trình Adobe không?
Trả lời: KHÔNG. Đây là bảng tương thích:

Câu hỏi: Làm cách nào để sử dụng nội dung được tạo bằng Adobe Capture?
Trả lời: Bạn có thể chèn tất cả nội dung bạn tạo từ Thư viện Creative Cloud.

Câu hỏi: Làm cách nào để thay đổi cài đặt ứng dụng?
Trả lời:Để thực hiện việc này, trên màn hình chính của ứng dụng, bạn cần nhấp vào menu hamburger và chuyển đến tab Cài đặt.

Câu hỏi: Tôi có thể cho ở đâu nhận xét về việc sử dụng sản phẩm?
Trả lời: Khởi chạy ứng dụng và nhấp vào biểu tượng Chụp, sau đó nhấp vào Phản hồi cho chúng tôi.

Năm ngoái, công ty Google, nơi tôi làm việc, đã đưa Sketch vào sử dụng rộng rãi, công cụ đồ họa, đã trở nên phổ biến. Tất nhiên chúng tôi có nhiều hơn nữa công cụ tuyệt vời, đó là lý do tại sao tôi muốn giải thích tại sao Sketch hoạt động tốt nhất với Material Design.

Các công cụ mở rộng khả năng của chúng ta nên chúng cần phải linh hoạt, nhanh chóng và trực quan. Nhiều điều đã thay đổi giữa thời đại in offset và màn hình đa nền tảng. Các nhà phát triển đã cố gắng điều chỉnh các công cụ của chúng tôi, nhưng Sketch có lẽ là ứng dụng thành công nhất trong lĩnh vực này - những người tạo ra nó đã loại bỏ một lượng lớn mã, bắt đầu lại và giới thiệu một bộ chức năng nhỏ phù hợp với mục đích. Những gì có vẻ hời hợt công cụ đơn giảnđể vẽ thực sự đại diện cho các công nghệ cơ bản cần thiết của thiết kế kỹ thuật số.

Sketch 3.2 đi kèm với một bộ nhãn dán thiết kế vật liệu làm sẵn, giúp bạn dễ dàng bắt đầu dự án mới.
Phiên bản mới nhất của Sketch (3.2) có điều gì đó đặc biệt dành cho những ai quan tâm đến cái mới ngôn ngữ hình ảnh thiết kế từ Google: một bộ nhãn dán thiết kế vật liệu. Trong hướng dẫn này chúng ta sẽ tạo đơn dùng thử sử dụng Sketch và bộ nhãn dán này.

Hãy tạo một ứng dụng ghi chú!

Trong bài viết này, chúng ta sẽ cùng nhau tạo ra một ứng dụng rất đơn giản - Notes. Thật may mắn cho chúng ta, mọi người thành phần cần thiết có sẵn trong Sketch mới nhất. Dưới đây là các màn hình chúng tôi sẽ tạo:

Bạn cũng có thể tải xuống các tệp Phác thảo (ZIP) đã được sử dụng để tạo mẫu cho ứng dụng này; điều này có thể giúp ích cho bạn trong quá trình hướng dẫn này.

Vật mẫu

Trong mẫu của chúng tôi - Tệp → Mới từ Mẫu → Thiết kế Vật liệu - bạn sẽ thấy rất nhiều thành phần, biểu tượng và bố cục. Bản thân trang này được thiết kế bởi nhóm Thiết kế Vật liệu tại Google và được Amar Sagoo và tôi tùy chỉnh cẩn thận. Các nhóm và đối tượng được đặt tên, tạo kiểu và sắp xếp riêng cho Sketch.

Tất cả bắt đầu với bản vẽ

Khi bạn tài liệu mới mở - Tệp → Mới (hoặc Ctrl + N) - nhấn phím A ( phím nóng cho công cụ artboard). Bạn có thể vẽ bản vẽ như thể bạn muốn vẽ bất kỳ hình dạng hoặc bất kỳ đối tượng nào khác. Điều này được thực hiện vì Sketch có một tập hợp các đối tượng đơn giản hoạt động theo cách tương tự (sẽ nói thêm về điều này sau). Khi chọn công cụ artboard, bạn sẽ thấy danh sách bên phải kích thước có thể, bao gồm, như bạn có thể đoán, tất cả các kích thước dành riêng cho thiết kế vật liệu. Nhấp vào kích thước “Portrait Orientation for Mobile” và bạn sẽ thấy một vùng hình vuông màu trắng.

Sketch 3.2 có một bộ kích thước để tạo các thiết kế vật liệu có thể được sử dụng bằng công cụ artboard.

Tính năng phác thảo tuyệt vời #1: Khả năng xuất bất biến theo tỷ lệ

Lưu ý: Thiết kế Material được xác định bằng cách sử dụng các pixel không phụ thuộc vào mật độ. Làm thế nào nó được giải thích trên trang web Nhà phát triển Android, một đối tượng bao gồm các pixel độc lập với mật độ (DP) tương ứng với Kích thước vật lý pixel ở 160 dpi. Tuy nhiên, trong hướng dẫn này, chúng ta sẽ sử dụng các đối tượng pixel vì bạn có thể tăng hoặc giảm tỷ lệ chúng. Mặc dù chúng ta sẽ sử dụng các khối pixel (PB) trong hướng dẫn Sketch này, đây là những pixel thực sự độc lập với mật độ vì bạn có thể chia tỷ lệ chúng. lên hoặc xuống khi xuất khẩu.

TRONG thế giới hiện đại, bạn không thể phụ thuộc vào cùng một mật độ điểm ảnh, vì vậy các đối tượng DP cho phép chúng ta nói cùng một ngôn ngữ khi chúng ta tương tác với nhiều thiết bị khác nhau. Đôi khi bạn có thể cần tăng gấp đôi hoặc thậm chí gấp ba kích thước pixel để nó vừa với thiết bị của mình - bạn không nên sử dụng phương pháp này.

Làm việc ở độ phân giải 1x pixel và sau đó chỉ cần xuất theo tỷ lệ được yêu cầu. Sketch làm cho việc này trở nên dễ dàng với kéo và thả đơn giản. Bạn sẽ thấy một bảng ở góc dưới bên trái hiển thị cho bạn các kích thước được phân đoạn để xuất, hơn thế nữa, bạn thậm chí có thể thêm chỉ mục giá trị của riêng mình cho tên tệp. Khi bạn thiết lập thao tác Xuất tất cả (Ctrl + Shift + E), bạn sẽ thấy bản vẽ này và Sketch sẽ lần lượt xuất tất cả các phiên bản của bitmap.

Luôn hoạt động ở kích thước 1×pixel. Bạn có thể dễ dàng tăng hoặc giảm tỷ lệ trong bảng Xuất.

Bây giờ, hãy tham khảo mẫu từ gói nhãn dán và chọn bản vẽ nghệ thuật “các thành phần di động phổ biến”. Chỉ có những thứ quan trọng để chọn ở đây, vì vậy chỉ cần nhấp vào bản vẽ này, sao chép-dán vào tài liệu của bạn. Bây giờ bạn đã có bố cục thiết kế vật liệu cơ bản cho ứng dụng di động của mình. Như bạn có thể thấy trong bảng điều khiển Lớp, bạn có một nhóm có tên là “Màn hình”. Bạn sẽ chỉ cần nội dung của nó, vì vậy hành động tiếp theo chọn rã nhóm (Ctrl + Shift + G). Bây giờ bạn sẽ thấy bốn lớp:

TRONG nhãn dán này, bạn sẽ tìm thấy một số bản vẽ được tạo sẵn mà bạn có thể sao chép và dán trực tiếp vào tệp Phác thảo của mình.

  • thanh điều hướng
  • Đây là một biểu tượng (các biểu tượng trong bảng Layers được đánh dấu màu tím), có nghĩa là nó sẽ giống nhau ở mọi nơi và nếu bạn thay đổi nội dung của ký hiệu, nó sẽ thay đổi ở mọi nơi trong tệp.
  • thanh trạng thái
  • Cái này bảng trên cùng trên màn hình với thông tin về Wi-Fi, thời gian, v.v.
  • bảng ứng dụng
  • Đây là tiêu đề điều hướng chính phản ánh tiêu đề trang hiện tại, cũng như nút lên hoặc nút mở.
  • màu nền màn hình
  • Đó là màu nền nhưng cũng là mặt nạ. Bạn có thể xóa nó vì bản vẽ của bạn sẽ hoạt động như một mặt nạ cho màn hình của bạn.

Mặt nạ trong tác phẩm Sketch... từ trên cao!

Trong Sketch, mặt nạ hoạt động ở trên cùng, nghĩa là các lớp phía trên đối tượng tạo mặt nạ sẽ được cắt bớt vào đối tượng đó. TRONG Adobe Illustrator ví dụ: bạn cần đặt một đối tượng lên trên các lớp khác để tạo mặt nạ bọc; Điều này làm tôi bối rối lúc đầu. Để tìm hiểu thêm về mặt nạ, hãy đọc tài liệu của Bohemian Coding.

Nếu bạn di chuyển các lớp này bên trong bản vẽ, bạn sẽ thấy chúng bị che bởi nó. Đây là trường hợp duy nhất trong đó một đối tượng nằm ở trên cùng của bảng Layers che một đối tượng nằm ở bên dưới. Artboard luôn che giấu nội dung của chúng và cũng ẩn không gian tọa độ; Vì vậy, giá trị 0 trên X và giá trị 0 trên Y sẽ có nghĩa là góc trên bên trái.

Bản đồ là một mẫu tiêu chuẩn và hoạt động tốt với thông tin không đồng nhất.

Hãy quay lại với gói nhãn dán. Chọn các thành phần thẻ có chiều rộng bằng một nửa và chèn chúng vào bố cục của chúng ta. Lề đề xuất cho các thẻ này là 8 pixel, vì vậy bạn sẽ phải giãn chúng ra.

Tính năng phác thảo tuyệt vời #2: Hướng dẫn di chuột

Một trong những điều nhất chức năng hữu ích Phác thảo xử lý khoảng cách: Chọn một đối tượng bằng cách giữ Phím Alt, rồi di chuyển chuột xung quanh nó để xem khoảng cách từ đối tượng đã chọn của bạn đến tất cả các đối tượng khác. Và giữ Ctrl + Alt và di chuột bên cạnh một đối tượng sẽ hiển thị kích thước của các đối tượng, tùy thuộc vào tỷ lệ kích thước của chúng với các đối tượng khác có trong nhóm.

Nút kích hoạt float là một thành phần thiết kế vật liệu độc đáo
Cuối cùng, hãy chọn nút hành động nổi từ lựa chọn của chúng tôi và thêm nó. Nó phải là 16 pixel từ thanh điều hướng và 16 pixel từ phía bên phải. Tuyệt vời! Vậy là chúng ta đã có bố cục cho ứng dụng thiết kế vật liệu đầu tiên của mình. Đây là bản đồ xem trang cuộn.

Bảng điều hướng cho phép bạn tạo điều hướng cho các phần chính trong ứng dụng và các chức năng chung, chẳng hạn như chuyển đổi tài khoản và khả năng thay đổi cài đặt

Để điều hướng qua các phần khác nhau của ứng dụng, chúng tôi sẽ sử dụng công cụ Trình tạo thanh điều hướng. Hãy sao chép bản vẽ đầu tiên của chúng ta: Nhấp vào bản vẽ trong danh sách bảng điều khiển Lớp hoặc vào tên của bản vẽ trên trang, sau đó nhấn Ctrl + D. Thao tác này sẽ sao chép bản vẽ và di chuyển nó 100 pixel sang phải. Bạn có thể tiếp tục bằng cách sao chép và thay đổi, đó chính xác là những gì chúng ta sẽ làm bây giờ.

Chọn thanh điều hướng trên bản vẽ di động - lớp này được gọi là “điều hướng bên”. Dán nó vào bản vẽ mới của bạn. Bạn có thể thay đổi các danh mục trong điều hướng, tuy nhiên, khu vực trên cùng được dành riêng để chuyển đổi tài khoản người dùng theo mặc định.

Biểu mẫu thiết kế vật liệu


Hình dạng trong thiết kế vật liệu có tính hình thái. Tùy thuộc vào trạng thái của chúng, văn bản thay thế sẽ trở thành nhãn

Điều gì xảy ra nếu bạn nhấp vào nút lớn với một điểm cộng? Rõ ràng là trong trong trường hợp này, bạn sẽ tạo một ghi chú mới. Hãy lấy một số thành phần biểu mẫu từ danh sách nhãn dán và tạo một bản vẽ nghệ thuật mới cho chúng. Ở đây chúng ta có thể thêm khả năng sử dụng bàn phím; chúng ta có thể đặt biểu tượng cho hành động này. Chúng ta sẽ chọn biểu tượng màu tối sao cho phù hợp bảng màuứng dụng của chúng tôi.

Tái sử dụng Artboard

Tất nhiên, sau khi tạo ghi chú, bạn sẽ thấy ghi chú đó được thêm vào danh sách. Hãy sao chép màn hình đầu tiên và thêm ghi chú mới của chúng tôi vào đó. Chỉ cần nhấp vào tên của bản vẽ ngay phía trên nó. Bây giờ bản vẽ đã được chọn, hãy nhấn Ctrl + D. Thao tác này sẽ sao chép bản vẽ và di chuyển nó 100 pixel sang phải, đây là điều lý tưởng để bố trí tác phẩm của bạn.

Bạn có thể sao chép các bản vẽ và chúng sẽ di chuyển sang bên phải.

Tính năng phác thảo tuyệt vời #3: Bộ chọn màu

Sketch có một công cụ chọn màu tuyệt vời. Chỉ cần nhấn Ctrl + C để chọn màu ở bất kỳ đâu trên màn hình. Kết hợp điều này với Ctrl + nhấp vào bất kỳ phần tử nào, bạn có thể dễ dàng đổi màu bất kỳ đối tượng nào trong vài giây.

Công cụ chọn màu nhanh và chính xác, có thể áp dụng cho bất kỳ thành phần nào trên màn hình

Thêm tab

Tab cho phép bạn trình bày cùng loại nội dung theo nhiều cách khác nhau.

Khi sao chép các thành phần từ danh sách nhãn dán, bạn có thể chọn bất kỳ cấp độ thành phần nào. Điều này có nghĩa là bạn có thể chọn toàn bộ màn hình hoặc chỉ các thành phần riêng lẻ, hoặc thậm chí chỉ là các biểu tượng. Các tab, giống như các phần tử khác, được tạo bằng nền trong suốt. Duyệt qua nhóm "thanh ứng dụng" và bạn có thể sao chép nhóm "tab" và dán vào bất kỳ nền hiện có nào. Lợi ích của tính minh bạch là bạn sẽ có khoảng cách cần thiết xung quanh thành phần, bạn cũng có thể nhanh chóng đặt nó lên trên nền đã có. nền hiện có hoặc trên thanh công cụ.

Tạo danh sách

Bạn sẽ sử dụng danh sách thường xuyên. Chúng đại diện cho một thành phần cơ bản của bất kỳ ứng dụng nào và thiết kế vật liệu cung cấp cho chúng ta một số tùy chọn. Chúng tôi sẽ làm cho tab “ghi chú công khai” trông giống như một danh sách.
Sao chép danh sách “ba dòng” từ gói nhãn dán và dán vào bản vẽ mới. Hủy nhóm danh sách và sau đó chỉ cần nhấn Alt + kéo một đối tượng để tạo một tập hợp các mục hoặc một nhóm. Lặp lại điều này cho đến khi bạn có một trang được tạo hoàn toàn bằng các dòng.

Danh sách là một cách phổ biến để hiển thị dữ liệu.

Hành động bổ sung - phím nóng

Bạn sẽ nhận thấy một trường đầu vào trong bên phải danh sách. Trường này đại diện cho một hành động tùy chọn. Nhấp vào bất kỳ đâu bên phải hành động này sẽ mở mục danh sách; nếu không có hành động nhanh chóng(ví dụ: gọi điện cho một số liên lạc hoặc mở thông tin tài liệu), bạn có thể sử dụng hành động bổ sung. Chúng ta sẽ thay trường nhập dữ liệu này bằng biểu tượng trái tim để người dùng lưu ghi chú nhanh chóng.
Trong gói nhãn dán, bạn sẽ tìm thấy một bộ biểu tượng nhỏ ở góc trên cùng bên trái trong phần “kiểu chữ”. Chọn biểu tượng trái tim và dán nó vào vị trí của hộp màu xám. Biểu tượng phải nằm trong nhóm chứa biểu tượng trái tim và hộp trong suốt 24×24 sẽ cho phép bạn sử dụng phần căn chỉnh, vì vậy hãy đảm bảo chọn toàn bộ. nhóm.

Biểu tượng cho phép chúng ta thao tác nhanh chóng Các ứng dụng khác nhau các biểu tượng, thành phần giống nhau, v.v.

Chọn từng nhóm dòng nằm trên bản vẽ và một lần nữa, nhấp vào khu vực có nội dung “Không có biểu tượng”. Bạn sẽ thấy biểu tượng hàng có sẵn cho bạn, hãy chọn nó. Bây giờ bạn có một số lượng lớn hàng, có biểu tượng hàng và nếu bạn thay đổi một trong số chúng, tất cả chúng sẽ thay đổi. Bằng cách này, bạn có một tập hợp các phần tử được kết nối với nhau.

Sử dụng chức năng này, hãy thay thế trái tim bằng biểu tượng lựa chọn. Nó bao gồm ba dấu chấm dọc và có nghĩa là có nhiều hơn một hành động. Tất cả những gì bạn cần làm là sao chép nhóm “biểu tượng lựa chọn” (cùng với phần đệm) từ gói nhãn dán và dán bên cạnh biểu tượng trái tim. Căn chỉnh nó với biểu tượng trái tim rồi xóa nó. Khi thực hiện việc này, bạn sẽ thấy các loạt phim khác đã tự động được cập nhật. Hoan hô các nhân vật!

Đối với các biểu tượng trong Sketch không có chế độ chỉnh sửa. Các biểu tượng hoạt động giống như các nhóm và được cập nhật ngay lập tức, đó là lý do tại sao chúng rất dễ thay đổi. Tuy nhiên, hãy cẩn thận: khi bạn chỉnh sửa biểu tượng ở một nơi, nó sẽ thay đổi trong toàn bộ tài liệu.

Biểu tượng cho phép bạn nhanh chóng vô hiệu hóa các biểu tượng hoặc thậm chí toàn bộ tác phẩm. Nhưng hãy cẩn thận: sự thay đổi ở một nơi sẽ xảy ra ở mọi nơi, thậm chí trên các trang khác.

Trong thiết kế vật liệu, các bảng phía dưới hiển thị một tập hợp các hành động mà không che phủ màn hình. Các tấm này trượt ra từ dưới cùng của màn hình và cũng có thể được di chuyển về phía sau.

Trong thiết kế vật liệu, các tấm phía dưới tượng trưng cho cách tuyệt vờiđể người dùng thực hiện một hành động mà không cần rời khỏi bối cảnh hiện tại. Chúng trượt ra từ cuối màn hình và hiển thị một bộ hành động có thể. Trong ứng dụng của chúng tôi, thanh dưới cùng sẽ xuất hiện khi người dùng nhấp vào biểu tượng chuyển tiếp ở bên phải góc trên cùng. Cùng lựa chọn nào bảng điều khiển phía dưới từ danh sách nhãn dán và dán nó vào bản vẽ mới. Ngoài ra, hãy chọn một mặt nạ ( nền mờ) từ thanh điều hướng của bản vẽ trước và dán nó vào bảng dưới cùng.

Hộp thoại khi bạn cần

Các hộp thoại có thể được sử dụng để dừng các hành động nhưng hãy sử dụng chúng một cách khôn ngoan vì chúng có thể là những trở ngại không cần thiết đối với các hành động lặp đi lặp lại.

BẰNG Bước cuối cùng, chúng tôi sẽ thêm vào những hộp thoại. Chúng sẽ được gọi khi người dùng chọn thao tác xóa từ thanh dưới cùng. Chúng tôi làm điều này để đảm bảo rằng người dùng thực sự muốn xóa ghi chú. Và cuối cùng, nói về việc gỡ cài đặt, tôi khuyến khích bạn khởi động lại ứng dụng này bằng cách sử dụng thiết kế riêng. phác thảo- chương trình nhanh và thiết kế vật liệu cung cấp số lượng lớn các tính năng, đặc biệt là gây ngạc nhiên thú vị cho người dùng ứng dụng của bạn. Chúc bạn phác thảo vui vẻ!

Bắt đầu nhanh chóng với tài nguyên Sketch

Dưới đây là danh sách các tài nguyên thiết kế vật liệu được tạo để sử dụng trong Sketch nhằm cung cấp cho bạn ý tưởng về cách chúng hoạt động:

  • Bộ nhãn dán thiết kế chất liệu. Đây là bộ nhãn dán cuối cùng. Bộ tốt các phần tử và kiểu dễ sao chép và dán vào các tác phẩm mới của bạn.
  • Bộ biểu tượng thiết kế Material Design
  • Bộ biểu tượng này lấy từ kho Material Design trên GitHub.
  • Khung thiết kế vật liệu
  • Bộ màu sắc và biểu tượng này cũng là kho lưu trữ thiết kế vật liệu trên GitHub.

Kết luận: Giữ ý tưởng trong đầu và giữ công cụ trong tay

Cảm ơn bạn đã hướng dẫn tôi thiết kế vật liệu trong Sketch và tạo ra một ứng dụng ghi chú tuyệt vời. Chúng tôi không chỉ học hỏi và cố gắng công cụ mới, mà còn thực hiện những bước đầu tiên hướng tới sự hiểu biết hệ thống mới thiết kế.

Lời cảnh báo cuối cùng: Nếu chúng ta tập trung vào các thành phần sẵn có, chúng ta có thể bỏ lỡ cơ hội đáp ứng một cách sáng tạo nhu cầu của người dùng. Bạn luôn có thể đánh giá thiết kế của mình dựa trên các nguyên tắc cơ bản của thiết kế vật liệu:

Từ “vật chất” là một ẩn dụ
Hình ảnh vật chất đại diện cho một lý thuyết thống nhất về các hệ thống chuyển động và không gian được sử dụng hợp lý. Thiết kế vật liệu dựa trên thực tế xúc giác, lấy cảm hứng từ việc sử dụng giấy và mực, vẫn tiên tiến, mở ra cho trí tưởng tượng.

Táo bạo, đồ họa, có chủ ý
Các yếu tố cơ bản của thiết kế—kiểu chữ, lưới, không gian, tỷ lệ, màu sắc và cách sử dụng hình ảnh—tạo ra trải nghiệm hình ảnh. Chúng không chỉ đẹp mắt mà còn đại diện cho một cái gì đó nhiều hơn nữa. Những yếu tố này tạo ra thứ bậc, ý nghĩa và trọng tâm của sự chú ý.

Chuyển động tạo nên ý nghĩa
Phong trào mang đến cho người dùng cơ hội trở thành một diễn viên. Các hành động cơ bản của nó bắt đầu chuyển động, do đó biến đổi toàn bộ thiết kế.

Hãy nhớ rằng, cho dù thứ gì đó trông đẹp đến đâu thì trọng tâm vẫn phải là người dùng chứ không phải pixel. Nếu bạn có tầm nhìn đúng đắn, mọi thứ khác sẽ diễn ra theo sau.

Ứng dụng Adobe Photoshop Sketch có thể được tải xuống miễn phí trên cả điện thoại thông minh iPhone và Android.

Cách yêu thích của tôi để sử dụng chương trình này là vẽ lên các bức ảnh như thể sử dụng son môi hoặc bột màu. Nó trở nên rất ấn tượng, bằng cách này bạn có thể thêm niềm say mê vào bất kỳ bức ảnh nào.

Vì vậy, hãy bắt đầu.

1. Mở ứng dụng và xem Trang tiếp theo:

Tại đây bạn có thể xem các dự án mà tôi đã tạo trước đó. Để tạo dự án mới, nhấp vào dấu cộng ở cuối màn hình.

2. Chọn tùy chọn canvas cho dự án tương lai của chúng ta:

Ở đây chúng tôi tập trung vào bức ảnh mà chúng tôi muốn trang trí bằng hình vẽ. Tôi thường chọn "vuông".

3. Chúng ta nhìn thấy trước mặt Tờ giấy trắng cho kiệt tác tương lai của chúng ta:

Để thêm ảnh cho bản vẽ, hãy nhấp vào dấu cộng nằm ở bên phải màn hình.

Chọn tùy chọn "Lớp hình ảnh".

Chọn “trên iPhone” nếu ảnh đã có trong thư viện và chèn ảnh đó hoặc chụp ảnh mới.

Chúng ta kéo dài nó lên xuống một chút để thuận tiện hơn khi làm việc.

Đừng lo lắng về các sọc trắng ở hai bên. Sau khi ảnh được xử lý, những khung này có thể được cắt trong bất kỳ trình chỉnh sửa ảnh nào bạn quen thuộc mà không làm giảm chất lượng.

5. Chọn một loại cọ mà chúng ta thích.

Trong trường hợp của tôi, tôi muốn tạo các nét "kẹo mềm" hoặc các nét bột màu. Vì vậy, tôi chọn cọ thứ ba từ trên xuống.

Nếu bạn bấm vào dấu cộng, nó sẽ mở ra cho bạn danh sách đầy đủ bút vẽ Ở đó bạn có thể tìm thấy bất cứ thứ gì phù hợp với sở thích của mình 😊

Như bạn có thể thấy, cọ của tôi có ba đặc điểm: kích thước, độ trong suốt và màu sắc. Chúng ta có thể thay đổi màu sắc thành bất kỳ màu nào khác.

Tôi chọn màu hồng nhẹ nhàng.

6. Bây giờ, hãy thực sự vẽ bất cứ thứ gì mà trái tim bạn mong muốn. Tôi đã vẽ trái tim này.

Sẽ không thành vấn đề nếu bạn là người mới bắt đầu, một nhà thiết kế đang tập luyện hoặc một chuyên gia dày dạn kinh nghiệm chuyển sang Sản phẩm mới, - Bài viết này là dành cho bạn.

Trước hết, chúng ta sẽ tìm hiểu một chút về Sketch - nó là gì, nó trở nên phổ biến như thế nào, cách tải phiên bản dùng thử miễn phí và cài đặt ứng dụng trên Mac. Thứ hai, hãy cùng khám phá giao diện Sketch, tôi sẽ giải thích những điều cơ bản và chỉ ra một số thủ thuật, thủ thuật. Ngày thứ ba, chúng ta sẽ đề cập đến các chức năng nâng cao hơn của ứng dụng (các đường cong và pha trộn Bézier đặc biệt ấn tượng).

Và cuối cùng, Tôi sẽ chia sẻ các tài nguyên Sketch chất lượng bao gồm bảng cheat miễn phí 99 điểm, rất thuận tiện cho việc học cách sử dụng ứng dụng. Âm thanh tốt?

1. Tại sao nên phác thảo?

Một thời gian sau khi phát hành vào năm 2010, Sketch được coi là công cụ nhẹđể chỉnh sửa đồ họa, nhờ đó các nhà thiết kế UI và UX có thể nhanh chóng tạo mẫu thiết kế ứng dụng.

Nếu không có những năm trước Sketch đã phát triển đáng kể và khả năng của nó giờ đây đã vượt xa việc tạo các mô hình màn hình. Là một sản phẩm trẻ được tạo ra đặc biệt cho nhu cầu Hôm nay, nó không có tất cả những thứ này rác thải không cần thiết như trong bộ Sản phẩm của AdobeĐám mây sáng tạo.

  • Thay đổi kích thước hình dạng bằng phím nóng
  • Nhân đôi các phần tử
  • Làm nổi bật thông minh
  • Nhóm và tách các phần tử
  • Lựa chọn trực tiếp theo nhóm
  • Cài đặt thu phóng 100%
  • Hiển thị tất cả các bản vẽ
  • Đưa đối tượng lên nền trước hoặc nền sau
  • Đổi tên
  • Đo khoảng cách giữa các phần tử
  • Đặt độ mờ bằng bàn phím số
  • Thay đổi bán kính từng góc riêng biệt
  • Thiết lập phím nóng tùy chỉnh
  • Sử dụng các phép toán bên trong các trường đầu vào
  • Số liệu tổng hợp
  • Xoay lệnh sao chép
  • lát
  • Các phần tử và bản vẽ có thể xuất được
  • Xuất nguồn cho màn hình retina
  • Định vị đồ vật “bên ngoài”
  • Kết hợp ánh sáng và bóng tối để tạo chiều sâu
  • Giả bề mặt gấp
  • Tạo bóng sắc nét
  • Khoảng cách giữa vật thể và bóng của nó
  • Nhiều nguồn sáng
  • Đường chân trời
  • Lớp phủ đối tượng

Và cuối cùng... học qua các bài học Sketch này. Họ bằng tiếng Nga

Chuỗi bài học từ Marc Andrew

Tạo ứng dụng di động trong Sketch của Marc Andrew

Nếu bạn đang tìm kiếm thêm hướng dẫn và mẹo để bắt đầu sử dụng Sketch, bạn sẽ tìm thấy chúng trong phần “ Tài nguyên bổ sung”ở cuối bài viết này.

3. Các kỹ thuật nâng cao hơn để làm việc trong Sketch

Khi bạn đã nắm vững những điều cơ bản, đã đến lúc chuyển sang các tính năng nâng cao hơn có sẵn cho người dùng Sketch!

Làm chủ đường cong Bezier

Như tôi đã đề cập trước đó, Sketch là một vector biên tập đồ họa, có nghĩa là tất cả các đối tượng trong Sketch đều được tạo thành từ các điểm và đường cong. Để trải nghiệm đầy đủ giá trị của Sketch, bạn cần học cách thao tác các điểm và đường cong đó. Điều này sẽ cho phép bạn vẽ các hình dạng phức tạp, chẳng hạn như các chữ cái được trang trí công phu, từ đầu.

Tạo biểu tượng

Sketch cho phép bạn tạo “biểu tượng” của riêng mình. Điều này có nghĩa là bạn có thể lưu một lớp hoặc một nhóm lớp làm biểu tượng, sau đó chèn nó vào tài liệu của bạn như thể đó là một hình dạng đơn giản.

Điều làm cho các biểu tượng trở nên đặc biệt là bạn có thể nhấp đúp vào “thực thể” của biểu tượng, chỉnh sửa biểu tượng “chính” và tất cả các thực thể của biểu tượng đó trong tài liệu sẽ được cập nhật tự động. Trong GIF này, tôi tạo một biểu tượng hình chiếc lá, chèn thêm hai thực thể của nó và sau đó thay đổi độ mờ của biểu tượng gốc. Xem phần còn lại đang thay đổi như thế nào:

Tùy chọn thay đổi kích thước nâng cao

Khi làm việc với các đối tượng được nhóm, bạn có thể muốn các đối tượng trong nhóm hoạt động khác đi khi được thay đổi kích thước. Đối với mỗi đối tượng trong nhóm, Sketch cho phép bạn chọn phương pháp thay đổi kích thước của riêng mình.

Dưới đây là các tùy chọn có thể:

  • Kéo dài(kéo dài): đối tượng sẽ được thay đổi kích thước tương ứng kích thước tổng thể các nhóm. Đây là phương pháp mặc định, thông thường đây là hiệu ứng bạn mong đợi từ việc thay đổi kích thước.
  • Ghim vào góc(gắn vào góc): Kích thước của đối tượng sẽ thay đổi nhưng vị trí của nó không thay đổi (so với góc gần nhất)
  • Thay đổi kích thước đối tượng(thay đổi kích thước đối tượng): Đối tượng sẽ được thay đổi kích thước thành cùng giá trị pixel mà nhóm được thay đổi kích thước. Nếu nhóm rộng hơn 50px thì đối tượng sẽ rộng hơn 50px.
  • Nổi tại chỗ: đối tượng sẽ không bị thay đổi kích thước khi nhóm được thay đổi kích thước, nhưng nó sẽ thay đổi vị trí của nó theo tỷ lệ với kích thước tổng thể của nhóm.