Thực đơn
trang chủWindows 7

Bắt đầu: làm rõ các sắc thái. Tăng mức độ kiểm soát và độ chính xác

Đôi khi mọi người hỏi tôi: “Thiết kế trang web được tạo ra như thế nào và bằng chương trình nào?” Thật khó để trả lời câu hỏi này một cách rõ ràng, bởi vì khi thiết kế trang web, cá nhân tôi sử dụng nhiều kỹ thuật và chương trình khác nhau. Hiện nay, đại đa số các nhà thiết kế web làm việc với các bố cục được tạo bằng Chương trình Photoshop. Ban đầu được tạo ra và nhằm mục đích xử lý ảnh, chương trình này hiện đã tích lũy được rất nhiều các chức năng khác nhau(bao gồm cả làm việc với đồ họa vector), được sử dụng ở mọi nơi, kể cả trong thiết kế web. Nhưng khi vẽ bố cục trang web, đôi khi bạn cần những chức năng khác mà ngay cả Photoshop mạnh mẽ cũng không thể cung cấp. Chúng ta đang nói về một vectơ.

Bắt đầu: tìm ra các sắc thái

Vẽ một trang web bắt đầu bằng việc làm rõ và thống nhất các sắc thái. Trang web có thể là "cao su" hoặc có thể có chiều rộng cố định. Điều này có thể phụ thuộc, ví dụ, vẻ bề ngoài tiêu đề trang web - tiêu đề hoặc cột - thanh bên. Tùy thuộc vào mục đích của trang web mà cấu trúc của giao diện web được nghĩ ra. Ví dụ: các cửa hàng trực tuyến trông đẹp hơn nhiều trong thiết kế cố định rộng tới 1000 pixel với một thanh bên ở bên trái. Thanh bên chứa menu danh mục sản phẩm. Tùy chọn nàyđã khẳng định vị thế vững chắc trên Internet và hiện nay khá khó để tìm được một cửa hàng khác với cách bố trí các yếu tố này. Tình hình lại khác đối với các trang thông tin có hàng tấn thông tin văn bản. Nếu có nhiều văn bản trên trang web hơn đồ họa thì với chiều rộng trang web cố định là màn hình rộng trường trốngở hai bên sẽ không hợp lý. Với thiết kế cao su, văn bản sẽ lấp đầy toàn bộ màn hình, điều này sẽ tránh tình trạng thường xuyên cuộn dọc(tất cả các loại Wikipedia và bách khoa toàn thư tương tự).

Giả sử chúng ta cần phát triển một thiết kế cho trang web công ty cho một công ty bán đồ điện tử, với phần “cửa hàng trực tuyến”. Chúng ta ký hiệu ngay:

  1. thiết kế cố định 1000 px;
  2. định dạng tệp – psd (dành cho người thiết kế bố cục lập trình viên) và jpg (dành cho thỏa thuận với khách hàng);
  3. phong cách thiết kế (ví dụ: “chủ nghĩa tối giản” - nền trắng, tối thiểu các yếu tố đồ họa xâm nhập màu sắc hoặc phù hợp với yêu cầu về phong cách của công ty);
  4. Tôi cần một logo ở định dạng vector.

Nếu đạt được thỏa thuận với khách hàng về những vấn đề này, bạn có thể chuyển sang bản phác thảo. Nếu đạt được tất cả trừ điểm 1 , thì bạn có thể tranh luận với những điều như:

“Thiết kế cố định cho phép bạn tạo sự đồng nhất trong cách hiển thị của trang web. Ở bất kỳ độ phân giải nào, tất cả các phần tử sẽ vẫn ở vị trí của chúng, nơi nhà phát triển đã bố trí chúng, trong khi với các thiết kế “linh hoạt” ở các độ phân giải khác nhau, các phần tử sẽ di chuyển và di chuyển ra xa nhau, với việc khách hàng có thể lấp đầy trang web một cách độc lập hơn nữa. dẫn đến các tùy chọn hiển thị không được cung cấp trong quá trình phát triển ban đầu. Thiết kế cố định 1000 px (từ 920 đến 1000px) ngày nay được coi là tiêu chuẩn cho các trang web công ty và cửa hàng trực tuyến, được quyết định bởi số liệu thống kê (vì theo thống kê, số lượng người dùng có màn hình rộng trên 1000 px là đa số).”

Tạo bố cục

Bây giờ là lúc bắt đầu phác thảo bố cục. Vì bài viết này không phải là một bài học nên ở đây tôi chỉ mô tả những nguyên tắc cơ bản khi thiết kế trang web. Trong CorelDraw tôi làm khu vực làm việc với chiều rộng 1920 px, chiều cao không kém, có thể điều chỉnh trong quá trình phát triển. Tiếp theo là trí tưởng tượng sáng tạo, chỉ bị giới hạn bởi ý thức và hiểu biết thông thường Năng lực kỹ thuật bố cục. Tôi vẽ tiêu đề, thanh bên, vùng nội dung và chân trang, tất cả đều nằm trong chiều rộng của trang web - 1000 px. Đối với cửa hàng trực tuyến, bạn nên vẽ một vài trang trình bày cho thanh trượt hình ảnh. Thông thường, những trang trình bày như vậy thông báo cho khách truy cập về các bộ sưu tập mới, sản phẩm mới về hoặc các đợt giảm giá lớn. Nhưng hiện tại, ở giai đoạn phác thảo, tôi chỉ đang vẽ vùng thanh trượt và các nút điều khiển của nó.

Đối với bài viết, không có bất kỳ sự rườm rà đặc biệt nào, tôi đã phác thảo một bản phác thảo bố cục:

Tiếp theo, bạn cần điền thông tin vào bố cục này. Tôi ngay lập tức thêm logo, menu và trường nhập tìm kiếm. Các mục menu và văn bản trang chủ Tôi điền tùy ý, bạn có thể lấy từ trang mà khách hàng chỉ ra là “Tôi muốn tốt hơn”. Điều chính là hiển thị trang giống như thực tế. Tôi đang thử nghiệm với bảng màu, Tôi biểu thị các liên kết trong văn bản ở cả ba trạng thái - liên kết, liên kết được di chuột, liên kết đã truy cập. Điều tương tự với các mục menu: Tôi vẽ tất cả các trạng thái của các thành phần menu - một mục, một mục được di chuột, một menu mở rộng, các mục menu con, v.v. Tôi không bỏ sót một chi tiết nào, bởi vì tôi vẽ thiết kế chi tiết đến mức nào tùy thuộc vào cái nhìn cuối cùng bố cục của trang web.

Đây là giao diện của một trang, chứa đầy thông tin và các thành phần giao diện, hiện có thể được gửi cho khách hàng để phê duyệt:

Khi thống nhất bố cục có nhiều chỉnh sửa, khách hàng có thể không thích thiết kế màu sắc hay cách sắp xếp các thành phần giao diện trên trang. Khi phát triển ở chương trình CorelDraw tất cả những chỉnh sửa này được thực hiện rất nhanh chóng. Về nguyên tắc, mục tiêu của chúng tôi bây giờ là có được sự đồng ý của khách hàng cho sự xuất hiện của trang và chỉ vậy thôi sắc thái kỹ thuật việc chuẩn bị các tập tin để bố trí có thể được để lại sau.

Có một số điểm chính mà bạn nên đặc biệt chú ý khi phát triển thiết kế trang web trong CorelDraw:

Kiểu chữ trang web

Khi tạo bố cục, bạn cần chọn ngay phông chữ sẽ được sử dụng trên trang web. Ví dụ của tôi sử dụng Arial, nhưng có nhiều phông chữ khác có thể được sử dụng khi tạo trang web. Khi gửi bố cục cho người thiết kế bố cục, hãy nhớ thông báo cho họ về bộ phông chữ đã chọn và thống nhất, cũng như kích thước, màu sắc, tùy chọn kiểu dáng, v.v. Điều này là cần thiết vì khi tạo bố cục đồ họa, bạn rất dễ bỏ qua hoàn toàn một điểm quan trọng như kiểu chữ trong thiết kế web. Ngoài ra, có những khách hàng có phông chữ công ty theo phong cách công ty của họ. Thật tốt nếu phông chữ này là tiêu chuẩn (chẳng hạn như phông chữ Arial), nếu không, thì bạn cần tìm hiểu từ khách hàng (hoặc nghiên cứu sách thương hiệu) xem có tùy chọn phông chữ công ty để tạo trang web công ty hay không. Nếu không, hãy giải thích một cách thành thạo cho khách hàng rằng việc nhúng phông chữ không chuẩn vào trang web sẽ gặp rất nhiều khó khăn. Vì vậy, sách thương hiệu nên có tên phông chữ, phông chữ này sẽ trông giống với phông chữ của công ty nhất có thể nhưng vẫn đạt tiêu chuẩn. Chỉ trong trường hợp này, chúng tôi mới có thể đảm bảo tính đồng nhất tối đa khi hiển thị trang web trên thiết bị người dùng.

Vẽ trang web “bằng pixel”

Bố cục phải được vẽ trực tiếp bằng pixel, không được tính bằng milimet, inch hoặc yard. Mọi thứ chúng tôi làm trong thiết kế web đều được tính bằng pixel hoặc nếu Chúng ta đang nói về về thiết kế “cao su” - tính bằng phần trăm, tương ứng với chiều rộng hoặc chiều cao của màn hình người dùng. Bố cục mà chúng tôi gửi cho khách hàng phải có kích thước ban đầu. Mở nó ra để Toàn màn hình, khách hàng sẽ có thể đánh giá chính xác diện mạo của trang web trong tương lai.

Tạo nhiều bố cục trang web

Rất ít trang web hiện đại có các trang nội bộ trông giống hệt trang chính. Và do đó, việc chỉ thiết kế một trang là sai lầm. Hơn nữa, trên trang nội bộ các phần tử xuất hiện không có trên trang chính. Ví dụ " vụn bánh mì”, menu bổ sung, danh mục sản phẩm và nhiều thành phần liên quan đến danh mục (nút “mua”, “so sánh”, v.v.). Vì vậy, nếu bạn coi trọng công việc của mình, bạn cần cung cấp cho khách hàng ít nhất 3-5 trang của trang web.

Tìm hiểu trước xem trang web sẽ được xây dựng trên CMS nào

Rất tâm điểm! Công việc của người thiết kế phụ thuộc vào CMS mà trang web sẽ được xây dựng trên đó. Một nhà thiết kế giỏi là người biết ít nhất khoảng hệ thống phổ biếnđiều khiển và các tính năng chính của các hệ thống này. Do đó, việc vẽ thiết kế cho một CMS cụ thể sẽ dễ dàng và nhanh chóng hơn là sau này nhận được câu hỏi từ nhà thiết kế bố cục như “bạn vẽ cho Bitrix hay WordPress?” Nói chung, việc phát triển giao diện web một cách chuyên nghiệp, trong đó hành động của từng thành phần được xem xét kỹ lưỡng, đòi hỏi kiến ​​thức tuyệt vời về một hệ thống quản lý nội dung cụ thể. Vì vậy, việc học CMS là cần thiết và quan trọng.

Chuẩn bị tập tin để bố trí

Khi bố cục được khách hàng chấp thuận, thời điểm quan trọng là chuẩn bị hồ sơ để bố trí. Trình thiết kế bố cục tạo mẫu nhanh như thế nào tùy thuộc vào mức độ chuẩn bị tệp.

Người thiết kế bố cục làm việc với các tập tin .psd, có nghĩa là chúng ta sẽ chuyển toàn bộ thiết kế sang Photoshop. Mỗi thành phần của bố cục, có thể là logo hoặc đường phân chia trong menu, nên được đặt trên một lớp riêng biệt. Các lớp cần được kết hợp thành các nhóm.

Nhưng không chỉ có tập tin .psd cần thiết của người thiết kế bố cục. Ví dụ: các họa tiết có thể được tạo trước và bản thân các thành phần thiết kế, nếu chúng có trong tệp và đã phù hợp để đặt trong mẫu, điều này chỉ giúp người thiết kế bố cục dễ dàng hơn. Vì vậy, trước tiên tôi lưu tất cả các phần tử vào tệp .png và đặt chúng vào các thư mục chuyên đề. Tôi thường kết thúc với 5 thư mục chính có tên:

“TIÊU ĐỀ”, “TRƯỢT”, “Thanh bên”, “NỘI DUNG” và “CHÂN TRANG”.

Bên trong các thư mục này còn có các thư mục khác được đặt tên theo mục đích của chúng. Ví dụ: trong thư mục “HEADER” có các thư mục như “Search” (tìm kiếm) với các thành phần chỉ liên quan đến khối tìm kiếm, “Top-menu” ( Thực đơn trên cùng) với các thành phần menu, “Logo” – có logo. Các thành phần bên trong các thư mục này được đặt tên để người thiết kế bố cục hiểu ngay mục đích của một thành phần cụ thể. Ví dụ: đối với dải menu sẽ có một số tệp có tên:

top-menu-bg.png (nền menu), top-menu-shadow.png (bóng menu), top-menu-separator.png (dòng phân cách menu), top-menu-hover-active (phần tử menu , thay đổi khi lơ lửng hoặc ở trạng thái hoạt động).

Sau khi nhận được một bộ tệp làm sẵn như vậy, các nhà thiết kế bố cục chỉ có thể làm việc với nó. Nhưng để đề phòng, bạn có thể làm như bình thường .psd shku. Để làm điều này, bạn chỉ cần tạo các nhóm và lớp có cùng tên và sắp xếp mọi thứ theo bố cục.

Trên trang này tôi sẽ nói về các kỹ thuật làm việc trong trình soạn thảo đồ họa vector Corel Draw. Chúng được phát triển sau khi đặt câu hỏi từ một số người bạn thiết kế, những người không có kinh nghiệm phát triển trang web và đảm nhận chỉ tạo bố cục trang đồ họa. Các câu hỏi được đặt ra như sau: “Kích thước trường vẽ của tôi là bao nhiêu?” và “Tôi có thể vẽ mọi thứ được không?” Tất cả các bước được mô tả bên dưới sẽ mất khoảng một phút thời gian và sẽ cho phép bạn loại bỏ vấn đề về kích thước một lần và mãi mãi. Công việc được thực hiện trong Corel Draw X4, vì vậy tên của một số menu có thể khác với các phiên bản khác của chương trình.

Vậy hãy bắt đầu. Trước hết chúng ta hãy mở trình duyệt web IE và mở rộng nó ra toàn màn hình. Không tải bất kỳ trang web nào - cửa sổ trình duyệt phải sạch - hãy nhấn phím In màn hình. Đôi khi bạn có thể cần nhấn Print Screen 2 lần liên tiếp. Chúng ta nhận được ảnh chụp màn hình (ảnh chụp màn hình) của trình duyệt, nằm trên khay nhớ tạm của máy tính. Mở Corel, tạo tập tin mới. Sau đó, bạn cần nhấp chuột phải 2 lần vào thước, trong menu Ruler hiện ra, chọn Points làm đơn vị đo. Dán ảnh của chúng tôi (Shift+Insert) từ bảng ghi tạm. Kích thước của hình ảnh được chèn, nếu mọi thứ diễn ra chính xác, phải phù hợp với độ phân giải của màn hình của bạn. Chúng tôi làm cho trang của chúng tôi có cùng kích thước. Chọn lại hình ảnh và căn chỉnh nó vào giữa trang (Sắp xếp > Căn chỉnh và phân bổ > Giữa trang hoặc chỉ cần nhấn phím "P"). Không xóa lựa chọn, nhấn nút bên phải chuột và khóa đối tượng (chọn Lock Object trong menu thả xuống). Thay vì khóa một đối tượng, bạn có thể đặt nó lên lớp mới và tự khóa lớp đó - điều chính là hình ảnh không cản trở công việc của bạn.

Bây giờ hãy quyết định về lĩnh vực vẽ. Mặc dù thực tế là nó dường như được biểu thị rõ ràng bằng trường trình duyệt màu trắng trong ảnh của chúng tôi, bạn nên nhớ rằng khách truy cập tiềm năng vào trang web trong tương lai của bạn có thể có màn hình với các kích thước khác nhau - lớn hơn hoặc nhỏ hơn. Nếu bạn đang làm việc trên màn hình 21 inch và lấp đầy toàn bộ không gian của ảnh chụp màn hình trình duyệt mà không rời khỏi không gian bổ sung dọc theo các cạnh, khi đó người dùng có màn hình 17 inch sẽ không nhìn thấy mọi thứ - một phần của trang web sẽ bị cắt và các thanh cuộn sẽ xuất hiện. Nếu chúng thẳng đứng thì không có vấn đề gì. Nhưng sự xuất hiện của những cái nằm ngang sẽ không được mong muốn. Bạn cần tìm kiếm một kích thước thỏa hiệp. Xem xét rằng ngày càng có ít màn hình 17 inch, tôi sẽ lấy kích thước của trường vẽ làm cơ sở độ nét tiêu chuẩn Màn hình 19 inch - 1280x1024 pixel trừ kích thước của thanh tác vụ trên màn hình và tất cả các bảng trình duyệt. Không thể chọn kích thước chính xác - một người dùng có thanh tác vụ ở bên cạnh, trong khi người dùng khác có thanh tác vụ ở trên cùng. Và số lượng hàng biểu tượng khác nhau. Kích thước của các bảng và nút khác nhau các trình duyệt khác nhau cũng khác... Trong công việc của mình, tôi tập trung vào các kích thước sau của trường vẽ: chiều rộng - 1280 trừ 30 pixel bị thanh cuộn lấy đi; chiều cao - 1024 trừ đi 132 pixel của thanh tác vụ và các bảng trình duyệt khác nhau và trừ 32 pixel bị thanh trạng thái ở phía dưới lấy đi. Tổng cộng là 1250x860. Những con số này cho chúng ta biết điều gì? Rằng mọi thứ sẽ không vừa trên màn hình 17 inch - các thanh cuộn ngang sẽ xuất hiện và trên màn hình 21 inch trở lên sẽ có khoảng trống ở các cạnh. Do đó, nếu bạn có màn hình 19 inch và bạn đang nhắm mục tiêu cụ thể trang web của mình vào những màn hình như vậy, hãy thoải mái làm việc trong toàn bộ trường màu trắng của trình duyệt. Nếu màn hình của bạn lớn hơn, hãy vẽ một hình chữ nhật có kích thước 1250x860 pixel và đặt nó ở giữa trường màu trắng của ảnh chụp nhanh trình duyệt. Những cái tương tự này sẽ ngay lập tức xuất hiện ở hai bên những khoảng trống, có thể được tô màu hoặc nền nhưng không được chứa văn bản, biểu ngữ, bảng hoặc các thành phần trang khác. Sau đó, bạn cần căn chỉnh đường viền trên của hình chữ nhật với đường viền trên của trường màu trắng và bằng cách kéo dài 3 đường hướng dẫn, căn chỉnh chúng với các cạnh của hình chữ nhật (hai cạnh và phía dưới), và bản thân hình chữ nhật có thể bị xóa. Những hướng dẫn này giới hạn trường vẽ. Tôi nhắc lại rằng kích thước của trường vẽ là tương đối và có thể nhỏ hơn nếu người dùng chẳng hạn có 4 hàng biểu tượng trên thanh tác vụ chứ không phải một hàng biểu tượng như của tôi. Giả sử rằng chúng ta có một lĩnh vực làm việc, chúng ta có thể làm việc. Bạn nên lưu tệp như vậy dưới dạng mẫu - khi bạn bắt đầu tạo một trang web mới, hãy mở nó và làm việc ngay lập tức mà không cần tính toán bất kỳ kích thước nào.

Bây giờ khoảng một cơ hội thú vị Tên một phần mềm đồ họa. Trước đó, bạn cần đảm bảo rằng không có đối tượng nào nhô ra hoặc nằm ngoài vùng làm việc của trang và mở thêm các bảng docker. Nhấn F4 (hoặc chọn To Fit trong cửa sổ thả xuống Mức thu phóng).

Sau đó F9 (xem toàn màn hình). Chúng tôi đã nhận được một hình ảnh phóng to một chút về trình duyệt của chúng tôi. Bước tiếp theo- trong Mức thu phóng, nhập giá trị tỷ lệ mới - lớn hơn giá trị trước đó một chút và sau khi thay đổi, nhấn F9 lần nữa. Việc này cần phải được thực hiện nhiều lần và bằng cách thay đổi tỷ lệ, hãy đảm bảo rằng ảnh chụp màn hình sau khi nhấn phím F9 chiếm toàn bộ màn hình, tức là về mặt trực quan, ảnh chụp màn hình trông giống như trình duyệt đang mở của chúng tôi. Khi điều này xảy ra, bạn cần nhớ giá trị tỷ lệ. Tất cả những điều này là để làm gì? Sớm hay muộn sẽ có nhu cầu cho ai đó xem một bố cục đã vẽ mà không cần giải thích, chẳng hạn như: “Ở đây nó sẽ như thế này, nhưng toàn bộ trang web sẽ trông như thế này,” v.v. Thay vì những lời giải thích này, hãy nhấn F4, đặt giá trị tỷ lệ đã ghi nhớ trước đó trong Mức thu phóng, nhấn F9 và xem trước mặt chúng ta bố cục của chúng ta, không thể phân biệt được với bố cục thật mở trình duyệt, Và kết quả cuối cùng sẽ trông chính xác như cách bạn nhìn thấy bây giờ. Tuyệt vời phải không! Hãy chú ý đến các vật thể nhô ra và đế cắm, nếu không hình ảnh ở chế độ xem toàn màn hình sẽ bị lệch sang một bên. Vì vậy, chúng tôi có thể hiển thị bất cứ lúc nào trang thật trang web, bỏ qua các giai đoạn sử dụng nhiều lao động tiếp theo - xử lý đồ họa, cắt bằng tối ưu hóa và mã hóa html.

Khi làm việc trên một bố cục trong Corel Draw, bạn phải chắc chắn rằng bạn đang làm việc trong mô hình màu RGB, nghĩa là tất cả các màu phải có trong đó chứ không phải ở SMYK hoặc LAB. Nếu không, trong quá trình chuyển đổi tiếp theo sang RGB, các màu không có trong kiểu máy này sẽ thay đổi. Từ quan điểm thiết kế, tác phẩm không bị giới hạn bởi bất cứ điều gì - bạn có thể vẽ bất cứ thứ gì bạn muốn và áp dụng tất cả các hiệu ứng có sẵn trong chương trình này. Sự kết hợp giữa đồ họa raster và vector trông rất ấn tượng. Xét rằng Corel có thể nhập các tệp Photoshop và hỗ trợ các lớp, điều này không khó thực hiện. Để làm điều này, trong Photoshop, chúng tôi thực hiện tất cả các hành động cần thiết, chẳng hạn như chúng tôi tạo một đường cắt cong phức tạp mà qua đó đồ họa vector được vẽ trong Corel sẽ hiển thị rõ ràng và lưu tệp có phần mở rộng .psd. Sau đó, trong Corel, chúng tôi nhập nó (Tệp > Nhập), trong đó phần cắt của chúng tôi sẽ được trình bày dưới dạng riêng biệt đối tượng đồ họa và nếu có một số lớp trong Photoshop, thì ở dạng một nhóm đối tượng. Nếu bạn có ý định đăng ký trang web của mình trong các mạng biểu ngữ, bạn nên nghĩ đến việc đặt các biểu ngữ trước và chừa khoảng trống cho chúng. Sự lựa chọn tốt nhất- lên mạng và lưu một số vào đĩa của bạn, sau đó đặt chúng vào đúng vị trí trên bố cục của bạn. Nếu vị trí được dự định quảng cáo theo ngữ cảnh, thì cũng cần phải cung cấp một nơi cho nó.

Tiêu chí chính của công việc là ý thức về sự cân đối - mọi yếu tố đồ họa làm chậm quá trình tải trang tương ứng với kích thước của nó. Thật khó để tính toán trực tiếp kích thước gần đúng của toàn bộ trang, vì vậy theo tôi, tốt hơn là bạn nên vẽ ít hơn một chút. Trong công việc của mình, tôi luôn cố gắng đảm bảo kích thước của đồ họa trang chính không vượt quá 40-50 kilobyte, trừ trường hợp khách hàng đưa ra yêu cầu của mình.

Mặc dù Corel có phương pháp tối ưu hóa hình ảnh riêng, nhưng chúng tôi sẽ thực hiện xử lý thêm trong Photoshop. Bằng cách xử lý thêm, chúng tôi muốn nói đến những chỉnh sửa và chỉnh sửa nhỏ, nếu có. Ngoài ra, đôi khi một số thứ đơn giản là thuận tiện hơn và dễ hoàn thành hơn trong Photoshop . Để thực hiện việc này, chúng tôi xuất bố cục của mình sang định dạng tiff Bản đồ bit. Quy trình như sau: (Tệp > Xuất), trong Loại tệp, chọn “Tiff Bitmap”, trong “Tên tệp”, nhập tên tệp và nhấp vào “Xuất”. Trong cửa sổ “Chuyển sang Bitmap” mở ra, chọn:

Kích thước hình ảnh (Kích thước hình ảnh) phải tương ứng tính bằng pixel với kích thước của ảnh chụp màn hình hoặc nói cách khác là với độ phân giải của màn hình của bạn (trong hình là kích thước của màn hình 19 inch). Theo đó, tính theo tỷ lệ phần trăm - mọi thứ đều là 100%. Bấm vào đồng ý. Toàn bộ bố cục, bao gồm cả ảnh chụp màn hình, được xuất sang Tiff Bitmap. Nếu bạn cần chuyển đổi sang Tiff mà không có ảnh chụp màn hình và với nền trong suốt, sau đó bạn cần mở khóa và xóa nó (nếu ảnh chụp màn hình nằm trên một lớp riêng biệt, chỉ cần làm cho lớp đó ẩn đi) và chọn hộp kiểm “Nền trong suốt” trong tùy chọn chuyển đổi. Trong các trường kích thước, giá trị pixel sẽ thay đổi, nhưng giá trị phần trăm cho chiều rộng và chiều cao vẫn phải là 100%. Tất cả. Đầu ra là Tiff Bitmap với độ phân giải 72 ppi ở chế độ RGB, sẵn sàng để tối ưu hóa và cắt.

Từ tác phẩm nghệ thuật tuyệt đẹp và đồ họa web tuyệt đẹp đến nội dung in ấn ấn tượng, các công cụ của chúng tôi giúp bạn thể hiện tầm nhìn sáng tạo độc đáo của mình và tạo ra kết quả mà bạn có thể tự hào.

Phiên bản 2019 có gì mới?

Tăng mức độ kiểm soát và độ chính xác

Nhiều cơ hội hơn để khám phá và thử nghiệm sáng tạo

Nhiều cải tiến hơn dựa trên yêu cầu của người dùng

Sự tưởng tượng không nên giới hạn ở nơi làm việc của bạn!

Nắm lấy ý tưởng tốt ngay lúc có cảm hứng và biến nó thành một thiết kế tuyệt vời bằng CorelDRAW.app. Một ứng dụng mới mạnh mẽ là một phần của CorelDRAW Graphics Suite 2019 mang lại sự nhất quán Truy cập từ xa cho tất cả các dự án của bạn. Bây giờ bạn có thể tiếp tục làm việc ở bất cứ đâu! Ví dụ: để sử dụng thiết bị “2 trong 1” hoặc thiết bị khác thiết bị di độngĐể chứng minh công việc của bạn với khách hàng, bạn chỉ cần đăng nhập vào tài khoản CorelDRAW.app của mình.

Làm việc từ xa

Gói này cung cấp quyền truy cập vào các tệp CorelDRAW của bạn ngay cả khi bạn không có máy tính trong tay.

Lưu vào đám mây

Chương trình bao gồm khả năng lưu trữ các dự án trên đám mây, cung cấp quyền truy cập vào tài liệu của bạn từ bất kỳ hệ thống nào và bất kỳ lúc nào.

Thủ tục xuất nhập khẩu thuận tiện

Hỗ trợ nhập/xuất các định dạng CDR, PDF, PNG, JPEG và SVG.

Để đăng nhập vào coreldraw.app, hãy truy cập www.coreldraw.app và nhập tên người dùng và mật khẩu bạn đã sử dụng khi đăng ký bản sao CorelDRAW Graphics Suite 2019.

Những tính năng không thể tìm thấy ở các sản phẩm khác

CorelDRAW Graphics Suite cung cấp các công cụ nâng cao năng suất không có trong các bộ đồ họa khác chương trình đồ họa hoặc yêu cầu một plugin riêng để cài đặt chúng. Khám phá các tính năng độc đáo của CorelDRAW.

Chế độ này không chỉ cho phép bạn tạo các mẫu đối xứng khác nhau - từ đồ vật đơn giảnđến các hiệu ứng kính vạn hoa phức tạp - trong thời gian thực mà còn mang đến cơ hội tăng năng suất bằng cách tự động hóa quy trình sử dụng nhiều lao động này.

Hiệu ứng Pointillizer cho phép bạn nhanh chóng tạo các bức tranh khảm vector chất lượng cao dựa trên bất kỳ số lượng raster đã chọn nào và hình ảnh vector. Dựa trên kỹ thuật nghệ thuật điểm nhấn, hiệu ứng này hoàn hảo để thiết kế đề can ô tô, cũng như các vật liệu trang trí cửa sổ và màn hình.

Vẽ ở bất cứ đâu và bất cứ lúc nào! LiveSketch™ mang tính cách mạng, được hỗ trợ bởi công nghệ trí tuệ nhân tạo Và học máy, chuyển đổi các bản phác thảo thành các đường cong vector chính xác trực tiếp trên các thiết bị màn hình cảm ứng.

Khả năng điều khiển bóng bằng con trỏ công cụ Shadow trong thời gian thực cho phép bạn tránh chuyển động đơn điệu của bóng trong hộp thoại. Bóng hộp được giới thiệu trong CorelDRAW rất lý tưởng cho những người làm việc với máy vẽ và máy cắt. Cái này tính năng độc đáo thêm bóng đặc vào đối tượng và văn bản, đồng thời tăng tốc đáng kể quy trình làm việc của bạn bằng cách giảm số lượng dòng và nút có trong đối tượng bóng.

Công cụ sáng tạo dành cho người sáng tạo

Đồ họa vector

Với các công cụ minh họa vector mạnh mẽ của CorelDRAW, bạn có thể biến đổi các hình dạng và đường nét nguyên thủy thành các tác phẩm nghệ thuật phức tạp, đa diện. Các công cụ vẽ và hình dạng linh hoạt giúp bạn vẽ nhiều đường cong khác nhau, trong khi các công cụ phác thảo, vỏ, pha trộn và tô lưới cho phép bạn thêm các hiệu ứng sáng tạo vào hình ảnh vector.

  • Bố trí trang

    Ở đây bạn sẽ tìm thấy mọi thứ bạn cần để tạo tài liệu quảng cáo, tài liệu nhiều trang và các vật liệu khác. Tận dụng cơ hội để dành không gian cho văn bản hoặc đồ họa. Bằng cách lập mô hình bố cục trang, công cụ Văn bản mẫu có thể giúp bạn biết được tài liệu của bạn sẽ trông như thế nào.

  • chỉnh sửa ảnh

    PHOTO-PAINT chứa các lớp dựa trên công cụ mạnh mẽ Chỉnh sửa, chỉnh sửa và nâng cao hình ảnh của bạn để bạn có thể dễ dàng điều chỉnh màu sắc và tông màu, loại bỏ những điểm không hoàn hảo, điều chỉnh phối cảnh, v.v. Sử dụng AfterShot Pro HDR để tạo những bức ảnh HDR tuyệt đẹp từ ảnh RAW.

  • kiểu chữ

    Kết quả tuyệt vời khi làm việc với văn bản được đảm bảo! Một bộ công cụ kiểu chữ hoàn chỉnh cho phép bạn thêm các hộp bóng và hiệu ứng đường viền, định vị văn bản dọc theo các đường dẫn, áp dụng các hiệu ứng ngắt dòng văn bản, v.v. chữ khắc đẹp sử dụng các công cụ đánh máy OpenType - chữ ghép, trang trí, chữ hoa và nét.

  • Màu sắc, tô màu và minh bạch

    Các mẫu màu cho phép bạn dễ dàng áp dụng màu cho các phần tô và đường viền, đồng thời sự hài hòa màu sắc cho phép bạn tạo ra cách phối màu. Ngoài ra còn được cung cấp các công cụ để điều chỉnh độ trong suốt của đối tượng và lấp đầy đối tượng bằng các mẫu, độ dốc, nền lưới, v.v.

  • Kiểu dáng và bộ kiểu dáng

    Docker Kiểu đối tượng giúp dễ dàng áp dụng các kiểu và bộ kiểu để định dạng nhanh chóng và nhất quán toàn bộ tài liệu cũng như nhiều đối tượng, đồng thời giúp tạo nhiều biến thể của cùng một thiết kế dễ dàng hơn

Thiết kế cho in ấn và web

Một bộ sưu tập các công cụ và cài đặt sẵn đồ họa web để giúp bạn tạo nội dung web hấp dẫn. Tính năng Tải lên WordPress được thiết kế để xuất bản trực tiếp các định dạng hình ảnh lên trang web WordPress.

CorelDRAW giúp việc chuẩn bị tài liệu để in dễ dàng nhất có thể. Hệ thống mạnh mẽ quản lý màu sắc cung cấp khả năng kiểm soát tính nhất quán thông số màu sắc TRÊN phương tiện truyền thông khác nhau và đảm bảo khớp màu chính xác trước khi bắt đầu in.

Hỗ trợ trên 100 định dạng đồ họa, định dạng hình ảnh cũng như các định dạng xuất bản, bao gồm AI, PSD, PDF, JPG, PNG, SVG, DWG, DXF, EPS, TIFF, v.v., tạo điều kiện thuận lợi rất nhiều khi làm việc với bất kỳ nội dung dự án nào.

Nội dung miễn phí bản quyền chất lượng cao

Mang đến cho dự án của bạn một diện mạo độc đáo với bộ sưu tập nội dung phong phú của chúng tôi, bao gồm 7.000 hình ảnh và mẫu thiết kế miễn phí bản quyền Phương tiện giao thông, 1000 bức ảnh trong độ phân giải cao, 1000 phông chữ TrueType và/hoặc OpenType, 150 mẫu chuyên nghiệp, hơn 600 phông chữ đài phun nước, vector và raster, v.v. Tất cả những tài liệu này đều được bao gồm trong gói đồ họa của chúng tôi.

Quy trình phát triển thiết kế hiệu quả

    Kiểm soát mọi yếu tố trong tài liệu của bạn! Docker Đối tượng thực tế cho phép bạn tìm kiếm, ẩn, hiển thị và đổi tên các đối tượng cũng như thay đổi thứ tự của chúng trong ngăn xếp. Bạn có thể sử dụng docker Thuộc tính đối tượng để định dạng và kiểm soát các thuộc tính đối tượng, chẳng hạn như điền.