Vào cuối tuần qua, tôi đã quyết định rằng đã đến lúc phải thay thế những hình ảnh tiêu đề trên trang web này, vì vậy tôi đã đưa ra hình ảnh này. Nó được lấy cảm hứng từ sự kết hợp của Microsoft Window màn hình và rất nhiều các biểu tượng và các nút đã được thống trị trong thế giới web 2.0.
Cảm thấy tự do để nhấn vào hình ảnh và tải về lớn hơn (4000 x 2754) hình ảnh nếu bạn cần phải sử dụng nó cho một cái gì đó. Xin vui lòng cho tôi tín dụng nếu làm như vậy bằng cách nào đó phù hợp với bất cứ điều gì bạn sử dụng nó cho, nhưng không cảm thấy bắt buộc phải làm như vậy.
Tôi đã quyết định để biến bài này thành một hướng dẫn cho những người có thể được bắt đầu trong thiết kế đồ họa và thích làm điều gì giống như nó. Sự kết hợp màu sắc là rất dễ dàng để thay đổi, làm cho nó một hình ảnh rất tùy chỉnh. Kết quả tương tự có thể được thực hiện sử dụng các vector nhưng tôi sẽ không làm điều đó lúc này.
Hướng dẫn này giả định bạn có Photoshop hay một ứng dụng thiết kế đồ họa tương tự, chẳng hạn như GIMP. Chúng ta hãy bắt đầu.
Bước 1 - Làm Sóng
Để bắt đầu, mở Photoshop hoặc các phần mềm đồ họa bất cứ điều gì bạn đang sử dụng và quyết định kích thước của hình ảnh của bạn. Tôi đã đi khá lớn (khoảng 4500 x 3500) để tôi có thể dễ dàng sử dụng các phần của hình ảnh hoàn thành nhưng không phải lo lắng về chúng quá nhỏ nếu tôi chỉ quyết định sử dụng một phần nhỏ. Bạn có thể bị hạn chế bởi số lượng bộ nhớ trên máy tính của bạn. Bộ nhớ càng nhiều càng tốt.
Trên một layer trống mới, tạo một mô hình sóng màu đen. Điều quan trọng để đảm bảo rằng nó là khá ngẫu nhiên và mịn hoặc kết quả của bạn có thể không bật ra rất tốt.
Trong hình trên, tôi đã biên soạn 4 ví dụ các mô hình sóng. Trong tập tin photoshop của bạn, tất cả các mẫu sóng sẽ được đặt trên đầu trang hoặc dưới của nhau trong nhóm lớp, với các hiệu ứng bộ lọc cuối cùng áp dụng.
Vì vậy, ví dụ, kiểm tra ra các hình ảnh bên trái. Mỗi phòng trong số 4 sóng là một lớp khác nhau. Bạn có thể thấy chúng tôi đã thiết lập chúng để có một độ mờ đục. Trong trường hợp này là 25%. Bạn không cần phải làm điều này, nhưng tôi nghĩ rằng nó là quan trọng để hiển thị một hình ảnh để bạn có thể dễ dàng hơn theo cùng.
Bây giờ đi trước và thực hiện một loạt các mẫu sóng ngẫu nhiên. Nếu tôi nhớ chính xác, tôi đã thực hiện khoảng 20-30 mẫu. Khi bạn cảm thấy mệt mỏi làm cho chúng, chỉ đơn giản là kéo dài một vài hoặc lật chúng theo chiều ngang và số lượng sóng bạn có sẽ nhanh chóng tăng lên. Không có điểm trong chi tiêu vô số giờ làm cho chúng tất cả hoàn toàn độc đáo nếu bạn có thể tạo ấn tượng về kích thước ngẫu nhiên và chiều cao bằng cách làm một vài đoạn, skews hoặc ngang lật.
Bước 2 - Áp dụng một hiệu ứng Fade
Bây giờ bạn sẽ có thể muốn để quyết định màu sắc. Trong trường hợp của tôi, tôi đã chọn một màu xanh nhạt. Sử dụng 2 màu hơi khác nhau của cùng một màu sắc cho màu nền trước và màu nền của bạn.
Trong hình ảnh này, bạn có thể nhìn thấy lựa chọn màu sắc của tôi với ánh sáng màu xanh cho nền trước và màu xanh đậm cho nền. Bây giờ làm cho tất cả các lớp sóng của bạn ngoại trừ 1 hoàn toàn vô hình để họ không nhận được theo cách của bạn. Với lớp sóng còn lại, kích đúp vào nó để bạn có thể cập nhật các Layer Style và kích hoạt tùy chọn Gradient Overlay. Chọn để sử dụng các Foreground to Background mà sẽ được hướng tới phía trên bên trái. Bạn sẽ muốn chơi với các góc độ và quy mô. Tôi đi với từ 20% đến 40% cho quy mô, và góc độ của tôi dao động từ khoảng 125 độ và 60 độ tùy thuộc vào mô hình của sóng. Chơi xung quanh với điều này cho đến khi bạn tìm thấy một cái gì đó có vẻ đúng cho bạn.
Bây giờ bạn có một hiệu ứng mờ dần trên lớp, bạn sẽ muốn xác định các cạnh trên nhiều hơn một chút. Chúng ta có thể làm điều này bằng cách cho nó một hiệu ứng mờ dần nhẹ dọc theo mép đi từ tối ở phía trên để nhẹ hơn hướng về phía dưới. Điều này sẽ đánh lừa mắt vào suy nghĩ bạn đang nhìn vào một bề mặt tròn hơn. Để làm điều này, quay trở lại vào Layer Style và chọn Bevel and Emboss. Tôi đã chọn các thiết lập trong hình dưới đây.
Giá trị của tôi như sau:
Phong cách: Inner Bevel, Kỹ thuật: Smooth, Chiều sâu: 31%, Hướng: Up, Kích thước: 250px, Soften: 16px, Góc nhìn: 90 độ so với sử dụng toàn cầu ánh sáng kích hoạt, Độ cao: 1 độ, cho phép chống răng cưa.
Chế độ trong nước đã được thiết lập để bình thường với màu đen như màu sắc và độ mờ đục của 100%.
Bóng Mode được thiết lập để màn hình (bất kỳ tùy chọn sẽ làm vì nó là vô hình) với một màu đen (tôi biết, trong hình ảnh bên trái nó màu trắng. Đó là vô hình và không quan trọng) và đặt nó là 0% opacity để nó vô hình .
Bằng cách điều chỉnh các giá trị bao giờ-để-một chút, bạn sẽ nhận được một chút của một hiệu ứng tối xung quanh các cạnh của sóng.
Bạn có thể thấy sự khác biệt nhỏ mà nó làm cho trong gif động này. Xem xét chặt chẽ bởi vì nó rất tinh tế, nhưng trong opionion tôi rất cần thiết để bán hiệu quả tổng thể của những con sóng. Bạn muốn có các cạnh tối hơn.
Lớp của bạn nên tìm kiếm một chút như thế này vào lúc này.
Bây giờ làm thủ tục tương tự mà bạn đã làm với lớp này đến lớp sóng còn lại. Hãy chắc chắn rằng bạn chỉ có 1 lớp có thể nhìn thấy tại một thời điểm hoặc những thứ sẽ được gây nhầm lẫn rất nhanh chóng và bạn có thể bị cám dỗ để thực hiện các loại thay đổi dựa trên hình ảnh tổng thể vào thời điểm này. Tốt nhất là để lại đó cho đến cuối trong quá trình tô điểm.
Bước 3 - Thêm nền
Nền là một chỉ đơn giản là một gradient sử dụng màu sắc tương tự như sóng của bạn. Tôi đã chọn để có nó đi từ tối hơn (tốt, tối hơn màu trắng) ở phía trên để nhẹ hơn ở phía dưới. Kể từ nửa cuối sóng của bạn sẽ được bao che phần dưới cùng của nền của bạn trong anyways kết thúc, bạn thực sự không phải lo lắng về những gì phía dưới nền trông giống như vào thời điểm này. Vì vậy, một nền trắng sẽ làm việc tốt.
Bây giờ nó chỉ là vấn đề của việc áp dụng các bộ lọc để các lớp và một số tô điểm.
Bước 4 - Thêm Layer và tô điểm
Đầu tiên chuyển đổi các lớp sóng thành lớp phẳng để các hiệu ứng lớp được áp dụng trực tiếp vào lớp. Nói cách khác, bạn đang làm phẳng từng lớp, nhưng chắc chắn để giữ tất cả mọi thứ trên làn sóng hoàn toàn mờ đục. Trong hình bên trái, bạn có thể xem những gì tôi có ý nghĩa. Lớp "Trước khi" là cách của bạn được thiết lập ngay bây giờ. Lớp "Sau" là những gì bạn cần phải chuyển đổi nó thành.
Bây giờ làm dưới hầu hết các lớp sóng 2 có thể nhìn thấy. Đến lớp sóng trên, thiết lập opacity khoảng 20% và áp dụng một bộ lọc. Tôi chủ yếu bị mắc kẹt với Hard Light, Linear Burn, Color Burn, Pin Light và Multiply. Sau đó làm tương tự như lớp sóng dưới quá. Điều này sẽ làm sáng lên dưới cùng của làn sóng vì vậy nó không quá tối.
Làm cho các lớp tiếp theo có thể nhìn thấy và một lần nữa áp dụng một bộ lọc và đặt nó vào khoảng 20% trong độ mờ đục. Lặp lại điều này cho đến khi tất cả các lớp có thể nhìn thấy và bạn cần phải có một cái gì đó tương tự như sản phẩm cuối cùng của tôi.
Tôi hy vọng hướng dẫn này là đủ để giúp bạn bắt đầu.
Tôi được ủy quyền bởi 7 Labatt Avenue, ở Toronto, để sản xuất hai render của tòa nhà để sử dụng trên trang web của họ và trong tài liệu tiếp thị tòa nhà cho thuê. Công ty tôi làm việc, SevenL Networks, là trong tòa nhà này.
Tòa nhà có một yêu cầu cho tôi để sản xuất render càng nhanh càng tốt nhưng trên một ngân sách rất chặt chẽ (chỉ có $ 2,000) để sản xuất những khoảng thời gian một tuần một vài tuần trước.
Tôi ước rằng tôi đã được đưa ra thời gian hơn một chút để tôi có thể đã chạm vào nó tốt hơn rất nhiều, nhưng họ nói với tôi rằng đó là quá đủ cho nhu cầu của họ, và khách hàng luôn luôn đúng.
Hình ảnh backplate được lấy từ đỉnh của tòa nhà và rơi xuống nền của ảnh kết xuất cuối cùng để cho nó một chút của chủ nghĩa hiện thực và đưa ra bối cảnh để xây dựng liên quan đến nó ngay lập tức môi trường xung quanh và lõi trung tâm thành phố Toronto.
Tôi rất có thể sẽ được chuyển hai render các thành một "howto" hướng dẫn trong những tuần tới, vì vậy giữ cho trang web này trong trình duyệt của bạn và làm mới thường xuyên!
Hình ảnh backplate được lấy từ đỉnh của tòa nhà và rơi xuống 
Một khách hàng của tôi cần một cách để thể hiện rằng dịch vụ của họ và họ, như một công ty, nổi bật trong ngành công nghiệp cạnh tranh mạnh của họ. Tôi cho rằng họ giữ hình ảnh đơn giản để người xem không bị phân tâm trong bất kỳ cách nào, và rằng họ vẫn tập trung vào một đối tượng cụ thể mà sẽ respresent tổ chức khách hàng của tôi theo nghĩa bóng. Chúng tôi quyết định rằng sự đơn giản của một quả cầu sẽ làm tất cả điều đó.
Khách hàng không có sử dụng độc quyền của hình ảnh vì vậy nếu bạn có thể nhận được bất kỳ sử dụng từ hình ảnh này, xin vui lòng click vào hình ảnh cho một phiên bản lớn hơn và tải về các tập tin. Hãy thử và cho tôi tín dụng nếu nó ở tất cả có thể trong bất cứ điều gì nó là bạn sẽ chỉ sử dụng nó cho. Hoặc gửi cho tôi đường link để tôi có thể kiểm tra xem nó ra và có thể thêm nó vào bài đăng blog.
Vẽ chỉ mất hơn một giờ để mô hình, thêm 20 phút để phút kết cấu và 45 với ánh sáng. Ban đầu tôi trả lại hình ảnh ở mức 6000 x 4500 vì vậy quá trình vẽ lại mất khoảng 2 giờ. Tôi đã đưa ra hình ảnh kích thước đầy đủ quyền không độc quyền của họ cho chỉ $ 250.
