Tạo các mẫu có thể nghiêng cho hình nền trang web: 8 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:37

Đây là một phương pháp đơn giản và dễ hiểu (tôi nghĩ) để tạo ra những hình ảnh có thể được lát gạch mà không trông quá "giống lưới". Hướng dẫn này sử dụng Inkscape (www.inkscape.org), một trình biên tập đồ họa vector mã nguồn mở. Tôi tưởng tượng rằng phương pháp này cũng có thể được áp dụng cho các chương trình đồ họa vector đắt tiền như Adobe Illustrator. Này, đó là tiền của bạn.

Bước 1: Thiết lập tài liệu

Sau khi mở Inkscape, bạn sẽ muốn thiết lập các thuộc tính tài liệu. ([Tệp -> Thuộc tính tài liệu]) Trước tiên, hãy thay đổi chiều rộng và chiều cao của tài liệu thành một số dễ làm việc hơn. Đối với hướng dẫn này, tôi đã tạo một hình ảnh vuông, nhưng bất kỳ tỷ lệ nào cũng được. Tiếp theo, bạn sẽ muốn thiết lập lưới. Trong các phiên bản cũ của Inkscape, chỉ có một lưới duy nhất có thể. Trong các phiên bản mới hơn, bạn sẽ cần tạo một lưới mới. Thay đổi khoảng cách lưới để các giá trị này chia đều thành các giá trị của chiều rộng tài liệu & hegiht. Nói chung, bạn nên làm việc từ một hình ảnh lớn và sau đó giảm tỷ lệ khi cần thiết. Bởi vì đây là nghệ thuật vector, kích thước không quan trọng, nhưng thực tế mà nói, nó sẽ dễ dàng hơn về mặt khái niệm với những con số lớn hơn. Trong hướng dẫn này, tôi đã sử dụng hình ảnh 500x500px và lưới của tôi có khoảng cách 10px. Cuối cùng, hãy đảm bảo rằng tùy chọn "Bật chụp" được chọn.

Bước 2: Công cụ hình chữ nhật

Sử dụng công cụ hình chữ nhật để vẽ một hình vuông / hình chữ nhật có kích thước đầy đủ của tài liệu. Giá trị giãn cách lưới lớn (xem bước trước) sẽ giúp công cụ hình chữ nhật dễ dàng bắt vào các đường viền tài liệu.

Bước 3: Nhân bản mẫu

Nhóm]) "," trên cùng ": 0,38721804511278196," bên trái ": 0,354," chiều cao ": 0,35902255639097747," chiều rộng ": 0,372}]">

Thêm hình ảnh mà bạn muốn có trong mẫu của mình. Nếu hình ảnh của bạn là tệp SVG, thì thông thường bạn chỉ có thể kéo và thả nó vào tài liệu đang mở của mình. Tạo một bản sao của hình ảnh này. ([Chỉnh sửa -> Sao chép -> Tạo bản sao] hoặc bạn có thể nhấn Alt + D) Di chuyển hình ảnh gốc ra khỏi vùng làm việc của bạn. Di chuyển hình ảnh đã sao chép vào hình vuông và tạo một vài bản sao của nhân bản. Lý do của việc sử dụng bản sao thay vì bản sao của bản gốc sẽ trở nên rõ ràng sau này. Nhìn chung, bạn có thể không cần nhiều hơn 2 hoặc 3 bản sao để tạo mẫu. Như bạn có thể thấy, tôi đã có 3 bản sao của hình ảnh nhưng cuối cùng tôi đã xóa một bản sau đó. Một khi bạn nghĩ rằng bạn đã có đủ, hãy nhóm các mục này lại với nhau.

Bước 4: Nhân bản nhiều hơn

Bật lại tính năng snapping nếu bạn đã tắt nó ở bước trước, như tôi đã làm. Trong ảnh chụp màn hình, bạn không nhìn thấy lưới, nhưng nó đã được kích hoạt. Chọn nhóm đối tượng bạn vừa tạo và tạo bản sao của nhóm đó. bản sao cho đến khi bạn có ít nhất một lưới 3x3 các bản sao xung quanh bản gốc ở giữa.

Bước 5: Chuyên gia chuyển động

Bây giờ bạn đã có dàn sao chép, đã đến lúc làm mịn khuôn mẫu của bạn. Hiện tại, mô hình trông khá khối và quá đều đặn, vì vậy chúng tôi muốn trải rộng mọi thứ xung quanh một chút. và sau đó nhóm lại các đối tượng. Tuy nhiên, điều này sẽ phá vỡ các liên kết đến các bản sao, thay vào đó, chúng tôi muốn giữ nguyên nhóm trong khi thao tác các đối tượng đơn lẻ trong nhóm. Để thực hiện việc này, hãy giữ nút Control và nhấp vào đối tượng bạn muốn sửa đổi. Control-click chọn các đối tượng đơn lẻ trong một nhóm. Nếu bây giờ bạn di chuyển các đối tượng, các bản sao xung quanh cũng sẽ phản ánh sự thay đổi. Sử dụng phương pháp này, bây giờ bạn có thể di chuyển các hình ảnh xung quanh cho đến khi bạn hài lòng với mẫu tổng thể của mình. Bạn cũng có thể thay đổi kích thước, xoay hoặc xóa hình ảnh. Tôi đã kết thúc việc xóa một trong các hình ảnh vì tôi chỉ cần 2 để hoàn thành mẫu.

Bước 6: Giới thiệu về việc sử dụng hình ảnh nhân bản

Tôi đã đề cập ở bước 3 rằng bạn nên sử dụng bản sao thay vì bản sao của hình ảnh khi tạo hình vuông ở giữa ("bản gốc"). Lý do là nếu bản thân hình ảnh của bạn là một nhóm đối tượng, thì phương pháp nhấp chuột điều khiển để chọn các mục được nhóm sẽ chọn các đối tượng riêng lẻ của hình ảnh. Bản thân các bản sao không thể được chỉnh sửa (ngoại trừ kích thước và màu sắc) và do đó, phương pháp nhấp chuột điều khiển sẽ khiến toàn bộ đối tượng sao chép được chọn bất kể hình ảnh gốc được bao gồm bao nhiêu đối tượng.

Bước 7: Hoàn thiện các lần chạm

Như một bước tùy chọn, hãy chọn hình vuông nền (Ctrl-click) và đặt màu tô thành không có (nghĩa là trong suốt) hoặc bất kỳ màu nào bạn muốn có nền. ([Đối tượng -> Tô màu và nét vẽ]) Tôi cũng giảm độ mờ của toàn bộ nhóm (chọn bằng cách nhấp chuột thường xuyên) để mẫu có thể ở trong nền và không bị xâm nhập. Cuối cùng là bước xuất quan trọng. Mở cửa sổ xuất ([File -> Export bitmap]). Nhấp vào nút "Trang". Thao tác này sẽ chỉ xuất các phần của tài liệu nằm trong ranh giới trang - nghĩa là bên trong hình vuông của "bản gốc". Thay đổi kích thước bitmap đã xuất nếu bạn muốn, sau đó nhấp vào "Xuất".

Bước 8: Sản phẩm cuối cùng

Bạn đã hoàn tất! Đặt nó trên máy tính để bàn của bạn, sử dụng nó cho trang web của bạn hoặc in ra và bán nó dưới dạng giấy dán tường! Hãy tận hưởng.