Menu Điều Hướng

Tự tay thiết kế logo StarCraft II bằng Photoshop

Chắc hẳn các bạn không còn lạ gì với game dàn trận StarCraft , mình rất thích trò chơi này, tuy nhiên nó làm mình tốn rất nhiều thời gian và bỏ bê việc học. Thế là mình đành bỏ rơi em nó, hôm nay mình sẽ quay lại trò chơi này, nhưng không phải là để chơi mà là cùng các bạn từng bước thiết kế logo cho trò chơi nổi tiếng này.

Đây là kết quả mà chúng ta sẽ hoàn thành :
Tự tay thiết kế logo StarCraft II bằng Photoshop
Đầu tiên các bạn tìm một texture như thế này trên internet, hoặc không các bạn save hình bên dưới để làm thử.

Tự tay thiết kế logo StarCraft II bằng Photoshop

Sau đó nhấn CTRL+U  và thiết lập như hình bên dưới :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Kết quả sẽ là như thế này :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Kế tiếp các bạn nhấn CTRL+L và thiết lập như sau :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Kết quả:
Tự tay thiết kế logo StarCraft II bằng Photoshop

Bây giờ chúng ta sẽ tạo một layer mới và sử dụng công cụ Rectangle Tool (U) và vẽ như hình bên dưới, chúng ta làm điều này để làm vùng tối ở các cạnh. Chọn Fill là 0% cho layer này :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Click chọn layer này , sau đó chọn Blending Options>Gradient Overlay  và thiết lập các thông số như sau :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Màu sử dụng cho Gradient sẽ như thế này :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Kết quả nhận được sẽ thế này :

Tự tay thiết kế logo StarCraft II bằng Photoshop

Kế tiếp, chúng ta sẽ tạo thêm một layer mới, sau đó chèn dòng chữ ” sratcraft ” , các bạn có thể download font này tại đây.

Tự tay thiết kế logo StarCraft II bằng Photoshop
Tự tay thiết kế logo StarCraft II bằng Photoshop

Sau đó trên layer chữ này, các bạn thiết lập thông số Layer Style như sau :

Blending Options>Drop Shadow
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Inner Shadow
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Inner Glow
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Bevel and Emboss
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Bevel and Emboss (Contour)
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Satin
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Pattern Overlay :

Ở đây các bạn chọn Texture Fill 2
Tự tay thiết kế logo StarCraft II bằng Photoshop

Kết quả mà chúng ta nhận được :
Tự tay thiết kế logo StarCraft II bằng Photoshop

Tạo một layer mới , sau đõ gõ chữ ” 1 ” với thiết lập font như hình bên dưới (Các bạn có thể chỉnh lại kích thước cho phù hợp) :
Tự tay thiết kế logo StarCraft II bằng Photoshop

Sau khi nhập xong, các bạn nhân đôi layer này lên, rồi nhấn Ctrl + T , nhấp chuột phải , chọn Flip Horizontal, các bạn làm tương tự như hình sau :
Tự tay thiết kế logo StarCraft II bằng Photoshop

Sau đó nhấn Ctrl và chọn lần lượt 2 layer chữ “1” này, nhấn tiếp Ctrl + E, để nối 2 layer này lại với nhau,  rồi kéo layer này nằm sau vị trí layer chữ “starcraft “. Xong thì thiếp lập thông số layer styles cho layer mới được nối lại này như sau :

Blending Options>Outer Glow
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Inner Glow
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Bevel and Emboss
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Bevel and Emboss (Contour)
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Satin
Tự tay thiết kế logo StarCraft II bằng Photoshop

Blending Options>Pattern Overlay
Tự tay thiết kế logo StarCraft II bằng Photoshop

Kết quả cuối cùng sẽ là :
Tự tay thiết kế logo StarCraft II bằng Photoshop

Để hoàn tất bài viết này, các bạn cần phải khéo léo sặp đặt các layer sao cho nhìn hợp lý nhất. Nếu có bước nào gây khó hiểu cho các bạn, thì để lại lời nhắn dưới dạng comments, mình sẽ giúp các bạn hoàn thành bài viết.

Chúc các bạn thành công !


thu thuat photoshop logo hieu ung chu photoshop tuts thiet ke web photoshop tutorial text effect

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại