Home/Hướng dẫn/Canva – Hướng dẫn tạo màu nền gradient
Hi cả nhà, đây là chiếc video nhỏ nhỏ mình hướng dẫn các quý khách cách để tạo màu nền gradient, cũng đơn giản thôi nè! Hy vọng nó sẽ có ích cho các quý khách.
———————————————-
? Group để các quý khách bán Canva template:
? IG của mình: green_window_store
? Bio của mình: bit.ly/2UYOAD2
Tags camera phone free hướng dẫn canva sharing upload video video phone
Check Also
Học tiếng Anh lớp 1 – Unit 18. In the countryside – THAKI Các bậc …
Làm thế nào để tạo một gradient trong Canva? Ở Canva có rất nhiều tùy chọn để chỉnh sửa hình ảnh và thiết kế của chúng tôi. Chúng tôi có thể thêm bộ lọc hoặc thay đổi màu sắc, thậm chí xóa nền của ảnh, tất cả những điều này, dễ dàng và nhanh chóng. Và có, chúng ta có thể làm gradient.
Canva đã trở thành web thiết kế tuyệt vời, bởi vì nó có một số lượng lớn các tùy chọn và ứng dụng, tạo điều kiện thuận lợi cho mọi bước chúng tôi thực hiện để tìm kiếm thiết kế lý tưởng.
Bây giờ để tạo một gradient trên một hình ảnh, chúng ta phải rõ ràng đâu sẽ là vùng tối và vùng nào sẽ có tất cả ánh sáng. Không cần thêm quảng cáo, hãy bắt đầu tạo gradient của chúng tôi:
bước 1
Khi bạn đã nhập bảng tính, tức là nơi bạn sẽ thực hiện thiết kế của mình; Chuyển đến thanh tùy chọn dọc ở bên trái của bạn. Ở đó bạn sẽ thấy menu "Các mục", nhấp vào tùy chọn này. Sau, tìm kiếm "Gradients" nhấp vào "Xem tất cả".
Cửa sổ menu sẽ mở ra với tất cả các gradient có sẵn. Khi bạn đã biết mình sẽ sử dụng cái nào, hãy nhấp vào cái đó. Nó sẽ xuất hiện trên trang tính hiện tại của bạn. Hãy nhớ rằng, bất kỳ độ dốc nào bạn chọn, bạn đều có thể sửa đổi màu sắc của nó. Ngoại trừ một số rất cụ thể, nhưng hầu hết, chúng có thể được chỉnh sửa.
bước 2
đến sửa đổi màu sắc của gradient đã chọn, nhấp vào gradient đã có trên trang thiết kế của bạn. Các màu tạo nên gradient của bạn sẽ xuất hiện trong một vài ô vuông ở đầu màn hình. Khi bạn nhấp vào đó, bạn sẽ thấy biểu đồ màu, nơi bạn có thể chọn những màu phù hợp với những gì bạn đang tìm kiếm.
Khi bạn đã chọn được màu sắc, bạn có thể kiểm tra màu nào phù hợp với thiết kế của bạn nhất. Đồng thời, bạn có thể tiếp tục xem các kiểu gradient khác, bạn có thể xóa trong tùy chọn xóa.
bước 3
Đặt nơi bạn muốn xem gradient của mìnhNó có thể nằm sau một văn bản hoặc một hình ảnh, hoặc để tạo chuyển động cho một thiết kế. Nó thậm chí có thể hoạt động như đường viền cho hình ảnh của bạn. Nó có nhiều công dụng và bạn là người lựa chọn. Khi mọi thứ đã sẵn sàng; Vì vậy, hãy tải xuống! Thiết kế của bạn bây giờ có các gradient và bạn sẽ thấy rằng nó có một nét khác biệt và đầy màu sắc.
Tạo giấy trong suốt với các gradient của bạn
Bạn cũng có thể làm cho gradient trong suốt để tạo sự chú ý nhiều hơn đến các phần tử khác trong thiết kế của bạn, có nghĩa là phần tử có độ trong suốt sẽ ít được nhìn thấy hơn, ngay cả khi nó nằm trên phần tử khác. Nó rất hữu ích nếu bạn muốn overlay gradient của bạn.
Khi bạn đã chọn gradient trên trang tính của mình, menu sẽ mở ra ở đầu màn hình. Ở góc bên phải, bạn sẽ thấy một menu có ba dấu chấm, hãy nhấp vào đó để xem các tùy chọn của nó. Bạn sẽ thấy biểu tượng gradient, là một hình vuông. Bạn sẽ thấy một đường điều chỉnh, di chuyển nó từ bên này sang bên kia để sửa đổi độ trong suốt. Bạn chọn cường độ của độ trong suốt trong gradient của bạn.
Gradient có thể được dùng để tô màu cho các dạng hình học như hình chữ nhật, hình tròn, đường thẳng, văn bản,
Để sử dụng gradient trong bạn có thể thực hiện theo các bước sau đây:
Bước 1: Chọn loại gradient. Có hai loại gradient khác nhau dùng trong tô màu được thể hiện qua hai phương thức sau đây:
ØPhương thức createLinearGradient[x,y,x1,y1] dùng để tạo gradient dạng thẳng
ØPhương thức createRadialGradient[x,y,r,x1,y1,r1] dùng để tạo gradient dạng cong.
Bước 2: Xác định các điểm dừng màu sắc. Để xác định các điểm dừng màu sắc của gradient ta cần sử dụng phương thức addColorStop[]. Các điểm dừng màu sắc của gradient nằm trong đoạn [0-1].
Bước 3: Sử dụng thuộc tính fillStyle hoặc strokeStyle để yêu cầu gradient tương ứng, rồi sau đó vẽ các hình dạng mong muốn.
Ví dụ 1:Sử dụng phương thức createLinearGradient[] để vẽ gradient dạng thẳng.
Trình duyệt này không hỗ trợ phần tử canvas.
var i=0;
function draw4[]{
var c=document.getElementById["myCanvas"];
var ctx=c.getContext["2d"];
// Tạo gradient
var grd=ctx.createLinearGradient[0,0,200,0];
grd.addColorStop[0,"red"];
grd.addColorStop[1,"white"];
// Vẽ hình
if[i