Tạo biểu tượng cho iPhone UITabBar

Question

Tôi đang bận làm việc với đồ họa cho ứng dụng iPhone của mình. Tôi bắt đầu làm việc trên tạo ra các biểu tượng cho UITabBar của tôi và chạy vào rất nhiều vấn đề. Làm cách nào để bạn tạo các biểu tượng này?

Tôi tạo ra giải pháp này:

http://www.nailrails.com/?p=46

Có bất kỳ thiếu sót để phương pháp này? Nó dường như làm việc cho vài biểu tượng mà tôi tạo ra ...

Answer 1

Tài liệu khá đơn giản-- alpha là tất cả những gì quan trọng khi hình ảnh được thanh công cụ tải xuống, có nghĩa là mọi thứ không được bán trong suốt sẽ hiển thị trong cùng một bóng mờ. Đối với cách tôi làm điều đó, tôi chủ yếu sử dụng các công cụ Adobe. Pháo hoa là công cụ ưa thích của tôi nhưng Photoshop cũng nhiều hơn thế. Một cái khác tôi đã có được kết quả tốt là Acorn, đó là thẳng thắn rẻ hơn rất nhiều trong khi trở nên phức tạp hơn cho loại công việc này. Tôi không thực sự là một nhà thiết kế đồ họa nhưng một sự quen thuộc nhất định với loại công cụ này đi cùng với công việc.

Answer 2

Tôi có một bài viết trên trang web của tôi cho thấy làm thế nào để sử dụng OmniGraffle với một mẫu tôi sử dụng để tạo ra rất lớn các biểu tượng trên thanh công cụ iPhone chỉ trong vài phút:

http://steveweller.com/articles/toolbar-icons/

Mẫu thiết lập một mạng lưới làm việc để tương ứng với một hình vuông cho mỗi pixel. Bạn vẽ biểu tượng của bạn màu trắng trên nền mẫu màu đen và sau đó xuất dưới dạng PDF chính xác vùng phù hợp để khớp với kích thước biểu tượng bạn cần (thường cao 21 pixel). Sau đó, bạn nhập lại tệp PDF, thay đổi kích thước tệp thành kích thước biểu tượng cuối cùng (21 pixel một lần nữa) và xuất dưới dạng PNG. Các mẫu không có gì huyền diệu; nó chỉ cung cấp một khu vực làm việc đã được thiết lập và giúp bạn có được quyền PNG cuối cùng mỗi lần với quy mô là chính xác.

Bạn có thể sử dụng kỹ thuật tương tự trong Acorn hoặc bất kỳ ứng dụng nào khác hỗ trợ xuất và xuất PDF.

Answer 3

hướng dẫn của Apple có thể được tìm thấy tại http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW1

Answer 4

(tôi sử dụng Gimp. Giả sử lớp biểu tượng của bạn đã có kênh alpha.)

1. Nhấp chuột phải vào lớp, sau đó add layer mask.
2. Xong với tùy chọn "kênh alpha truyền của lớp" được chọn.
3. Chọn toàn bộ lớp (nhưng không phải lớp mặt nạ) và xóa nó bằng màu trắng tinh khiết.
4. Thay đổi kích thước hình ảnh thành kích thước được Apple đề xuất và xuất dưới dạng tệp png.

Bạn cũng có thể vẽ trực tiếp trên mặt nạ lớp.