RGB
0
  • News
  • Art & Design
  • Advertising
  • Explore
  • Showcase
  • Talk
  • Series
    • arc vibes
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Creative Vibes
Nhập hội Sáng tạo Creative Vibes
RGB RGB
0
RGB RGB
RGB RGB
  • News
    Đề xuất tạo băng trôi bằng tàu ngầm để giải quyết tình trạng ấm lên toàn cầu
    Bít tết in 3D có nguồn gốc từ thực vật đã được phục vụ ở các nhà hàng tại châu Âu
    rgb-Úc đề xuất đạo luật buộc các trang mạng xã hội cung cấp danh tính của các “thánh troll”
    Úc đề xuất đạo luật buộc các trang mạng xã hội cung cấp danh tính của các “thánh troll”
    Porsche tạo bản sao kỹ thuật số của xế hộp giúp bạn biết khi nào cần đi bảo trì
    Adobe sắp phát hành Photoshop bản web miễn phí
    Trước đó Tiếp
  • Art & Design
    Vũ Digital và hành trình thiết kế bộ nhận diện thương hiệu cho Mageplaza
    Nautilus – con dao cắt giấy giúp bạn không bao giờ bị đứt tay đã xuất hiện
    [Case Study] Dave’s Epic Strut – cú đánh hông gây chấn động thế giới của MoneySuperMarket
    McDonald’s dùng chính hình ảnh rác thải từ sản phẩm của mình để vận động chống xả rác bừa bãi
    Đằng sau kỹ xảo của Everything Everywhere All at Once
    Trước đó Tiếp
  • Advertising
    Kanye West thiết kế lại bao bì cho McDonald’s
    Kraft mở quỹ hỗ trợ chi phí cho người bị dị ứng bơ đậu phộng
    Hết vào metaverse mở nhà máy bia, Heineken lại tiếp tục mở quán bar ảo ngoài đời thực
    Valspar cho sơn toàn bộ một thị trấn ở Pháp để quảng bá cho màn ra mắt của mình tại nước này
    Pepsi ra mắt thức uống mới có vị “giòn tan” chuyên kết hợp với gà rán
    Trước đó Tiếp
  • Explore
    Kanye West thiết kế lại bao bì cho McDonald’s
    The Expanding Hole – chiếc ảo ảnh quang học mới phát hiện làm kinh ngạc các nhà khoa học
    Các nhà khoa học đã tìm ra phương pháp tư duy giúp bất kỳ ai (xin nhấn mạnh là bất kỳ ai!) cũng có thể trở nên sáng tạo hơn
    OutCast: công cụ hiệu chỉnh ánh sáng ngoài trời vô cùng “xịn sò” với chỉ một hình ảnh duy nhất làm đầu vào
    Logo Grid: Định nghĩa lưới logo và 3 lỗi ứng dụng thường gặp
    Mang đến bởi Vũ Digital
    Trước đó Tiếp
  • Showcase
    Vũ Digital và hành trình thiết kế bộ nhận diện thương hiệu cho Mageplaza
    Zhong Lin, nữ nhiếp ảnh gia người Malaysia với các tác phẩm siêu thực đầy mê hoặc
    Theo chân artist Daniel Tingcungco và dạo quanh ‘100 Góc Phố Sài Gòn’ qua tranh vẽ đầy cảm xúc
    NGOẶM: Hòa quyện bản sắc văn hóa độc đáo trong thiết kế thương hiệu ẩm thực Việt từ Studio Cohe
    ‘Chút tình gửi Phố’ – bộ tranh Hà Nội nồng nàn và cảm xúc từ họa sĩ người Sài Gòn Phong Hoàng
    Trước đó Tiếp
  • Talk
    Naisu, illustrator người Thái nổi tiếng với những bức tranh minh hoạ đầy màu sắc, kể lên câu chuyện siêu thực về tình dục và giới tính
    Nữ đạo diễn 9x Mai Vũ và hành trình tạo nên phim ngắn “Spring Roll Dream” đang tranh cử tại Cannes
    Theo chân artist Daniel Tingcungco và dạo quanh ‘100 Góc Phố Sài Gòn’ qua tranh vẽ đầy cảm xúc
    Beats of Hanoi – những thanh âm Hà Nội qua tiếng trống của Ilya Levchenko
    Họa sĩ trẻ Bảo Lưu: Vẽ là gửi gắm câu chuyện, cảm xúc vào từng tác phẩm
    Trước đó Tiếp
  • Series
    • arc vibes
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Trending Now

47 font chữ viết tay miễn phí tuyệt vời

6 years ago

[Nhà đẹp] Ngôi nhà vườn “AM House” xanh mát ở Cần Giuộc, Long An

2 years ago

21 Tư thế chụp ảnh dành riêng cho bạn nam

9 years ago

Top những thương hiệu nội thất đa phong cách & nổi tiếng gợi ý cho căn nhà đẹp trong mơ của bạn

1 year ago
RGB
  • News
    Đề xuất tạo băng trôi bằng tàu ngầm để giải quyết tình trạng ấm lên toàn cầu
    Bít tết in 3D có nguồn gốc từ thực vật đã được phục vụ ở các nhà hàng tại châu Âu
    rgb-Úc đề xuất đạo luật buộc các trang mạng xã hội cung cấp danh tính của các “thánh troll”
    Úc đề xuất đạo luật buộc các trang mạng xã hội cung cấp danh tính của các “thánh troll”
    Porsche tạo bản sao kỹ thuật số của xế hộp giúp bạn biết khi nào cần đi bảo trì
    Adobe sắp phát hành Photoshop bản web miễn phí
    Trước đó Tiếp
  • Art & Design
    Vũ Digital và hành trình thiết kế bộ nhận diện thương hiệu cho Mageplaza
    Nautilus – con dao cắt giấy giúp bạn không bao giờ bị đứt tay đã xuất hiện
    [Case Study] Dave’s Epic Strut – cú đánh hông gây chấn động thế giới của MoneySuperMarket
    McDonald’s dùng chính hình ảnh rác thải từ sản phẩm của mình để vận động chống xả rác bừa bãi
    Đằng sau kỹ xảo của Everything Everywhere All at Once
    Trước đó Tiếp
  • Advertising
    Kanye West thiết kế lại bao bì cho McDonald’s
    Kraft mở quỹ hỗ trợ chi phí cho người bị dị ứng bơ đậu phộng
    Hết vào metaverse mở nhà máy bia, Heineken lại tiếp tục mở quán bar ảo ngoài đời thực
    Valspar cho sơn toàn bộ một thị trấn ở Pháp để quảng bá cho màn ra mắt của mình tại nước này
    Pepsi ra mắt thức uống mới có vị “giòn tan” chuyên kết hợp với gà rán
    Trước đó Tiếp
  • Explore
    Kanye West thiết kế lại bao bì cho McDonald’s
    The Expanding Hole – chiếc ảo ảnh quang học mới phát hiện làm kinh ngạc các nhà khoa học
    Các nhà khoa học đã tìm ra phương pháp tư duy giúp bất kỳ ai (xin nhấn mạnh là bất kỳ ai!) cũng có thể trở nên sáng tạo hơn
    OutCast: công cụ hiệu chỉnh ánh sáng ngoài trời vô cùng “xịn sò” với chỉ một hình ảnh duy nhất làm đầu vào
    Logo Grid: Định nghĩa lưới logo và 3 lỗi ứng dụng thường gặp
    Mang đến bởi Vũ Digital
    Trước đó Tiếp
  • Showcase
    Vũ Digital và hành trình thiết kế bộ nhận diện thương hiệu cho Mageplaza
    Zhong Lin, nữ nhiếp ảnh gia người Malaysia với các tác phẩm siêu thực đầy mê hoặc
    Theo chân artist Daniel Tingcungco và dạo quanh ‘100 Góc Phố Sài Gòn’ qua tranh vẽ đầy cảm xúc
    NGOẶM: Hòa quyện bản sắc văn hóa độc đáo trong thiết kế thương hiệu ẩm thực Việt từ Studio Cohe
    ‘Chút tình gửi Phố’ – bộ tranh Hà Nội nồng nàn và cảm xúc từ họa sĩ người Sài Gòn Phong Hoàng
    Trước đó Tiếp
  • Talk
    Naisu, illustrator người Thái nổi tiếng với những bức tranh minh hoạ đầy màu sắc, kể lên câu chuyện siêu thực về tình dục và giới tính
    Nữ đạo diễn 9x Mai Vũ và hành trình tạo nên phim ngắn “Spring Roll Dream” đang tranh cử tại Cannes
    Theo chân artist Daniel Tingcungco và dạo quanh ‘100 Góc Phố Sài Gòn’ qua tranh vẽ đầy cảm xúc
    Beats of Hanoi – những thanh âm Hà Nội qua tiếng trống của Ilya Levchenko
    Họa sĩ trẻ Bảo Lưu: Vẽ là gửi gắm câu chuyện, cảm xúc vào từng tác phẩm
    Trước đó Tiếp
  • Series
    • arc vibes
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Trending Now

47 font chữ viết tay miễn phí tuyệt vời

6 years ago

[Nhà đẹp] Ngôi nhà vườn “AM House” xanh mát ở Cần Giuộc, Long An

2 years ago

21 Tư thế chụp ảnh dành riêng cho bạn nam

9 years ago

Top những thương hiệu nội thất đa phong cách & nổi tiếng gợi ý cho căn nhà đẹp trong mơ của bạn

1 year ago
0
Explore

Làm cách nào để logo mới của Google giảm từ 14.000 byte xuống còn 305 byte?

Posted by RGB 7 years ago 274 views
0 Chia sẻ
Xem thêm
Cách phối hợp nhuần nhuyễn chữ và hình ảnh trong thiết kế

Google nói logo cũ của họ có dung lượng khoảng 14.000 byte, còn logo mới nhất hiện tại chỉ có 305 byte mà thôi. Đây không hẳn chỉ là việc nén hình ảnh mà thực chất là cả một quá trình chọn lại phương pháp vẽ. Cụ thể, logo cũ sử dụng font Serif khá phức tạp với khoảng 100 điểm “anchor” (điểm móc dùng để tạo nét vẽ trong các phần mềm đồ họa) trong khi logo mới chỉ dùng các hình tròn và hình vuông để tạo thành, thậm chí có thể chỉ cần dùng các đường thẳng là cũng tạo được logo mới. Dưới đây là chi tiết cách người ta chỉ ra sự khác biệt giữa hai phương pháp vẽ.

rgb_creative_google_logo_2015

Logo cũ
Sử dụng font Serif, ở các điểm tận cùng của mỗi ký tự đều khá phức tạp (các phần dư ra, điểm nhọn, điểm cong). Để vẽ được các nét đó, người ta phải tạo ra các điểm “Anchor Point”, đây là các điểm nối dùng để tạo ra nét vẽ liền nhau trong phần mềm đồ họa. Nét vẽ càng phức tạp thì càng có nhiều điểm Anchor Point. Xem hình bên dưới bạn sẽ thấy, có đến 100 Anchor Point trong logo cũ của Google.

rgb_creative_google_logo_old

Logo mới
Trong khi đó, logo mới nhất của Google được vẽ theo cách đơn giản hơn rất nhiều, chỉ dùng các khối hình tròn và hình chữ nhật ghép lồng lại với nhau là ra, bao gồm:

  • 10 vòng tròn (2 vòng cho mỗi “G”, 2 vòng cho mỗi chữ “o”, 2 vòng cho chữ “e”).
  • 5 hình chữ nhật (2 hình cho chữ “G”, 1 hình cho chữ “l”, 2 hình cho chữ “e”).
  • 1 hình khối đặc biệt duy nhất với 7 “Anchor Point” (dùng cho phần đuôi của chữ “g” viết thường).

rgb_creative_google_logo_new

Hiện tại Google chưa phát hành phiên bản logo chỉ có 305 byte (hình mới mà bạn thấy trên website Google nặng tới mười mấy KB). Tuy nhiên, người ta đã thử vẽ lại chữ “G” của logo mới dưới dạng file SVG theo cách hướng dẫn trên thì dung lượng sau cùng chỉ có 302 byte, nếu nén lại nữa thì chỉ còn có 195 byte cho ký tự “G” đầu tiên.

rgb_creative_G_in_Google

Chưa hết, một người dùng khác còn có cách vẽ bá đạo hơn nữa mà không cần dùng hình tròn với hình chữ nhật. Thay vì vẽ hai hình tròn lồng vào nhau rồi tô màu (Fill) màu xanh vào chỗ giữa hai hình tròn thì người này chỉ dùng các đường thẳng để vẽ, sau đó dùng thuộc tính “Stroke” để tô đậm nét vẽ đó lên (Bold), kết quả vẫn có được hình ảnh chữ G tương tự nhưng dùng ít dòng code lập trình hơn và dung lượng file cũng ít hơn. Bằng cách này, toàn bộ logo “Google” sau khi vẽ chỉ nặng còn 290 byte. Cách vẽ là dùng 2 hình tròn cho 2 chữ “o” và dùng 4 nét vẽ (“Paths”) cho các chữ “G”, “g”, “l” và “e”. Sau đó dùng thuộc tính “Stroke” tăng chiều này nét vẽ lên 16 pixel là có ngay logo mới hoàn chỉnh.

rgb_creative_Google_209_byte

Bạn có thể xem chi tiết các đoạn code dùng để vẽ, bài viết gốc và tham khảo thêm nhiều thông tin khác về logo tại các link sau:

  • How Could Google’s New Logo Be Only 305 Bytes When Its Old Logo Was 14,000 Bytes?
  • Evolving the Google Identity

Theo TDNC Tinhte.vn

Tags: google google logo logo logo design thiết kế logo
0 Chia sẻ
Chia sẻ trên Facebook Chia sẻ trên Twitter Chia sẻ trên Pinterest Chia sẻ qua Email
RGB 05/09/2015

Để lại đánh giá

Cancel reply

Your email address will not be published. Required fields are marked *

Vui lòng chọn đánh giá

Creative Vibes

Luôn cập nhật tin Sáng tạo mới nhất qua Inbox của bạn!

Xin vui lòng xác nhận đồng ý nhận tin từ RGB Bạn ơi nhập email vào nhé! Email này đã được sử dụng đăng ký trước đó Your address has been added.

Mới nhất

Kanye West thiết kế lại bao bì cho McDonald’s
Đề xuất tạo băng trôi bằng tàu ngầm để giải quyết tình trạng ấm lên toàn cầu
Kraft mở quỹ hỗ trợ chi phí cho người bị dị ứng bơ đậu phộng
Hết vào metaverse mở nhà máy bia, Heineken lại tiếp tục mở quán bar ảo ngoài đời thực

Có thể bạn thích

Art & DesignPackaging Design

Kanye West thiết kế lại bao bì cho McDonald’s

NewsTech

Kỹ sư Google bị đình chỉ sau khi tuyên bố phần mềm AI của công ty đã trở nên có tri giác

Explore

The Expanding Hole – chiếc ảo ảnh quang học mới phát hiện làm kinh ngạc các nhà khoa học

Creativity

Các nhà khoa học đã tìm ra phương pháp tư duy giúp bất kỳ ai (xin nhấn mạnh là bất kỳ ai!) cũng có thể trở nên sáng tạo hơn

Lướt tiếp
footer logo

RGB - Cộng đồng Sáng tạo Việt Nam. Trang thông tin đa dạng về các lĩnh vực sáng tạo, thiết kế, nghệ thuật, quảng cáo và nhiều hơn thế nữa.

Liên hệ hợp tác, quảng cáo: hoptac@rgb.vn

  • Art & Design
  • Advertising
  • Explore
  • Showcase
  • Talk
  • News

© RGB - Cộng đồng Sáng tạo Việt Nam
Creative Vibes - Art, Design, Advertising & Creativity
Trang được bảo vệ bởi reCAPTCHA theo Chính sách bảo mật và Điều khoản dịch vụ của Google.

Our website uses cookies to improve your experience.

Accept