RGB
Nhập hội Sáng tạo cùng RGB
0
  • News
  • Advertising
  • Art & Design
  • Tech
  • arc vibes
  • Explore
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
Nhập hội Sáng tạo Creative Vibes
RGB RGB
0
RGB RGB
RGB RGB
  • News
    Adobe đang đẩy mạnh AI cho Creative Cloud: công bố kế hoạch cho phép ChatGPT, Claude và Gemini chỉnh sửa trực tiếp file thiết kế và video
    FBI xem xét nghi vấn tình báo quanh CEO Nvidia, xuất hiện cáo buộc tuồn 7,5 tỷ USD chip AI vào Trung Quốc
    Adobe MAX 2026 tập trung vào AI, chỉnh sửa thông minh hơn và giảm bớt những phiền toái khi sáng tạo
    Apple TV bổ sung ngôn ngữ ký hiệu, giúp người khiếm thính tiếp cận phim ảnh dễ dàng hơn
    Hộp quà đếm ngược Giáng sinh của Kim Kardashian gây sốc: giá gần 4 triệu đồng nhưng mở ra toàn đồ linh tinh
    Trước đó Tiếp
  • Advertising
    Hada Labo Thái Lan biến billboard thành “làn da” căng mọng, đàn hồi để người xem chạm vào
    Apple Pay biến cửa hàng tạp hóa thành sàn đấu kung fu trong quảng cáo hợp tác với đạo diễn Edgar Wright 
    Red Bull lập hai kỷ lục Guinness với cú phóng người lên trời ở tốc độ 180 km/h
    KitKat ra mắt Kit=Code, biến dấu “=” thành lời nhắc nghỉ giải lao dành cho lập trình viên
    Ross của “Friends” lại đi tìm áo len đỏ huyền thoại: David Schwimmer tái xuất trong quảng cáo mùa lễ hội
    Trước đó Tiếp
  • Art & Design
    Rực rỡ và bí ẩn: Những giấc mơ siêu thực trong tranh của artist James Fenner 
    Trên những mái nhà Hồng Kông: Nhiếp ảnh gia ghi lại cuộc sống đời thường giữa đô thị chật chội
    Bộ font Da Hanoi – Display Typeface lấy cảm hứng từ kiến trúc truyền thống Việt Nam 
    Dior ra mắt hoạt hình vẽ tay cho mùa lễ hội, đưa di sản nhà mốt vào thế giới cổ tích
    HOA A1: Chiếc máy ảnh không màn hình giúp chụp ảnh mà vẫn có thể nhìn vào mắt nhau
    Trước đó Tiếp
  • Tech
    10 dịch vụ VPN tốt nhất năm 2026 được các chuyên gia đánh giá
    HOA A1: Chiếc máy ảnh không màn hình giúp chụp ảnh mà vẫn có thể nhìn vào mắt nhau
    Sony bất ngờ hồi sinh tai nghe Walkman thập niên 70, giữ nguyên nét retro nhưng đổi sang USB-C
    Motorola ra mắt Signature 27 – flagship tham vọng nhất để vượt Samsung và Apple
    Anthropic siết chặt việc sao chép game bằng AI qua các hạn chế mới đối với Claude
    Trước đó Tiếp
  • arc vibes
    “Nhà Trên Cây”: tổ ấm yên bình nuôi dưỡng tuổi thơ giữa rừng xà cừ
    Mikan Village – căn nhà nghỉ dưỡng ở ngoại ô Hà Nội lấy cảm hứng từ kiến trúc Nhật Bản
    Little Red House – ngôi nhà nhỏ của gia đình “nghệ sĩ” ở Phan Thiết
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    An’s House – ngôi nhà hiện đại mang hơi thở kiến trúc truyền thống ở Củ Chi, thiết kế bởi G+architects
    Trước đó Tiếp
  • Explore
    10 dịch vụ VPN tốt nhất năm 2026 được các chuyên gia đánh giá
    5 dịch vụ VPN miễn phí tốt nhất 2026
    Những công cụ AI tốt nhất năm 2026: từ chatbot, tạo ảnh, video, âm thanh cho đến lập trình, học thuật
    Những phần mềm 3D Modeling hàng đầu: Blender, Maya, ZBrush, Cinema 4D và nhiều lựa chọn khác
    Những trang tải nhạc miễn phí tốt nhất năm 2026
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
RGB RGB
  • News
    Adobe đang đẩy mạnh AI cho Creative Cloud: công bố kế hoạch cho phép ChatGPT, Claude và Gemini chỉnh sửa trực tiếp file thiết kế và video
    FBI xem xét nghi vấn tình báo quanh CEO Nvidia, xuất hiện cáo buộc tuồn 7,5 tỷ USD chip AI vào Trung Quốc
    Adobe MAX 2026 tập trung vào AI, chỉnh sửa thông minh hơn và giảm bớt những phiền toái khi sáng tạo
    Apple TV bổ sung ngôn ngữ ký hiệu, giúp người khiếm thính tiếp cận phim ảnh dễ dàng hơn
    Hộp quà đếm ngược Giáng sinh của Kim Kardashian gây sốc: giá gần 4 triệu đồng nhưng mở ra toàn đồ linh tinh
    Trước đó Tiếp
  • Advertising
    Hada Labo Thái Lan biến billboard thành “làn da” căng mọng, đàn hồi để người xem chạm vào
    Apple Pay biến cửa hàng tạp hóa thành sàn đấu kung fu trong quảng cáo hợp tác với đạo diễn Edgar Wright 
    Red Bull lập hai kỷ lục Guinness với cú phóng người lên trời ở tốc độ 180 km/h
    KitKat ra mắt Kit=Code, biến dấu “=” thành lời nhắc nghỉ giải lao dành cho lập trình viên
    Ross của “Friends” lại đi tìm áo len đỏ huyền thoại: David Schwimmer tái xuất trong quảng cáo mùa lễ hội
    Trước đó Tiếp
  • Art & Design
    Rực rỡ và bí ẩn: Những giấc mơ siêu thực trong tranh của artist James Fenner 
    Trên những mái nhà Hồng Kông: Nhiếp ảnh gia ghi lại cuộc sống đời thường giữa đô thị chật chội
    Bộ font Da Hanoi – Display Typeface lấy cảm hứng từ kiến trúc truyền thống Việt Nam 
    Dior ra mắt hoạt hình vẽ tay cho mùa lễ hội, đưa di sản nhà mốt vào thế giới cổ tích
    HOA A1: Chiếc máy ảnh không màn hình giúp chụp ảnh mà vẫn có thể nhìn vào mắt nhau
    Trước đó Tiếp
  • Tech
    10 dịch vụ VPN tốt nhất năm 2026 được các chuyên gia đánh giá
    HOA A1: Chiếc máy ảnh không màn hình giúp chụp ảnh mà vẫn có thể nhìn vào mắt nhau
    Sony bất ngờ hồi sinh tai nghe Walkman thập niên 70, giữ nguyên nét retro nhưng đổi sang USB-C
    Motorola ra mắt Signature 27 – flagship tham vọng nhất để vượt Samsung và Apple
    Anthropic siết chặt việc sao chép game bằng AI qua các hạn chế mới đối với Claude
    Trước đó Tiếp
  • arc vibes
    “Nhà Trên Cây”: tổ ấm yên bình nuôi dưỡng tuổi thơ giữa rừng xà cừ
    Mikan Village – căn nhà nghỉ dưỡng ở ngoại ô Hà Nội lấy cảm hứng từ kiến trúc Nhật Bản
    Little Red House – ngôi nhà nhỏ của gia đình “nghệ sĩ” ở Phan Thiết
    AEG chính thức cập bến Việt Nam: khi di sản thiết kế Đức hòa nhịp vào không gian nội thất đương đại
    An’s House – ngôi nhà hiện đại mang hơi thở kiến trúc truyền thống ở Củ Chi, thiết kế bởi G+architects
    Trước đó Tiếp
  • Explore
    10 dịch vụ VPN tốt nhất năm 2026 được các chuyên gia đánh giá
    5 dịch vụ VPN miễn phí tốt nhất 2026
    Những công cụ AI tốt nhất năm 2026: từ chatbot, tạo ảnh, video, âm thanh cho đến lập trình, học thuật
    Những phần mềm 3D Modeling hàng đầu: Blender, Maya, ZBrush, Cinema 4D và nhiều lựa chọn khác
    Những trang tải nhạc miễn phí tốt nhất năm 2026
    Trước đó Tiếp
  • Series
    • Bon Trend
    • Art Holic
    • Trạm Sáng Tạo FPT – Arena
    • Vũ trụ Animation, VFX & Game
0
Explore

Chi tiết quy trình thiết kế logo myNiteLife

Posted by RGB 15 năm trước
RGB.vn | Chi tiết quy trình thiết kế logo myNitelife

Cùng tìm hiểu quy trình thiết kế logo cho myNitelife.

RGB đã từng giới thiệu đến các bạn chi tiết quy trình thiết kế logo Complete Revamp từ bản brief đến Illustrator, hôm nay hãy tiếp tục theo dõi các bước làm nên logo myNitelife.

Phát triển thương hiệu cho website có tên myNitelife là một dự án cá nhân giữa tôi và một người bạn chuyên làm về phát triển Web. Và một trong những công việc đầu tiên của dự án là thiết kế một logo cho riêng nó. Trong bài viết này, tôi sẽ hướng dẫn các bạn toàn bộ quá trình thiết kế logo myNitelife từ lúc nó vẫn còn là ý tưởng được phác thảo trên giấy cho đến khi là một logo hoàn chỉnh được sử dụng trên website.


Những  thông tin cơ bản về logo

Toàn bộ ý tưởng đằng sau myNitelife là chuyên cung cấp trực tuyến cho người dùng danh sách các địa điểm quán bar, nhà hàng, câu lạc bộ  vui chơi về đêm của thành phố Sheffield cùng với những đánh giá, xếp hạng của họ. Ngoài ra, trang web còn bao gồm một bản vẽ quy hoạch được vẽ dựa trên bản đồ của thành phố, qua đó người dùng có thể lên kế hoạch lộ trình giữa các địa điển vui chơi và gửi cho bạn bè của họ.

Với những thông tin trên tôi nghĩ thương hiệu sẽ hướng đến đối tượng từ 18-40 tuổi và logo cần diễn tả được sự vui vẻ và gợi cảm về những thú vui về đêm của thành phố.

Giai đoạn đầu tiên trong  quá trình thiết kế là viết ra một vài ý tưởng và vẽ  nháp nó trên giấy. Những ý tưởng ban đầu của tôi được vẽ phác thảo bao gồm về đèn sân khấu, kiểu chữ tròn, những hình người nhảy múa, hình dạng mặt trăng, và các kiểu chữ Serif sang trọng.


Sau đó tôi sử dụng Adobe IIlustrator để xem qua các kiểu chữ khác nhau như từ các dạng chữ mỏng và hiện đại của kiểu chữ sans-serif, cho đến các dạng chữ gợi cảm và trang nhã của kiểu chữ Serif.

Giai đoạn tiếp theo là phát triển ý tưởng cho những kiểu chữ khác nhau đã được lựa chọn trong bản nháp logo, dựa trên những ý tưởng ban đầu đã được vẽ phác thảo trước đó. Để lên kế hoạch trước cho logo của website, mà tôi biết rằng nó sẽ được phối với những màu sắc khá tối, nên tôi đã phát triển logo trên nền màu đen để chắc rằng nó nhìn đẹp nhất.

Những ý tưởng cho logo liên tục phát triển và được tôi tổng hợp lại thành 4 phiên bản. Sau đó tôi lại gửi những phiên bản này cho bạn bè của mình để có thêm ý kiến nhận xét từ họ.

Phiên bản logo được chọn toàn bộ đều sử dụng dạng chữ Slab-Serif, điểm này đã được tôi tập trung vào và chỉnh sửa đôi chút để tạo thành 2 phiên bản logo mới. Chỉnh sửa đầu tiên là giảm bớt khoảng cách giữa các cặp ký tự chữ trong logo ( Hiệu chỉnh Kerning) làm cho các ký tự nối vào nhau. Chỉnh sửa thứ hai là thay đổi dấu chấm trên ký tự  “I” trong từ Nite thành hình trăng lưỡi liềm để miêu tả yếu tố thời gian ban đêm.

Việc hiệu chỉnh Kerning chặt đã mang đến cho logo một diện mạo hiện đại và hấp dẫn hơn, nhưng nó lại làm cho dấu chấm tròn của ký tự “I” xen vào ký tự ‘N’ , nên việc tôi sử dụng hình mặt trăng lưỡi liềm là một giải pháp hoàn hảo. Thêm nữa, cần loại bỏ đi một phần của chữ “I” theo nét của chữ “t” để xử lý việc chạm vào nhau giữa hai ký tự chữ này.

Vậy là logo phác thảo cơ bản đã được hoàn thiện ở dạng đơn sắc.


Vẽ logo myNitelife trong Adobe IIIustrator

Bây giờ các bạn đã hiểu được những ý tưởng ẩn chứa trong logo myNitelife, tiếp theo tôi sẽ hướng dẫn cho các bạn các sử dụng phần mềm Adobe IIIustrator để vẽ logo từ bản phác thảo trên.

Trước hết, các bạn gõ những từ  “ my ”, “ Nite ” và “ life ” và chọn font chữ tên Clarendon cho chúng. Dùng kiểu  chữ light cho hai chữ “my” và “life”, kiểu chữ black cho chữ “Nite”.

Chọn thông số Kerning là -75  trong Bảng Character cho các ký tự trên

Bổ sung thêm những hiệu chỉnh Kerning cho từng ký tự chữ riêng lẻ, chắc rằng tất cả các ký tự phải nằm chồng lên nhau một chút. Để hiệu chỉnh Kerning cho các ký tự các bạn nhấn giữ phím ALT cùng với phím mũi tên trái, phải.

Như đã nói ở trên, bây giờ các bạn cần thêm một đường lượn đẹp chạy dọc theo ký tự “ I ” và thay dấu chấm trên ký tự I bằng hình mặt trăng lưỡi liềm.

Các bạn vào menu Type à Create outline, biến đổi các ký tự chữ thành dạng shape. Tiếp theo, các bạn chọn logo, nhấp chuột phải và chọn Ungroup để tách nhóm chúng thành các ký tự chữ riêng lẻ. Đặt một đường Guide nằm sắt cạnh bên phải của chữ “I” như hình minh họa trên.

Vẽ một hình tròn để đo khoảng cách giữa hai chữ “I” và “t”.


Dùng hình tròn có kích thước tương tự, đặt đường Guide thứ hai như hình minh họa trên.

Đường Guide thứ ba được đặt sẽ nằm ở phần thấp nhất của cạnh thẳng của chữ  “I”. Tạo mới một hình tròn lớn, đặt nó nằm song song với nét ngoài của chữ “I” như hình minh họa trên.


Tiếp theo, chọn Subtract from Shape Area trong bảng công cụ Pathfinder để loại bỏ đi phần dư của chữ “I”

Hình dạng của chữ cái “I” sau khi được xử lý đã tạo cho logo có thêm nét độc đáo.

Việc hiệu chỉnh sau cùng cho logo là thêm hình trăng lưỡi liềm để thể hiện sự liên quan đến khía cạnh về đêm của thương hiệu. Để chỉnh sửa chữ  “I” các bạn dùng lệnh Compound Path để tách riêng biệt shape hình chữ “ I ” và dấu chấm tròn thành hai hình khác nhau.

Tạo một hình tròn mới có kích thước bằng với kích thước của dấu chấm. Tiếp theo, dùng hình tròn đó loại bỏ đi một phần dấu chấm để tạo ra hình mặt trăng lưỡi liềm.


Bước sau cùng là kết hợp tất cả các ký tự chữ riêng lẻ thành một hình logo hoàn chỉnh bằng cách sử dụng lệnh Add to Shape Area trong bảng công cụ Pathfinder.

Với logo được thiết kế ở dạng đơn sắc, nó có thể được trao chuốt thêm với màu sắc và một vài hiệu ứng nhẹ. Màu tím đã được lựa chọn để kết hợp cho logo của thương hiệu, vì nó thể hiện được hình ảnh gợi cảm và sang trọng của website myNitelife. Ngoài ra màu tím cũng tạo ra chiều sâu tốt và nó đại diện cho các màu sắc liên quan đến hoàng hôn.

RGB.vn
LNT dịch / Theo Spoongraphics

Từ khoá Design Illustrator logo logo design quy trình Sketch thiết kế thiết kế logo
Chia sẻ
Chia sẻ trên Facebook Chia sẻ trên Twitter Chia sẻ trên Pinterest Chia sẻ qua Email
RGB 18/11/2011
Bài trước đó [TUT] Chỉnh ảnh đúng màu cho dân không chuyên
Bài tiếp Chọn màu trong Thiết kế

Nhập hội Sáng tạo cùng RGB:

Mới nhất ⚡️

Hada Labo Thái Lan biến billboard thành “làn da” căng mọng, đàn hồi để người xem chạm vào
Apple Pay biến cửa hàng tạp hóa thành sàn đấu kung fu trong quảng cáo hợp tác với đạo diễn Edgar Wright 
Adobe đang đẩy mạnh AI cho Creative Cloud: công bố kế hoạch cho phép ChatGPT, Claude và Gemini chỉnh sửa trực tiếp file thiết kế và video
Rực rỡ và bí ẩn: Những giấc mơ siêu thực trong tranh của artist James Fenner 

Đừng bỏ lỡ 👀

ExploreTech

10 dịch vụ VPN tốt nhất năm 2026 được các chuyên gia đánh giá

Ad VibesDesign

Gillette hé lộ ý nghĩa ẩn sau thiết kế logo: lưỡi dao cạo “vô hình” nằm ngay trong những con chữ

Brand NewsFashion

adidas bất ngờ đăng ký thiết kế ba sọc mới, mở rộng hình ảnh nhận diện thương hiệu

Art & DesignInspiration

Giữa làn sóng AI, nữ designer gây sốt với bộ phim 8K để tự giới thiệu bản thân và tìm kiếm khách hàng

Lướt tiếp 👉

RGB 💡 Creative Vibes

Trang tin dành cho các tín đồ sáng tạo.
Cập nhật xu hướng và tin tức Thiết kế, Nghệ thuật, Quảng cáo, Marketing, Công nghệ và các lĩnh vực sáng tạo.

Liên hệ hợp tác: hoptac@rgb.vn

Facebook Instagram Tiktok Threads Pinterest Youtube Linkedin
  • News
  • Inspiration
  • Advertising
  • Agency News
  • Brand News
  • Tech
  • Showcase
  • Arc Vibes

© RGB – Cộng đồng Sáng tạo Việt Nam
Công ty TNHH Truyền thông Sáng tạo RGB – Giấy phép ĐKKD: 0314058018
56 Đinh Tiên Hoàng, Phường Tân Định, TP.HCM – Hotline: 0986399951
Chính sách bảo mật | Điều khoản sử dụng

Trang web của chúng tôi sử dụng cookie để cải thiện trải nghiệm của bạn.

Đồng ý