Nội dung
Gần đây, trong lúc tìm hình nền mới trên mạng, mình tìm thấy bộ sưu tập hình nền gradient khá đẹp, nhưng nó có tỉ lệ dành cho điện thoại (màn hình dọc). Sau một lúc tìm kiếm, mình đã tìm được một cách để tạo ra các hình nền gradient chỉ với một dòng lệnh. Thấy hay nên chia sẻ cho các bạn.
ImageMagick
- ImageMagick là một phần mềm dùng để: tạo, chỉnh sửa, chuyển đổi hình ảnh.
- Nó có thể làm việc với nhiều định dạng của hình ảnh (hơn 200 định dạng).
- Nó là một phần mềm miễn phí, cho phép người dùng tải mã nguồn.
Tạo hình nền
Sau khi cài đặt ImageMagick, các bạn mở Command Prompt hoặc Terminal và nhập vào các lệnh bên dưới.
Hình nền một màu
magick convert -size 300x300 canvas:teal wallpaper-teal.jpg
Giải thích một chút về lệnh ở trên:
- magick là chương trình ImageMagick, nếu đang sử dụng hệ điều hành Linux, bạn không cần dùng nó.
- convert là công cụ để chỉnh sửa ảnh, ngoài ra còn nhiều công cụ khác như: mogrify, compose…
- size: định nghĩa kích thước của hình ảnh đầu ra.
- canvas: tạo ra một màu nào đó, trong ví dụ này mình chọn màu “teal”. Các bạn cũng có thể dùng định dạng hex hoặc rgb nhưng phải bao lại trong cặp dấu nháy.
- wallpaper-teal.jpg là tên của hình đầu ra.
Hình nền gradient
magick convert -size 300x300 gradient:lightskyblue-slateblue wallpaper-gradient.jpg
Trong lệnh trên, chúng ta thay tham số “canvas” thành gradient, nó dùng để tạo ra một dải màu từ 2 màu. Tương tự như canvas, chúng ta có thể dùng định dạng hex hoặc rgb.
Mặc định thì dải màu của chúng ta có hướng từ trên xuống dưới, cảm giác nó buồn buồn sao a. Cho nên chúng ta sẽ dùng lệnh sau:
magick convert -size 300x300 gradient:lightskyblue-slateblue -distort SRT 45 wallpaper-gradient.jpg
Tham số distort giúp chúng ta xoay hình ảnh vừa tạo ra theo một góc 45 độ trước khi xuất ra tệp hình ảnh. Và bạn cũng có thể dùng giá trị âm để xoay ngược chiều kim đồng hồ.
Kết
Ngoài gradient thì còn có radial-gradient nữa nhưng lười quá, chắc để trình bày trong các bài viết sau.
Link tham khảo ImageMagick: https://legacy.imagemagick.org/Usage/canvas/#gradient.
Link bộ hình nền gradient: https://www.techrum.vn/threads/chia-sẻ-50-hình-nền-gradient-tốt-nhất-cho-iphone-và-android.257041/.