Làm cách nào tôi có thể tạo đồ họa theo phong cách vẽ tay cho trang web của mình?

8

Tôi đang phát triển một trang web cho ứng dụng dựa trên web, tôi chưa quen với thiết kế web, vì vậy hãy tha thứ nếu tôi đã hỏi câu hỏi rất cơ bản.

tôi muốn tạo biểu tượng và nhúng vào tập tin hình ảnh png hiện có của tôi. tôi đã đính kèm hình ảnh mẫu bên dưới và khoanh tròn biểu tượng mà tôi muốn.

nhập mô tả hình ảnh ở đây

Vì vậy, tôi muốn biết làm thế nào để nhúng các biểu tượng vào hình ảnh, có công cụ cụ thể nào để tạo các biểu tượng đó không?.

website-design  icon  images 
— pappu_kutty
nguồn
Bạn nên ghi công (nghĩa là một URL) cho hình ảnh đó. Tôi đoán đó là một yêu cầu cho cả trang web này và trang web bạn nhận được hình ảnh (nếu trang web đó hoàn toàn cho phép nó, mặc dù với sự quy kết có lẽ nó được bảo vệ theo sử dụng hợp lý).
— Tái lập lại Monica - notmaynard
Sử dụng SVG có thể tốt cho những thứ như thế này để chúng có thể được thu nhỏ và thay đổi khi cần trong chính trình duyệt
— Zach Saucier
2
Cách tốt nhất để tạo đồ họa vẽ tay là vẽ chúng bằng tay. Những người trong ví dụ trông giống như họ được vẽ bằng chuột hoặc máy tính bảng, nét vẽ là nhất quán.
— Phil

Câu trả lời:

11

Nếu bạn đã có biểu ngữ của bạn và đang tự hỏi về các bản vẽ nhỏ trên đầu, thì tôi có thể nghĩ ra hai cách để có được chúng:

1) Mua chúng trực tuyến, đã được thực hiện. Các trang web như iStock hoặc GraphicRiver cung cấp hình minh họa vector với nền trong suốt, vì vậy thật dễ dàng để mở các tệp và chỉ cần dán chúng vào biểu ngữ của bạn. Ngoài ra còn có các biểu tượng miễn phí bạn có thể sử dụng. Hãy xem Vecteezy , The Noun Project hoặc FlatIcon , để chỉ một vài tên.

2) Tự vẽ chúng . Bạn có thể sử dụng chuột của mình (Illustrator hoặc Inkscape sẽ tốt hơn cho việc này) hoặc, nếu bạn thích vẽ, bạn có thể có một máy tính bảng đồ họa. Những cái nhỏ không đắt lắm, và trong mọi trường hợp nếu đó là thứ của bạn thì nó sẽ chẳng là gì ngoài đầu tư.

Chúc may mắn!

— Yisela
nguồn
cảm ơn .. tôi đã quyết định tự vẽ bằng cách sử dụng họa sĩ minh họa, có vẻ sáng tạo và độc đáo hơn.
— pappu_kutty
1

Nếu tôi hiểu chính xác câu hỏi của bạn, thì bạn có hai lựa chọn:

  1. Bạn có thể vẽ tay các biểu tượng trên giấy và quét chúng vào một chương trình chỉnh sửa hình ảnh. Bạn có thể biến "biểu tượng" thành PNG có kích thước cố định với nền trong suốt hoặc thành tệp SVG có thể chia tỷ lệ. Sau đó, chỉ cần tải hình ảnh đó lên trang web của bạn, biến nó thành một liên kết và định vị chính xác ... sử dụng các kiểu CSS tuyệt đối, cố định, nổi, v.v.

  2. Bạn có thể nhúng các biểu tượng vẽ tay như một phần của hình nền. Sau đó, bạn sẽ làm việc chỉ với một hình ảnh lớn. Bạn có thể biến các phần khác nhau của hình ảnh đó thành các liên kết bằng cách tạo một url bản đồ hình ảnh trong một cái gì đó như Dreamweaver. Điều đó có nghĩa là bạn xác định một phần hình ảnh của mình (thông qua tọa độ) là một liên kết - một khu vực mà bạn có thể "định hình" thành cùng một hình thức và vị trí như trong hình nền của bạn.

— chia sẻ vật lý
nguồn
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.