Full page background image
Now we can easily make this background image to cover the full available space and make it a full-page background image.
Just replace height: 400px; with height: 100vh;
vh stands for viewport height.
height: 100vh; means 100% of available height.
Note: If you want to stretch the image to the full available height and width remember to use the image with enough high resolution. However, be careful not to overdo it. Heigh-resolution images weigh a lot and can slow down your website.
Gợi ý cách Tạo logo 3D chuyên nghiệp
Dưới đây là một vài ý tưởng thiết kế logo 3D mà Chúng tôi muốn chia sẻ tới bạn:
Lưu ý khi làm logo 3D
Tạo logo 3D đem tới cái nhìn trực quan đa diện. Tuy nhiên nếu không không phải designer chuyên nghiệp thì bạn hãy ngó qua những lưu ý quan trọng dưới đây nhé:
Hiện tại chúng tôi đang có chương trình khuyến mãi thiết kế web doanh nghiệp được thiết kế logo chuyên nghiệp miễn phí + tên miền + hosting + hướng dẫn quảng cáo seo tổng thể marketing online miễn phí. Hãy liên hệ chúng tôi để biết thêm chi tiết.
Bước 5: Thêm hiệu ứng 3D cho logo
Sử dụng công cụ Gradient (G) để tạo gradient tuyến tính cho phần bên trái và mặt sau của logo, sau đó thêm một gradient khác vào các cạnh của logo.
Chọn phần vòm trên của logo -> nhấn Ctrl + C để sao chép -> Ctrl + F tô màu vàng cho phần chọn. Tiếp tục lặp lại hành động trên với màu đỏ. Kế tiếp, dùng công cụ Direct Selection (A) để chọn điểm dưới cùng của vòm -> nhấn mũi tên hướng lên để di chuyển phần này lên trên -> chọn đối tượng màu đỏ và màu vàng -> nhấp vào Minus Front trong tab Pathfinder.
Tiếp tục thực hiện tương tự để có hiệu ứng vát như hình sau:
Tô các cạnh bằng hiệu ứng trong suốt -> áp dụng gradient dọc theo góc xiên:
Các mẫu logo được chia theo danh mục dễ chọn lựa.
Các mẫu logo được chia theo danh mục chủ đề giúp bạn dễ dàng lựa chọn những mẫu logo phù hợp với mong muốn. Một số chủ đề như: động vật, thể thao, kinh doanh, sắc đẹp,... tùy vào mục đích và ngành nghề kinh doanh, người dùng sẽ lựa chọn đúng mẫu logo phù hợp.
Bước 2: Chọn biểu tượng hình học cho logo
Trong phần này, Chúng tôi sẽ hướng dẫn bạn tạo logo 3D theo dạng hình tròn. Bạn hãy vẽ 3 hình tròn và sắp xếp chúng theo kích thước, vị trí dưới đây:
Tạo logo 3D bằng Ứng dụng Logo Maker
Tạo logo theo tên 3D Ứng dụng Logo Maker là công cụ thiết kế logo mang đến sự tiện lợi cho người dùng nhờ vào các tính năng nổi trội như: 5000 mẫu logo có sẵn và được chia theo danh mục chủ đề, đồng thời người dùng có thể chèn thêm chữ với nhiều loại phông khác nhau. Đặc biệt có thể thiết kế logo 2D và 3D chuyên nghiệp, đồng thời dễ dàng chia sẻ thiết kế trên các mạng xã hội. Xem thêm bài viết: Thiết kế logo theo chữ cái.
Bước 5: Sử dụng Free Transform on the text
Bây giờ chúng ta sẽ skew (nghiêng) văn bản để nó nhìn trông có vẻ 3D hơn. Sử dụng tổ hợp Ctrl+T (Edit> Free Transform)
Giữ phím Ctrl, nhấp vào nút điều khiển biến đổi trên cùng bên phải của hộp. Kéo góc sang bên trái. Làm tương tự với nút biến đổi giữa trên cùng. Bạn sẽ có hình ảnh dưới đây
Half page background image
You can also stretch the background image half page (or any other percentage). Just replace "height: 100vh" with "height: 50vh".
This is a very useful design that is often used in many landing pages.
Áp dụng hiệu ứng đổ bóng, gradient và điểm sáng để tạo chiều sâu
Một logo 3D hoàn chỉnh không thể thiếu 3 yếu tố:
Kết hợp các yếu tố này, logo của bạn từ dạng thiết kế phẳng sẽ nhanh chóng đi vào chiều thứ 3.
Vậy cần đổ bóng ra sao? Chuyển màu như thế nào đó? Tạo điểm sáng nổi bật ở đâu? Rất đơn giản, bạn có thể đổ một cái bóng đơn cho logo theo chiều nhiều hướng: Từ trái sang, từ trên xuống, từ dưới lên,… Tất cả đều tạo ra cảm giác lơ lửng sinh động cho logo.
Kế tiếp, hiệu ứng chuyển màu gradient là sự kết hợp của các sắc thái màu khác nhau. Bạn có thể sử dụng gradient mờ dần từ một màu thành dạng trong suốt. Tuy nhiên cách tạo chiều sâu này cho logo sẽ khiến biểu tượng của bạn “kén” chất liệu in ấn. Nó chỉ thích hợp với dạng truyền thông online.
Về điểm nổi bật, hãy cố gắng tìm ra tâm điểm chính của logo. Sau đó tập trung cách điệu hoặc nhấn nhá một chi tiết bất kỳ vào vị trí đó. Thêm điểm sáng ở một vài nét thiết kế. Như vậy bạn đã có ngay một logo đa chiều cuốn hút. Xem cách tạo logo theo tên 3D.
