Cách tạo logo 3D trong Photoshop

Tạo hoạt hình logo 3D trong Photoshop

Trong hướng dẫn này, bạn sẽ học cách tạo một logo 3D phẳng bằng các công cụ tạo Logo 3D và làm cho nó trở nên sống động bằng Timeline mới trong Photoshop CS6.

Lưu ý của người dịch: điều đáng chú ý là bài học này sẽ yêu cầu tài nguyên đáng kể trên máy tính của bạn, vì quá trình kết xuất mất nhiều thời gian. Logo 3D được cung cấp để sử dụng là lớn, vì vậy tôi khuyên bạn nên giảm nó ngay lập tức cho công việc.

Mở logo 3D trong Photoshop. Xin lưu ý rằng tệp PNG rất quan trọng vì nó chứa độ trong suốt và sẽ thuận tiện hơn khi chúng tôi chuyển đổi thành 3D. Bây giờ không cần phải điều chỉnh kích thước của logo 3d vì chúng tôi sẽ thay đổi kích thước của nó ở cuối trong khi lưu hoạt ảnh.

Chọn Công cụ cắt và mở rộng phần trên cùng và dưới cùng của tài liệu để tăng không gian. Nhấn Enter để chấp nhận các thay đổi.

Công cụ Khu vực hình chữ nhật (Công cụ Rectangular Marquee) chọn văn bản Envato, loại trừ lá logo 3D và ở dưới cùng của bảng lớp, nhấp vào nút Thêm mặt nạ lớp (Add Layer Mask). Hành động này sẽ chỉ chọn văn bản.

Để làm cho mọi thứ dễ dàng hơn, tác giả đã đổi tên lớp văn bản hiển thị thành Văn bản. Tạo một bản sao của lớp này, đổi tên thành Logo 3d và kích hoạt mặt nạ lớp. Sau đó chúng ta có thể chỉnh sửa nó. Bây giờ hãy nhấn tổ hợp phím Ctrl + I để đảo ngược mặt nạ. 

Bằng cách này, chỉ có chiếc logo 3d sẽ hiển thị trên lớp này và văn bản sẽ bị loại trừ. Kết quả sẽ trông giống hệt với hình ảnh logo 3D ban đầu mà chúng tôi đã mở ở phần đầu của hướng dẫn. Sự khác biệt duy nhất là văn bản và biểu tượng chiếc logo3d hiện nằm trên các lớp riêng biệt.

Kích hoạt lớp logo 3d và chuyển đến menu Lớp – Mặt nạ lớp – Áp dụng (Lớp> Mặt nạ lớp> Áp dụng). Hành động này sẽ loại bỏ tất cả các điểm ảnh bị ẩn dưới mặt nạ.

Bây giờ, hãy vào menu 3D và chọn 3D đùn mới từ lớp đã chọn (3D > 3D đùn mới từ lớp đã chọn). Sau đó, bạn sẽ tự động được chuyển đến không gian 3D, nơi bạn sẽ làm việc với cảnh 3D. Nếu điều này không xảy ra, bạn có thể tự bật nó trong menu Cửa sổ – Không gian làm việc – 3D (Cửa sổ> Không gian làm việc> 3D). Lưu ý rằng lớp logo 3d bây giờ là một lớp 3D trong bảng lớp.

Chuyển đến Logo 3D, chọn Logo 3D(được biểu thị bằng biểu tượng ngôi sao) và bật bảng Thuộc tính. Trong cài đặt bảng màu, đặt Extrusion Depth thành 35 và bỏ chọn các tùy chọn Catch Shadows và Cast Shadows.

Bây giờ chúng ta cần di chuyển đối tượng Logo đến trung tâm chính xác của cảnh. Trước khi làm điều đó, hãy thay đổi chế độ xem máy ảnh của chúng tôi để thuận tiện. Chọn Chế độ xem hiện tại trong bảng 3D và chọn cài đặt Trên cùng cho tùy chọn Chế độ xem trong bảng Thuộc tính.

Sử dụng các điều khiển trên màn hình cho Logo 3D, di chuyển logo 3d chính xác đến tâm của cảnh, được biểu thị bằng giao điểm của các đường màu đỏ và màu xanh lam.

Lưu ý của người dịch: để các điều khiển hiển thị, hãy nhấp vào Logo 3D bằng con trỏ.

Tài liệu của chúng tôi hiện đang ở chế độ xem hàng đầu. Để thay đổi và đặt lại chế độ xem máy ảnh trong bảng Thuộc tính, hãy đặt chế độ xem thành Máy ảnh mặc định. Lưu ý rằng Logo 3D sẽ không ở đúng vị trí. Chúng tôi sẽ khắc phục điều này trong bước tiếp theo.

Hãy sửa vị trí của chiếc lá. Sử dụng các công cụ máy ảnh trong menu trên cùng được hiển thị trong ảnh chụp màn hình. Di chuyển máy ảnh cho đến khi logo 3Dđược định vị chính xác. Đơn giản bằng cách di chuyển máy ảnh, chúng ta có thể có được chế độ xem của Logo ở đúng vị trí. Điều quan trọng là Logo 3D không thực sự di chuyển theo cách này, như đã làm ở bước 4.

Lưu ý của người dịch: Quan trọng, trước khi bắt đầu tạo hoạt ảnh, hãy nghĩ xem bạn sẽ có loại nền nào, chẳng hạn – màu sắc, độ dốc… Cần chuẩn bị trước lớp nền với lớp nền thấp nhất trong bảng lớp. Tác giả không nói về nó, nhưng anh ta có một hình ảnh động hoàn chỉnh với nền trắng.

Bây giờ chúng ta đã sẵn sàng để tạo hoạt ảnh. Mở Timeline và nhấp vào nút Create Video Timeline. Nếu không thấy dòng thời gian trong không gian làm việc của chương trình, bạn có thể mở nó trong menu Cửa sổ – Dòng thời gian (Cửa sổ > Dòng thời gian).

Khi thực hiện việc này, bạn sẽ thấy rằng tất cả các lớp xuất hiện dưới dạng các lớp video riêng biệt trong dòng thời gian. Trong trường hợp của chúng tôi, nó sẽ là hai lớp video.

Vì chúng tôi muốn tạo hiệu ứng động cho chiếc lá, chúng tôi cần truy cập các thuộc tính của nó trong dòng thời gian. Để mở rộng danh sách các thuộc tính có thể hoạt hình, hãy nhấp vào mũi tên nhỏ bên cạnh tên lớp video. Đối với hoạt ảnh này, chúng tôi sẽ tập trung vào tùy chọn Vị trí cảnh 3D.

Nhấp vào biểu tượng đồng hồ bấm giờ để Bật Keyframe Animation. Hành động này sẽ thêm khung hình chính đầu tiên vào dòng thời gian, được biểu thị bằng hình thoi màu vàng.

Vì khung hình chính hoạt hình được bật, Photoshop sẽ tự động thêm khung hình chính khi bạn thay đổi vị trí (hoặc vị trí xoay) của cảnh Trước khi bắt đầu xoay cảnh, bạn cần chỉ định thời gian hoạt ảnh sẽ kéo dài. Để thực hiện việc này, hãy kéo chỉ báo thời gian hiện tại (được biểu thị bằng thanh trượt màu xanh lam) đến một điểm khác trên dòng thời gian.

Quay trở lại bảng 3D, kích hoạt lớp Cảnh (Cảnh) và chuyển đến bảng Thuộc tính (Thuộc tính). Nhấp vào biểu tượng Tọa độ và thay đổi giá trị góc trục Y thành 360 độ. Thao tác này sẽ xoay cảnh quanh trục Y của nó 360 độ.

Lưu ý rằng sau các bước này, một khung hình chính mới đã được thêm vào dòng thời gian. Sử dụng chỉ báo thời gian hiện tại (thanh trượt màu xanh lam), di chuyển qua lại, bạn có thể xem hoạt ảnh của đối tượng 3D. Vì chiếc Logo 3D của chúng ta đã được đặt ở chính giữa cảnh nên chúng ta sẽ thấy nó quay tại chỗ.

Mục tiêu của chúng tôi là làm cho logo  3D là liên tục xoay quanh trục của nó, nhưng chỉ hiển thị phần trước của nó mọi lúc. Để làm điều này, trước tiên bạn phải sao chép layer Lá trong bảng layer. Xin lưu ý rằng một bản sao của lớp logo 3d sẽ ngay lập tức xuất hiện trong dòng thời gian.

Bây giờ, hãy xóa dòng thời gian để đối tượng chiếc lá 3D thực hiện các phép quay ba phần tư.

Di chuyển con trỏ đến đầu lớp video có bản sao của Logo 3d.  Khi con trỏ thay đổi thành biểu tượng dấu ngoặc vuông có hai mũi tên, hãy kéo lớp đó về phía đường màu đỏ. Lớp video này bây giờ sẽ được cắt bớt và sẽ bắt đầu hoạt ảnh sau khi quay ba phần tư.

Lần này chúng ta cần dọn dẹp phần đầu tiên của hoạt ảnh. Để làm điều này, bạn cần tìm điểm mà đối tượng chiếc lá quay một phần tư. Kích hoạt lớp video logo 3d trong Dòng thời gian và kéo phần cuối của nó đến đường màu đỏ như trong ảnh chụp màn hình.

Cuối cùng, di chuyển lớp video có bản sao của Logo sang đường màu đỏ mới. Hãy chắc chắn rằng hoạt hình của bạn chạy trơn tru.

Trước khi tiếp tục tạo hoạt ảnh, chúng ta cần cho chương trình biết khung nào chúng ta muốn sử dụng. Sử dụng chỉ báo thời gian hiện tại để xác định điểm mà đối tượng của chúng ta xuất hiện để thực hiện một vòng quay hoàn chỉnh.

 Bây giờ, hãy di chuyển thanh trượt Đặt phần cuối của vùng làm việc, nằm dưới thanh thời gian, sang đường màu đỏ. Sau những hành động này, chỉ những khung hình này sẽ được hiển thị trong hoạt ảnh.

Công việc chuẩn bị hoạt ảnh của chúng tôi đã hoàn tất và đã đến lúc chúng tôi lưu nó dưới dạng GIF. Hãy xem xét hai lựa chọn. Đầu tiên là tiết kiệm nhanh với chất lượng thấp. Tùy chọn thứ hai sẽ mất nhiều thời gian hơn nhưng sẽ cho phép chúng tôi lưu GIF chất lượng cao. Tùy chọn 1 – vào menu Tệp – Lưu cho Web (Tệp> Lưu cho Web).

 Tùy chọn này bỏ qua quá trình kết xuất và sẽ giữ nguyên khung như trong tài liệu của chúng ta. Hãy tiếp tục và thay đổi cài đặt theo ý muốn. Nhấp vào nút Lưu khi bạn hoàn tất.

Dưới đây là ví dụ về hoạt ảnh cuối cùng sử dụng Tùy chọn 1 mà không hiển thị. Lưu ý rằng các cạnh của lá xuất hiện lởm chởm.

Tùy chọn 2 – yêu cầu hiển thị cảnh của chúng tôi. Điều này rất được khuyến khích để cải thiện chất lượng của sản phẩm cuối cùng. Chuyển đến menu Tệp – Xuất – Xem video (Tệp > Xuất > Kết xuất video) và thực hiện các thay đổi như trong ảnh chụp màn hình. Hãy chắc chắn rằng bạn có Photoshop Image Sequence cho đầu ra và bộ Ray Traced Final. Phương pháp này sẽ hiển thị cảnh của chúng ta dưới dạng các khung riêng biệt.

Sau khi tất cả các khung hình đã được hiển thị, chúng ta có thể mở chúng dưới dạng hoạt ảnh. Chuyển đến menu Tệp – Mở dưới dạng (Tệp> Mở dưới dạng) và điều hướng đến thư mục mà bạn đã tạo cho các khung đã xử lý. Chọn khung hình đầu tiên và ở dưới cùng của cửa sổ, hãy chọn tùy chọn Chuỗi hình ảnh. Bây giờ hãy nhấp vào nút Mở (Open) và trong hộp thoại tiếp theo, hãy xác nhận OK.

Sau những hành động này, các khung đã được hiển thị sẽ tự động xuất hiện dưới dạng hoạt ảnh mới trong dòng thời gian mới.

Bước cuối cùng. Để lưu hoạt ảnh của bạn dưới dạng GIF, chỉ cần lặp lại Bước 11 và bạn đã hoàn tất!

Tác giả: Stephen Petrany

Logo 3D đẹp trong Photoshop

Mọi thứ đều rõ ràng ngay từ tiêu đề của bài học – hôm nay tôi sẽ cho bạn biết cách vẽ một logo 3D đẹp bằng Photoshop, nhưng không phải là logo 3D thông thường mà là logo 3D.

Bạn có thể sử dụng nó cho các mục đích hoàn toàn khác nhau, chẳng hạn như bạn có thể đặt nó trên tiêu đề của trang web (làm cho hình nền chân thực hơn) hoặc tạo hình nền đẹp cho màn hình của bạn theo cách này.

Trong mọi trường hợp, bằng cách vẽ nó, bạn sẽ hiểu cách các đối tượng ba chiều được vẽ trong Photoshop.

Logo 3D đẹp trong Photoshop

1. Tạo một hình mới 460×438 px, tạo một layer mới và đổ màu bất kỳ cho nó (dùng Paint Bucket Tool):

2. Bây giờ, hãy tô màu cho lớp của chúng ta, lớp này sẽ đóng vai trò là nền của chúng ta. Để thực hiện việc này, nhấp chuột phải vào lớp (trên bảng điều khiển lớp) và chọn mục Tùy chọn hòa trộn, chuyển đến tab Lớp phủ Gradient và đặt các tham số sau (tôi đã chỉ định mã màu thập lục phân bằng số màu đỏ):

Nhấp vào Ok và chúng tôi nhận được một nền đẹp như vậy:

3. Bây giờ, chọn phông chữ bạn thích (tốt nhất là đơn giản hơn và mập hơn), đặt cỡ chữ thành cỡ lớn hơn (khoảng 250 pt), bất kỳ màu nào và viết bất kỳ chữ cái nào (tôi đã viết chữ S – chữ cái đầu tiên trong biệt danh của tôi) :

4. Độ mờ đục (Opacity) của lớp có chữ cái, được đặt bằng 85% (độ mờ đục của tất cả các lớp tiếp theo liên quan đến chữ cái ba chiều của chúng ta, cũng bằng 85%). Chuyển đến Tùy chọn hòa trộn của lớp có chữ cái và trên tab Bóng bên trong (bóng bên trong), đặt các tham số sau:

5. Bây giờ, hãy chuyển đến tab Inner Glow (ánh sáng bên trong) và ở đó chúng ta sẽ làm điều này:

6. Và trên tab Lớp phủ Gradient, hãy làm như sau:

Đây là giao diện của cài đặt độ dốc (để mở một cửa sổ như vậy – nhấp vào thanh độ dốc; để thêm các ô vuông bổ sung để chỉ định màu – chỉ cần nhấp vào nơi bạn muốn thực hiện):

7. Và bây giờ, hãy mở tab cuối cùng – Stroke, và ở đó chúng ta sẽ làm như tôi có:

Chúng tôi nhấn Ok và chúng tôi nhận được một lá thư như vậy:

8. Tạo một bản sao của lớp có chữ cái (để làm điều này, trên bảng điều khiển lớp, di chuyển lớp có chữ cái đến biểu tượng để tạo lớp hoặc nhấp chuột phải vào lớp và chọn Lớp trùng lặp) và di chuyển nó sang trái một chút và xuống dưới một chút:

9. Bạn nhận ra những đường viền đầu tiên của một chữ cái ba chiều – và tôi sẽ sớm cố gắng biến chúng thành một logo 3D khá đẹp. Và để làm cho hình dạng trở nên đồ sộ hơn, hãy nối các đỉnh của cả hai chữ cái bằng các đường kẻ màu trắng. Để thực hiện việc này, chọn Công cụ Line và vẽ các đường sau bằng màu trắng:

10. Bạn có thể nghĩ thế thôi, nhưng không phải đâu. Bức thư ba chiều của chúng tôi chỉ có mặt trước và mặt sau. Hãy khắc phục nhược điểm này. Giữ phím Ctrl và nhấp vào lớp có mặt trước của chữ cái:

11. Và bây giờ, không nhả Ctrl, giữ phím Alt và nhấp vào lớp có mặt sau của  logo 3d của chúng ta:

12. Một số góc của hình vẫn chưa được chọn. Để thực hiện việc này, hãy chọn Công cụ Polygonal Lasso Tool và chọn các góc không bị ảnh hưởng (để vùng chọn trước đó không biến mất, hãy giữ phím Shift):

13. Tốt. Bây giờ, hãy tạo một lớp mới giữa các lớp có phần sau và phần trước (mặt trước) của hình và tô màu vùng chọn bằng bất kỳ màu nào:

14. Bây giờ áp dụng cho lớp mà chúng ta vừa tạo các hiệu ứng tương tự mà chúng ta đã áp dụng cho các lớp có mặt trước và mặt sau của chữ cái. Điều này được thực hiện rất đơn giản. Nhấp chuột phải vào lớp có mặt sau của hình 3D và chọn Copy Layer Style, sau đó nhấp chuột phải vào lớp mà chúng ta muốn áp dụng các hiệu ứng và chọn Paste Layer Style:

15. Chúng tôi đã tạo mặt trái của logo 3D trong tương lai. Bây giờ chúng ta cần tạo một cái phù hợp. Những gì chúng ta làm: giữ phím Ctrl và nhấp vào lớp có mặt sau của hình, sau đó giữ phím Alt ngoài Ctrl và nhấp vào lớp có mặt trước của hình:

16. Sử dụng Công cụ Polygonal Lasso Tool, thêm các góc không được chọn vào vùng chọn (để vùng chọn trước đó không biến mất, giữ phím Shift), sau đó tạo một lớp mới giữa các lớp có mặt trước và mặt sau của hình và tô màu lựa chọn với bất kỳ màu nào:

17. Thêm vào cạnh bên phải của hình vừa vẽ các hiệu ứng tương tự mà chúng ta đã thêm vào các cạnh khác (nhấp chuột phải vào lớp và chọn Paste Layer Style):

18. Nếu bạn nghĩ về nó, bạn có thể thấy rằng vẫn còn hai chiếc máy bay chưa được sơn – bạn không thể chạm vào chúng, bởi vì chúng nhỏ và gần như không thể nhận thấy, nhưng tôi vẫn sẽ làm điều đó. Chọn cạnh còn lại của hình dạng (xem hình bên dưới) và tô màu bất kỳ cho nó:

19. Áp dụng cho mặt phẳng này các hiệu ứng tương tự như trước:

20. Vì vậy, chúng tôi đã vẽ một hình ba chiều (hoặc logo 3D – hãy gọi nó là gì bạn thích).

Hãy làm một sự phản ánh. Để thực hiện việc này, hãy tắt lớp nền (trên bảng điều khiển lớp, ở bên trái của lớp, có một biểu tượng ở dạng con mắt – nhấp vào biểu tượng đó để làm cho nó biến mất). Bây giờ chọn toàn bộ không gian làm việc (Ctrl + A hoặc trong menu Chọn -> Tất cả) và sao chép hình ảnh hiển thị (Shift + Ctrl + C hoặc Chỉnh sửa -> Sao chép Hợp nhất), sau đó dán hình ảnh đã sao chép (Ctrl + V hoặc Chỉnh sửa -> Dán ) và đặt nó dưới lớp có mặt dưới của chữ cái. Lật ảnh theo chiều dọc (trong menu Edit -> Transform -> Flip Vertical) và đặt nó như sau:

21. Làm mờ hình ảnh phản chiếu (trong menu Filter —> Blur —> Gaussian Blur. ) với bán kính mờ là 5 pixel:

22. Nó sẽ ra như thế này:

23. Hãy làm cho hình ảnh phản chiếu chân thực hơn. Thêm mặt nạ cho lớp phản chiếu – để thực hiện việc này, hãy chọn lớp phản chiếu (nhấp chuột trái vào nó – trên bảng điều khiển lớp) và nhấp vào biểu tượng thứ ba từ bên trái (ở dạng hình chữ nhật tối và hình tròn sáng trong tâm – trên bảng điều khiển lớp) hoặc thông qua menu: Lớp —> Mặt nạ lớp —> Reveall All. Bây giờ, chọn Công cụ Gradient, chọn màu đen và tô màu phản chiếu từ dưới lên trên:

Nếu bạn đã làm mọi thứ đúng, thì nó sẽ giống như của tôi:

24. Bây giờ, hãy làm cho logo 3D của chúng ta trở nên đồ sộ hơn nữa – thêm các điểm nổi bật. Để thực hiện việc này, chọn lớp có mặt trước của hình (nhấn giữ Ctrl và nhấp vào lớp chúng ta cần) và loại trừ một phần của vùng chọn (chọn Công cụ Elliptical Marque Tool, nhấn giữ Alt và chọn phần mong muốn). Lựa chọn sẽ trông như thế này:

25. Tạo một layer mới và đặt nó trên tất cả các layer. Tô vùng chọn bằng màu trắng (dùng Paint Bucket Tool):

26. Thay đổi thông số Bình thường của lớp này thành Ánh sáng dịu (nó nằm trên bảng điều khiển lớp, ở trên cùng). Sau đó, thêm mặt nạ cho lớp này và tô màu nó bằng một dải màu từ trên xuống dưới (giống như khi tạo phản chiếu):

27. Bây giờ chọn một phần của bên phải:

Và áp dụng hiệu ứng tương tự cho nó:

28. Chọn một bộ cọ có tên là Assorted Brushes, trong bộ này chọn một cọ dạng lấp lánh (mình không biết gọi tên thế nào cho đúng – xem bên dưới) và vẽ như sau:

29. Bên dưới lớp có chữ cái, tạo một lớp khác, đặt độ mờ của lớp (Opacity) thành khoảng 70% (tùy sở thích) và vẽ một thứ gì đó bằng màu trắng, bằng cọ vẽ mà chúng tôi thích:

30. Bây giờ, hãy tạo một lớp khác, nhưng ở trên hình, và cũng vẽ một cái gì đó trên đó:

31. Vậy đó. “Bạn có thể học hóa học trong một thời gian rất dài, nhưng điều này là đủ để bắt đầu – và do đó, bài học hóa ra rất lớn. Nhưng tôi cũng đã thêm tên của trang web này và tô bóng:

Logo 3D hóa ra rất hấp dẫn. Bạn có thể làm cho nền lớn hơn và sau đó bạn có được những hình nền đẹp cho máy tính để bàn của mình hoặc bạn có thể tạo tiêu đề cho trang web.

Nếu bạn cần làm bảng hiệu quảng cáo hoặc thiết kế logo 3d thì bạn có thể liên hệ đến chúng tôi thông qua Facebook Nguyễn Long này nhé!

Cảm ơn bạn đã đọc bài viết này