Chuyển đến nội dung chính

Thiết Kế Creative Block

Step 10 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Làm thế nào để khắc phục được Cre­ative Block của bạn? Ngày nay, câu hỏi này xuất hiện quá nhiều. Hôm nay, tôi sẽ thực hiện điều một hướng dẫn trong Pho­to­shop để tạo ra một Cre­ative Block thông minh và sử dụng các kỹ thuật đơn giản và dễ dàng. Hướng dẫn khá dễ hiểu. Tôi sẽ không làm mất quá nhiều thời gian của bạn. Tôi hi vọng bạn sẽ học được cách tạo ra hiệu ứng này. Bạn có thể nhờ một công ty kinh doanh in ấn để in các thiết kế của bạn khi kết thúc.

Xem trước hình ảnh cuối cùng mà chúng ta sẽ tạo ra:

Step 10 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Những yêu cầu của hướng dẫn:

Thời gian: 45 phút
Độ khó: Người mới bắt đầu
Hình ảnh: Smashed Glass
Tex­ture: 24 High-Res Con­crete Textures

Giới thiệu:

Hôm nay chúng ta sẽ tạo ra một Text Effect Tuto­r­ial. Trong hướng dẫn này chúng ta sẽ sắp xếp Cre­ative Block xinh đẹp thành từng mảnh. Thật vậy, tôi sẽ chỉ bạn cách làm thế nào để sử dụng các công cụ đơn giản của Pho­to­shop làm ưu thế và tạo ra một hiệu ứng Text ấn tượng. Chúng ta sẽ sắp xếp từng phần của Text thành một thông điêp gửi tới mọi người.

Bước 1:

Mở pho­to­shop và tạo một khung ảnh mới với kích thước 1500 x 720px và tô màu đen # 000000. Khi bạn đã thiết lập, lấy Text Tool (T) và chọn một phông chữ đậm xinh xắn. Trong trường hợp này, tôi sử dụng Myr­i­aBold với kích thước 70 pt và tô màu trắng # FFFFFF. Tôi đặt text ở chính giữa của khung ảnh và sau đó Rester­ized Layer. Để Rester­ize, phải chắc chắn rằng text layer của bạn đã được chọn và sau đó vào Layer > Ras­ter­ize> Type – Làm như vậy, text layer của bạn sẽ được chuyển vào một Flat layer, sẵn sàng cho việc chỉnh sửa. Gọi tên là Layer Cre­ative. Bạn có được một điều gì đó như bên dưới.
Step 11 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 2:

Bây giờ, bạn thiết lập Type trên khung hình và Layer Ras­ta­rized của bạn. Đây là lúc chúng ta chỉnh sửa. Vhọn Pen Tool –hãy chắc rằng bạn đã chọn Paths Option trên đầu của khung hình, chúng tôi không muốn làm việc với Shape Layer trong hướng dẫn này. Hãy chắc rằng Cre­ative Layer đã được chọn, bây giờ, sử dụng Pen Tool và vẽ một nét xung quanh phần giữa của chữ C, sau khi bạn hoàn thành nét vẽ của mình, hãy nhớ nhấp chuột phải và nhấn Make Selec­tion, bạn chọn Radius 0 khi chiếc hộp xuất hiện và nhấn OK. Sau dó, vào Edit>Cut (Ctrl + X), bây giờ vào Edit> Paste (Ctrl + V), past một nửa chữ C vào một Layer mới. Sử dụng Move Tool (V), bạn có thể di chuyển nửa chữ C xung quanh và định vị cho nó ở nơi nào bạn thích. Đây là kết quả mà tôi đã tạo ra.
Pen Tool:
Step 2 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Kết quả: :
Step 2 2 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 3:

Trong bước này, tôi sẽ chỉ cho bạn cách tôi đã kéo dài chữ R ra như thế nào. Đầu tiên, sao chép Cre­ative Layer bằng cách chọn layer và vào Layer>Duplicate layer… Bây giờ, ẩn layer bằng cách nhấp chuột vào Lit­tle Eye Icon, tiếp theo, đặt tên layer bên phía tay trái. Bây giờ, tạo một layer mới bên dưới Cre­ative Copy Layer và chọn Pen Tool. Tạo một Sharp Tri­an­gle Shape qua R và tô màu đen # 000000, hãy chắc chắn rằng bạn đã tô màu layer trong New Layer mà bạn đã tạo ra dưới Cre­ative Copy Layer.
Step 3 11 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Bây giờ, bạn đã tô màu đen shape bao phủ chữ R, hiển thị Cre­ative Copy Layer bên trên nó và nhấp chuột phải lên layer này, chọn Cre­ative clip­ping Mask (Ctrl +Alt+G). Bạn còn chưa nhìn thấy sự thay đổi, chọn Move Tool (V) và di chuyển Cre­ative Copy Layer xuống một chút, bạn sẽ nhìn thấy những tác động của chữ R. Sau đó, di chuyển layer này lên một vị trí bạn yêu thích.
Step 3 21 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 4:

Chúng ta đã sắp xếp xong chữ R, bây giờ sẽ chuyển sang các chữ tiếp theo. Sử dụng các kỹ thuật tương tự, có khi dễ hơn, nhấn phím Shift và xóa, thử xung quanh với Eative Text. Làm theo từng bước, hãy chắc rằng bạn đã chọn Cre­ative Layer và Pen tool, chọn một phần của chữ mà chúng ta muốn di chuyển và sau đó Cut nó, vào Edit> Cut (Ctrl +X) và paste nó (Ctrl + V), sử dụng Move tool (V) để thay đổi các shape xung quanh. Tôi dành cho bạn một chút thời gian để quan sát các chữ cái. Tôi sẽ giới thiệu với các bạn cách tôi đã làm với các chữ cái của mình bên dưới.
E:
Step 4 e Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
A:
Step 4 a Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
T:
Step 4 t Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
I:
Step 4 i Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
V:
Step 4 v Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
E:
Step 4 e2 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 5:

Bây giờ, Từ Cre­ative hoàn toàn được dát mỏng và di chuyển xung quanh. Đây là lúc chúng ta chuyển sang chữ thứ 2 “Block”, chọn Type Tool và Type Block với cùng một phông chữ và kích thước 40pt tô màu trắng # FFFFFF. Ras­ter­ize layer bằng cách vào Layer> Ras­ter­ize> Type hoặc Right Click > Ras­ter­ize. Bây giờ, Không có gì lạ mắt khi cắt chữ Block trong hướng dẫn này, thử xung quanh và sử dụng trí tưởng tượng của bạn. Chọn các phần và cắt, dán chúng, sau đó di chuyển xung quanh để làm cho từ “block” cũng được dát mỏng ra. Đây là kết quả mà tôi đã tạo ra:
Step 5 11 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Step 5 21 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 6:

Bây giờ, chúng ta đã trải qua một nửa của bài hướng dẫn. Bây giờ, chúng ta sử dụng các hình ảnh có sẵn để làm đẹp cho các chữ cái của chúng ta một chút. Đầu tiên, chọn một Con­crete Tex­ture xinh xắn. Tôi đã sử dụng một trong 24 High-Res Con­crete Tex­tures có sẵn trên Cre­ativeover­flow. Tôi đặt Con­crete tex­ture bên trên tất cả các layer khác của tôi và cài đặt Blend­ing Mode sang Darken. Bây giờ, chúng tôi đã qua phần cứng của các hướng dẫn. Bây giờ, bạn phảim giữ phím Ctrl +Shift và nhấp chuột lên mỗi Tny Win­dow riêng biệt của Layer. Làm cho Layer nổi bật với Seclec­tion Tool. Kéo danh sách layer xuống và chọn tất cả. Những mục bạn đã chọn trông như Tex­ture trên top.
Step 6 1 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Bây giờ, vào Tex­ture Layer và nhấp chuột lên nó và chọn nút Add Vec­tor Mask trên Layer Pal­lett, bên phải của nút FX ở bot­tom. Cách khác là chúng ta vào Layer>Vector Mask>Hide tất cả và sử dụng bút vẽ tô màu trắng những nơi mà chúng ta muốn làm cho nó nổi bật.
Step 6 2 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 7:

Tôi biết lúc này các chữ cái chưa có gì hấp dẫn, nhưng chúng ta sẽ thay đổi điều đó. Vào Tex­tured Layer và chọn Burn Tool (O). Thiết lập Expo­sure lên 50% và chọn bút vẽ mềm có kích thước trung bình. Burn (làm cháy) cạnh của các chữ cái để tạo ra hiệu ứng tương phản. Tôi đã đánh dấu để bạn có thể xem trước ở hình bên dưới.
Step 7 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 8:

Bây giờ, vào Layer>New Adjust­ment Layer>Brightness và Con­trast– Thiết lập Bright­ness lên +14 và Con­trast lên +100. Như vậy sẽ tăng thêm một chút chiều sâu cho Let­ter­ing của bạn, nhưng chưa đủ. Chúng ta sẽ đi từ Layer Style đên Slided Pieces (các đoạn chữ được dát mỏng). Nhấp chuột 2 lần lên một trong Slided Pieces và chọn Drop Shadow. Sử dụng các cài đặt bên dưới. Sau đó nhấn OK.
Step 8 1 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web
Bây giờ. Nhấp chuột phải lên Layer mà bạn vừa thêm vào Layer Style và chọn Copy Layer Style. Bây giờ, chọn tất cả các Slided Layer, trừ hai layer của 2 từ (Cre­ative và Block), Layer chữ R và Tex­tured Layer. Bạn có thể chọn chúng bằng cách giữ phím Ctrl và nhấp chuột lên mỗi Layer Name. Khi đã chọn tất cả, nhấp chuột phải lên mỗi layer và chọn Paste Layer Style. Như vậy, bạn đã làm cho các chữ cái của bạn có cái nhìn sâu hơn và đa dạng hơn.
Step 8 2 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 9:

Bây giờ, tạo một layer mới bằng cách vào Layer> New> Layer (Ctrl + Shift + N) và sau đó tô màu đen # 000000, thiết lập các Blend­ing Mode cho Layer sang Color Dodge và chọn Brush Tool. Sử dụng bút vẽ mềm khá lớn với màu sắc nổi bật chẳng hạn như màu cam, xanh lục, tía, xanh lam. Tôi đã sử dụng màu xanh lục và màu cam chế độ hoà trộn của các lớp để màu Dodge và chọn công cụ brush của bạn. Sử dụng bàn chải mềm khá lớn với màu sắc nổi bật, ví dụ màu da cam, xanh, hồng, xanh. Tôi đã sử dụng xanh và màu da cam và tô nhẹ nhàng vào các cạnh của Text. Tiếp theo, tôi đã tạo ra một New Layer và tô màu đen # 000000, tôi đã thiết lập Blend­ing Mode sang Over­lay và chọn Brush Tool với bút vẽ mềm tương. Chọn màu trắng # FFFFFF như màu Fore­ground của tôi. Tôi vẽ trên Let­ter­ing và làm cho nó sáng và nổi bật trên Text.
Step 9 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Bước 10:

Bước cuối cùng của chúng ta trong hướng dẫn này khá cơ bản. Chúng ta sử dụng hình ảnh Smashed Glass và nhập vào Com­po­si­tion. Thiết lập Blend­ing Mode của layer này sang Lin­ear Dodge và xóa một số phần mà chúng ta không muốn. Bây giờ, bạn đã hoàn thành hướng dẫn này. Hi vọng bạn có thể sắp xếp Cre­ative Block của mình thành từng phần. Và tôi cũng hi vọng bạn sẽ thích hướng dẫn này.
Step 101 Thiết Kế Creative Block – Hướng Dẫn Photoshop   thiết kế web

Theo http://ndhpro.com

Nhận xét

Bài đăng phổ biến từ blog này

Hướng Dẫn Thiết Kế Navigation với Photoshop

Nav­i­ga­tion rõ ràng là một trong những khía cạnh quan trọng nhất của thiết kế web về tính khả dụng, nhưng, ngoài ra, nó còn có là một tâm điểm của diện mạo thiết kế. Các But­ton của thanh Nav­i­ga­tion, thanh Bar và Menu mang đến cho nhà thiết kế cơ hội tuyệt vời để sáng tạo và bổ sung một vài phong cách mới vào thiết kế. Đối với mục đích này, công cụ nào được sử dụng tốt hơn Photoshop? Đây là một bộ sưu tập gồm 45 hướng dẫn sẽ giúp bạn tạo ra một thanh Nav­i­ga­tion hoàn hảo. Một số hướng dẫn tạo ra kết quả cuối cùng tương tự như một hướng dẫn khác trong danh sách này, nhưng bạn có thể tìm hiểu một điều khác lạ từ mỗi một hướng dẫn vì cách tiếp cận tới mỗi bài hướng dẫn này là khác nhau. Stun­ning Vista inspired menu từ PSDTuts Slick blue nav­i­ga­tion menu từ SigTutorials Glossy nav­i­ga­tion bar từ Core GFX Quick glass buttons từ Bits O’ NewMedia Basic sleek button từ psFreak.com Sleek but­tons từ OriginMaker Vista styled button ...

[File Cad] Khách Sạn Kaya – 4 Sao

Là đơn vị trực thuộc công ty xây dựng Hiệp Hòa, khách sạn Kaya mang đẳng cấp quốc tế tiêu chuẩn tương đương 4 sao tọa lạc tại số 238 đại lộ Hùng Vương – Trung tâm TP. Tuy Hòa, Tỉnh Phú Yên. Dưới đây là 1 số bản vẽ Mặt Bằng, Mặt Cắt, Kết Cấu.. của Khách Sạn Kaya này mà mình sưu tầm được. Công trình gồm 1 tầng hầm, 1 trệt, 1 lửng và 13 lầu.Với tổng chiều cao 55.4m Tên File: File Cad – Kaya Hotel (4 Sao) – Cty XD Hiệp Hòa – TP. Tuy Hòa – Phú Yên Download: Mặt Bằng – Kaya Hotel (01 File .DWG – Size: 4.5 Mb) Download: Mặt Cắt – Kaya Hotel (01 File .DWG – Size: 1.9 Mb) Download: Kết Cấu – Kaya Hotel (05 File .DWG – Size: 2.5 Mb) Download: Phối Cảnh – Kaya Hotel (02 File .JPG – Size: 1.5 Mb) Link Download Toàn Bộ File Trên: http://www.mediafire.com/?gi9e2e82awvdvse (10 Mb) Thông Tin: Nguồn: Sưu Tầm – Upload by www.danxaydung.tk Hình Demo: (theo danxaydung.tk)

Phần Mềm Học AutoCad 2D & 3D

Bữa trước có mua cái đĩa học AutoCad, thấy cũng khá có ích, nên upload cho mọi người xài. Trong ebook này, có tiếng thuyết minh + hình minh họa + video + bài tập.. Cách đọc ebook rất trực quan… Nói chung khá ổn. Ai cảm thấy cần thì down :D Tên File: Ebook – Phần Mềm Tự Học AutoCad 2D & 3D Link Download: http://goo.gl/WqDXw (Nén .RAR) Link Download Dự Phòng: http://www.mediafire.com/?5058m6m1c3qgsda Thông Tin: Chạy ngay không cần cài đặt – Size: 77Mb – Upload by www.danxaydung.tk AutoCAD là phần mềm ứng dụng CAD để làm bản vẽ kỹ thuật bằng vectơ 2D hay bề mặt 3D, được phát triển bởi tập đoàn Autodesk. Với phiên bản đầu tiên được phát hành vào cuối năm 1982, AutoCAD là một trong những chương trình vẽ kĩ thuật đầu tiên chạy được trên máy tính cá nhân, nhất là máy tính IBM. Ngược lại, phần nhiều phần mềm vẽ kĩ thuật thời này được sử dụng trên thiết bị đầu cuối đồ họa (graphics terminal) nối với máy tính lớn hay máy trạm. Những phiên bản trước của AutoCAD sử dụng các thực th...