Background
Bước 1
Tạo một tài liệu mới trong Photoshop mà là 1200 × 1112px. Điền vào nền với màu đen ( # 000000 ).Bước 1
Sử dụng một Gradient tuyến tính và màu xám sẫm ( # 333.333 ), click và kéo nó từ trên xuống dưới. Bạn muốn gradient của bạn để kết thúc khoảng một nửa con đường xuống tài liệu.
Tiêu đề
Bước 2
Sử dụng công cụ marquee, chúng tôi sẽ làm cho một 1200 × 77px hộp. Để làm điều này nhấp chuột vào công cụ marquee và thay đổi các thiết lập phong cách cho Fixed Size. Thay đổi kích thước 1200 × 77px và nhấp chuột vào góc trên bên trái của tài liệu cho một điểm khởi đầu. Điền với # 33CCCC .
Bước 2
Sử dụng công cụ marquee, chúng tôi sẽ làm cho một 1200 × 77px hộp. Để làm điều này nhấp chuột vào công cụ marquee và thay đổi các thiết lập phong cách cho Fixed Size. Thay đổi kích thước 1200 × 77px và nhấp chuột vào góc trên bên trái của tài liệu cho một điểm khởi đầu. Điền với # 33CCCC .
Bước 3
Bây giờ chúng ta sẽ thêm một Gradient Overlay tiêu đề của chúng tôi. Click vào biểu tượng đầu tiên từ bên trái dưới cùng của bảng layer và nhấp chuột vào Gradient Overlay.
Bây giờ chúng ta sẽ thêm một Gradient Overlay tiêu đề của chúng tôi. Click vào biểu tượng đầu tiên từ bên trái dưới cùng của bảng layer và nhấp chuột vào Gradient Overlay.
Bước 4
Sử dụng công cụ dòng, tạo ra một dòng 5px đi qua toàn bộ tài liệu. Điều này sẽ đi ở dưới cùng của tiêu đề của chúng tôi. Thay đổi màu sắc để # CCCCCC .
Sử dụng công cụ dòng, tạo ra một dòng 5px đi qua toàn bộ tài liệu. Điều này sẽ đi ở dưới cùng của tiêu đề của chúng tôi. Thay đổi màu sắc để # CCCCCC .
Bây giờ chúng ta sẽ tạo ra một cái nhìn côn để nó. Click vào đơn Row Marquee Tool, và tạo ra một dòng trên đầu của dòng 5px của chúng tôi, chúng tôi chỉ cần tạo ra. Điền vào đó khu vực được lựa chọn với # FFFFFF . Tạo một dòng ở phía dưới và điền vào # 999999
Cuối cùng thêm một đơn Row Marquee lên cao nhất của các tài liệu bằng cách sử dụng # 009.999 .
Bước 5
Chúng tôi muốn tạo ra một hộp 950px ở giữa của các tài liệu, mà chúng ta sẽ xây dựng giao diện của chúng tôi xung quanh. Để làm điều này nhấp chuột đầu tiên trên lớp nền sau đó vào View> Snap và chắc chắn rằng nó được kiểm tra. Bây giờ hãy nhấp và kéo một hướng dẫn từ những người cai trị giữa của tài liệu. Khi bạn nhận được để giữa các tài liệu hướng dẫn nên dính vào.
Chúng tôi muốn tạo ra một hộp 950px ở giữa của các tài liệu, mà chúng ta sẽ xây dựng giao diện của chúng tôi xung quanh. Để làm điều này nhấp chuột đầu tiên trên lớp nền sau đó vào View> Snap và chắc chắn rằng nó được kiểm tra. Bây giờ hãy nhấp và kéo một hướng dẫn từ những người cai trị giữa của tài liệu. Khi bạn nhận được để giữa các tài liệu hướng dẫn nên dính vào.
Bây giờ sử dụng công cụ Marquee Quảng trường tạo ra một layer mới ( Control + Shift + N ), và tạo ra một hình vuông đó là 950px rộng và 1112px cao. Điền với # FFFFFF . Khi bạn sử dụng công cụ chuyển đổi ( Control + T ) sẽ có neo mà đi lên trên các góc và giữa dòng, lên trên và điểm neo giữa dưới cùng với hướng dẫn. Đi mà hướng dẫn mà bạn đã tạo và kéo nó về phía bên phải của hộp chúng tôi tạo ra (nó nên bắt dính vào). Ngoài ra, click và kéo một hướng dẫn bên trái của hộp. Bây giờ hãy nhấp và kéo layer hộp vào thùng rác (biểu tượng cuối cùng bên phải ở dưới cùng của bảng layer).
Bước 6
Trong khi chúng tôi đang ở đó, chúng ta sẽ thêm các hướng dẫn một số để có được bố trí cơ bản của thiết kế của chúng tôi.
Trong khi chúng tôi đang ở đó, chúng ta sẽ thêm các hướng dẫn một số để có được bố trí cơ bản của thiết kế của chúng tôi.
Sử dụng vuông của công cụ Marquee Tool tạo ra một hộp 250 × 1112px để cạnh bên trái là hướng dẫn trái. Nhấp và kéo một hướng dẫn để các bên phải của khu vực được lựa chọn.
Giữ phím Shift, di chuyển hộp bên trái một lần với các mũi tên trái. Đặt một tài liệu hướng dẫn về phía bên phải của vùng chọn.
Giữ thay đổi một lần nữa, và di chuyển hộp bên phải hai lần. Đặt một tài liệu hướng dẫn ở phía bên trái của vùng chọn.
Di chuyển hộp hơn hai lần, giữ phím shift, và đặt một tài liệu hướng dẫn về phía bên phải của hộp.
Bây giờ chúng ta sẽ thực hiện một hộp đó là 950 × 113px. Đặt nó ở đầu và đặt một hướng dẫn ở dưới cùng của hộp.
Bước 7:
Trước khi chúng tôi đi thêm nữa chúng tôi muốn bắt đầu tổ chức các layer của chúng tôi. Vì vậy, tạo một thư mục mới (thứ ba biểu tượng từ bên trái ở dưới cùng của bảng layer) và gọi nó là "Tiêu đề"
Trước khi chúng tôi đi thêm nữa chúng tôi muốn bắt đầu tổ chức các layer của chúng tôi. Vì vậy, tạo một thư mục mới (thứ ba biểu tượng từ bên trái ở dưới cùng của bảng layer) và gọi nó là "Tiêu đề"
Sử dụng công cụ hình chữ nhật tròn, tạo ra một hộp với một bán kính của 10px mà đi từ các hướng dẫn bên trái về hướng dẫn thứ tư trong, và xuống để hướng dẫn mà đi ngang qua. Điền # CCCCCC .
Bước 8:
Sử dụng phong cách lớp (biểu tượng ở dưới cùng của bảng layer) click vào Inner Shadow. Điều này sẽ cho chúng ta một cái nhìn đen tối trên các cạnh.
Sử dụng phong cách lớp (biểu tượng ở dưới cùng của bảng layer) click vào Inner Shadow. Điều này sẽ cho chúng ta một cái nhìn đen tối trên các cạnh.
Tiếp theo chúng ta sẽ thêm một Bevel and Emboss. Điều này sẽ làm cho hộp pop, loại giống như chúng tôi đã làm với biên giới trên tiêu đề.
Cuối cùng, chúng tôi sẽ bổ sung thêm một Gradient Overlay. Điều này sẽ cho chúng ta một cạnh tối trên dưới cùng của hộp của chúng tôi.
Bước 9
Bây giờ bạn có thể thêm vào logo của bạn, và cung cấp cho nó Bevel and Emboss như hộp. Bạn có thể làm điều này bằng cách kéo các phong cách từ lớp hộp layer logo.
Bây giờ bạn có thể thêm vào logo của bạn, và cung cấp cho nó Bevel and Emboss như hộp. Bạn có thể làm điều này bằng cách kéo các phong cách từ lớp hộp layer logo.
Để cung cấp cho nó một cái nhìn thêm dập nổi, trước tiên bạn có thể sao chép logo của bạn với kiểm soát + J kiểm soát và nhấp vào biểu tượng và điền nó với # CCCCCC . Di chuyển layer đó xuống hai không gian.
Bước 10
Chúng tôi sẽ cung cấp cho các hộp một cái nhìn kim loại để nó. Để làm điều này, chúng ta sẽ tạo một layer mới, sau đó tạo ra một hộp bằng cách sử dụng công cụ marquee và điền nó với màu đen. Kích thước không quan trọng, miễn là nó lớn hơn hộp của chúng tôi.
Chúng tôi sẽ cung cấp cho các hộp một cái nhìn kim loại để nó. Để làm điều này, chúng ta sẽ tạo một layer mới, sau đó tạo ra một hộp bằng cách sử dụng công cụ marquee và điền nó với màu đen. Kích thước không quan trọng, miễn là nó lớn hơn hộp của chúng tôi.
Hãy chắc chắn rằng foreground và màu nền là màu đen và trắng, sau đó vào Filter> Noise> Add Noise . Thay đổi cài đặt của bạn để một cái gì đó giống như những gì tôi có.
Sử dụng Control + U giảm độ bão hòa tất cả các con đường xuống đến -100.
Làm Control + D để bỏ chọn khu vực, sau đó vào Filter> Blur> Motion Blur .
Di chuyển kim loại, chúng tôi đang tạo ra hơn hộp ban đầu. Sau đó làm Control + click trên layer hộp ban đầu, Control + Shift + I để nghịch đảo và xóa.
Thay đổi chế độ hòa trộn Soft Light. Mở trình đơn cấp với Control + L và mang lại các mũi tên trái và bên phải đối với các cạnh của đồ thị.
Sau đó thả cách Opacity xuống cho đến khi bạn nhận được một cái gì đó mà bạn thích. Tôi đặt mỏ ở mức 20%.
Bước 11
Hãy thêm một số chuyển hướng. Để làm điều này, chúng tôi lần đầu tiên sẽ thêm một hướng dẫn. Sử dụng các công cụ marquee vuông tạo ra một hình vuông là 120px rộng và đặt cạnh bên trái về hướng dẫn cuối cùng ở phía bên trái của tài liệu. Kéo một hướng dẫn trên bên phải của hộp.
Hãy thêm một số chuyển hướng. Để làm điều này, chúng tôi lần đầu tiên sẽ thêm một hướng dẫn. Sử dụng các công cụ marquee vuông tạo ra một hình vuông là 120px rộng và đặt cạnh bên trái về hướng dẫn cuối cùng ở phía bên trái của tài liệu. Kéo một hướng dẫn trên bên phải của hộp.
Trong hộp thoại đó, chúng ta sẽ dùng công cụ Rounded Rectangle và tạo ra một hộp trong khu vực đó, ngoại trừ làm cho chắc chắn rằng trên cùng của hộp, trong đó có các góc được làm tròn đi trên tiêu đề.
Tạo một thư mục mới và gọi nó là "Nav". Thay đổi màu sắc của hộp để # 33CCCC , và kéo layer vào thư mục. Di chuyển thư mục dưới tiêu đề.
Bước 12
nút đầu tiên là có được "Bảng điều khiển" nút, do đó tạo ra một thư mục mới bên trong thư mục "Nav", và gọi nó là "Bảng điều khiển".
nút đầu tiên là có được "Bảng điều khiển" nút, do đó tạo ra một thư mục mới bên trong thư mục "Nav", và gọi nó là "Bảng điều khiển".
Bây giờ chúng ta sẽ thêm một số phong cách layer nút của chúng tôi. Vì vậy, cho phép thêm một Inner Glow, Bevel and Emboss. Điều này thực sự sẽ làm pop nút của chúng tôi.
Bước 13
Hãy thêm một số văn bản vào nút của chúng tôi. Sử dụng công cụ Type, gõ từ "Bảng điều khiển". Tôi đang sử dụng phông chữ ITC Franklin Gothic Demi tại 16pt. Hãy chắc chắn rằng bạn làm cho hộp văn bản của bạn cùng chiều rộng như các nút điều hướng và trung tâm văn bản.
Hãy thêm một số văn bản vào nút của chúng tôi. Sử dụng công cụ Type, gõ từ "Bảng điều khiển". Tôi đang sử dụng phông chữ ITC Franklin Gothic Demi tại 16pt. Hãy chắc chắn rằng bạn làm cho hộp văn bản của bạn cùng chiều rộng như các nút điều hướng và trung tâm văn bản.
Bước 14
Nhân đôi layer văn bản với Control + J và thay đổi màu # CCCCCC . Di chuyển nó xuống hai không gian. Điều này sẽ cho chúng ta một bevel cho những lời hướng.
Nhân đôi layer văn bản với Control + J và thay đổi màu # CCCCCC . Di chuyển nó xuống hai không gian. Điều này sẽ cho chúng ta một bevel cho những lời hướng.
Cuối cùng, chúng ta sẽ thêm một bóng ở đầu nút của chúng tôi. Để làm điều này điều khiển và bấm vào nút lớp để có được những lựa chọn, sau đó tạo một layer mới với Control + Shift + N Bây giờ hãy nhấp vào công cụ Gradient và chắc chắn rằng bạn có Linear Gradient được lựa chọn, cũng như màu đen như foreground của bạn . Nhấp và kéo một gradient từ trên xuống dưới cho đến khi bạn nhận được một cái gì đó mà bạn thích.
Bước 15
Kích chuột phải vào thư mục "Bảng điều khiển" và nhấn vào Duplicate Layer Set. Đổi tên thư mục "Người dùng".
Kích chuột phải vào thư mục "Bảng điều khiển" và nhấn vào Duplicate Layer Set. Đổi tên thư mục "Người dùng".
Giữ phím Shift , di chuyển nút hơn 13 gian. Điều này nên đặt nó chỉ cần ra khỏi nút gốc.
Thay đổi cả hai lớp văn bản để nói "Người dùng" và thay đổi hình nền # CCCCCC .
Lặp lại điều này với "Trang" và "Cài đặt". Vì vậy, bạn nên kết thúc với tổng số bốn nút.
Bước 16
Bây giờ chúng ta sẽ thêm các thông tin đăng nhập ở bên phải của trang web của chúng tôi.
Bây giờ chúng ta sẽ thêm các thông tin đăng nhập ở bên phải của trang web của chúng tôi.
Sidebar
Bước 17
Bây giờ nó là thời gian để bắt đầu trên sidebar. Đầu tiên cho phép bắt đầu bằng cách dùng công cụ Rounded Rectangular, nhấp và kéo các hình vuông có chiều rộng tương tự như biểu trưng và hộp một cái gì đó cao như những gì tôi có (nó không phải là một chiều cao nhất định bởi vì chúng tôi đang đi để che dấu nó đi ). Hãy chắc chắn rằng đầu được nghỉ ngơi trên về hướng dẫn ngang. Điền nó với # FFFFFF cho bây giờ.
Bước 17
Bây giờ nó là thời gian để bắt đầu trên sidebar. Đầu tiên cho phép bắt đầu bằng cách dùng công cụ Rounded Rectangular, nhấp và kéo các hình vuông có chiều rộng tương tự như biểu trưng và hộp một cái gì đó cao như những gì tôi có (nó không phải là một chiều cao nhất định bởi vì chúng tôi đang đi để che dấu nó đi ). Hãy chắc chắn rằng đầu được nghỉ ngơi trên về hướng dẫn ngang. Điền nó với # FFFFFF cho bây giờ.
Nhấp chuột vào layer mask (biểu tượng thứ hai từ bên trái trên bảng layer). Nhấp chuột vào công cụ marquee vuông và tạo ra một hình vuông 250 × 35px và đặt nó trên các hướng dẫn xa bên trái và ngang. Lấy lựa chọn nghịch với Shift + điều khiển + I và điền vào các khu vực với màu đen. Điều này sẽ giúp thoát khỏi khu vực chúng ta không cần.
Chúng tôi sẽ bổ sung thêm tiêu đề, do đó, bằng cách sử dụng công cụ Type, loại ra "Thông điệp hệ thống". Di chuyển các văn bản hướng dẫn xa bên trái, sau đó giữ phím Shift, di chuyển nó qua một trong những quyền không gian.
Bước 18
Chúng tôi sẽ thêm một số phong cách lớp đầu sidebar của chúng tôi, nhưng trước khi chúng tôi làm điều đó chúng tôi muốn tạo ra một thư mục mới và gọi nó là "Tin nhắn hệ thống".
Chúng tôi sẽ thêm một số phong cách lớp đầu sidebar của chúng tôi, nhưng trước khi chúng tôi làm điều đó chúng tôi muốn tạo ra một thư mục mới và gọi nó là "Tin nhắn hệ thống".
Bây giờ đi vào phong cách layer và thêm một Bevel and Emboss, chúng tôi cũng sẽ cung cấp cho nó một lớp phủ Gradient.
Đi trước và thay đổi màu sắc của hộp để # 333.333 . Giữ phím Shift , di chuyển hộp xuống dưới ba lần.
Bước 19
Sử dụng công cụ Marquee Quảng trường, tạo ra một hình vuông, 250 × 435px. Dòng nó lên các hướng dẫn xa bên trái và ngang. Tạo một layer mới với Control + Shift + N và điền nó với # CCCCCC .
Sử dụng công cụ Marquee Quảng trường, tạo ra một hình vuông, 250 × 435px. Dòng nó lên các hướng dẫn xa bên trái và ngang. Tạo một layer mới với Control + Shift + N và điền nó với # CCCCCC .
Thêm một Bevel and Emboss và giữ phím shift, di chuyển hộp chìm bảy không gian.
Bước 20
Lặp lại bước 17, thay đổi tiêu đề "để làm danh sách" và đặt các lớp vào một thư mục mới được gọi là "để làm danh sách".
Lặp lại bước 17, thay đổi tiêu đề "để làm danh sách" và đặt các lớp vào một thư mục mới được gọi là "để làm danh sách".
Bước 21
Chúng ta sẽ lặp lại bước 19, ngoại trừ hộp sẽ thẳng hàng với hướng dẫn bên trái và phía dưới của người đứng đầu "để làm danh sách". Thay đổi chiều cao 340px và di chuyển hộp xuống năm không gian từ chỗ đó.
Chúng ta sẽ lặp lại bước 19, ngoại trừ hộp sẽ thẳng hàng với hướng dẫn bên trái và phía dưới của người đứng đầu "để làm danh sách". Thay đổi chiều cao 340px và di chuyển hộp xuống năm không gian từ chỗ đó.
Bước 22
Bây giờ chúng ta có thể bắt đầu tạo ra các thông tin bên trong sidebar đầu tiên. Hãy bắt đầu bằng cách lấy biểu tượng bong bóng nói chuyện tôi đã tạo ra một PNG minh bạch của tất cả các biểu tượng để bạn có thể sử dụng chúng . Duplicate tiêu đề "Thông điệp hệ thống" và thay đổi màu # 333.333 . và thay đổi nó để "Tin nhắn gần đây". Đặt bong bóng nói chuyện của bạn bên cạnh các văn bản và dòng lên các biểu tượng với hướng dẫn bên trái. Giữ phím Shift và di chuyển nó qua một chỗ.
Bây giờ chúng ta có thể bắt đầu tạo ra các thông tin bên trong sidebar đầu tiên. Hãy bắt đầu bằng cách lấy biểu tượng bong bóng nói chuyện tôi đã tạo ra một PNG minh bạch của tất cả các biểu tượng để bạn có thể sử dụng chúng . Duplicate tiêu đề "Thông điệp hệ thống" và thay đổi màu # 333.333 . và thay đổi nó để "Tin nhắn gần đây". Đặt bong bóng nói chuyện của bạn bên cạnh các văn bản và dòng lên các biểu tượng với hướng dẫn bên trái. Giữ phím Shift và di chuyển nó qua một chỗ.
Bước 23
Chúng ta hãy đi vào và thêm vào một cách theo "Tin nhắn gần đây". Để làm điều này, nhấn vào công cụ Line Tool và tạo ra một dòng 1px ở giữa hai hướng dẫn bên trong.
Chúng ta hãy đi vào và thêm vào một cách theo "Tin nhắn gần đây". Để làm điều này, nhấn vào công cụ Line Tool và tạo ra một dòng 1px ở giữa hai hướng dẫn bên trong.
Bây giờ lấy màu đỏ biểu tượng "x" và thiết lập nó một Shift + không gian trên từ phía bên trái của thanh bên.
Thêm một số văn bản giả: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed nonumy diam." Thay đổi font Verdana, cỡ chữ 10pt và màu # 333.333 . Để nhấn mạnh nó (bởi vì chúng sẽ liên kết) đánh dấu văn bản và mở ra các tùy chọn văn bản với Control + T , sau đó chọn tùy chọn nhấn mạnh.
Đặt biểu tượng và bản sao giả vào một thư mục gọi là "Tin nhắn 1".
Bước 24
Lặp lại bước 23, và đặt các lớp trong một thư mục có tên là "Tin nhắn 2".
Lặp lại bước 23, và đặt các lớp trong một thư mục có tên là "Tin nhắn 2".
Bước 25:
Để thêm các hình thức thông báo chúng tôi lần đầu tiên sẽ tạo ra một tiêu đề. Sao chép thư mục "Recent Messages" và thay thế biểu tượng bong bóng nói chuyện với các bong bóng nói chuyện và màu xanh lá cây biểu tượng "+". Giữ phím Shift và di chuyển nó xuống 15 không gian.
Để thêm các hình thức thông báo chúng tôi lần đầu tiên sẽ tạo ra một tiêu đề. Sao chép thư mục "Recent Messages" và thay thế biểu tượng bong bóng nói chuyện với các bong bóng nói chuyện và màu xanh lá cây biểu tượng "+". Giữ phím Shift và di chuyển nó xuống 15 không gian.
Ngoài ra, bản sao ngắt dòng và di chuyển nó một sự thay đổi không gian + xuống từ dưới cùng của "Khởi tạo New Message" đầu.
Bước 26
Bây giờ để thêm các hình thức, tạo ra một thư mục mới được gọi là "Tin nhắn mẫu". Bằng cách sử dụng các loại công cụ Viết ra "Chủ đề:". Tôi đang sử dụng ITC Franklin Gothic Demi tại 13pt.
Bây giờ để thêm các hình thức, tạo ra một thư mục mới được gọi là "Tin nhắn mẫu". Bằng cách sử dụng các loại công cụ Viết ra "Chủ đề:". Tôi đang sử dụng ITC Franklin Gothic Demi tại 13pt.
Tạo một 229 × 30px hộp bằng cách sử dụng các công cụ marquee vuông và điền với # FFFFFF .
Bước 27
Bây giờ chúng ta sẽ cung cấp cho một hộp bevel. Để làm điều này chúng ta sẽ lặp lại trong các hộp màu trắng với kiểm soát + J Kiểm soát và click lên layer, sau đó điền với # 333.333 .
Bây giờ chúng ta sẽ cung cấp cho một hộp bevel. Để làm điều này chúng ta sẽ lặp lại trong các hộp màu trắng với kiểm soát + J Kiểm soát và click lên layer, sau đó điền với # 333.333 .
Bây giờ làm cho chắc chắn rằng bạn có các công cụ marquee nhấp, và di chuyển xuống và không gian mỗi một quyền. Sau đó xóa các khu vực được lựa chọn.
Bước 28:
Lặp lại các bước 26 & 27, ngoại trừ hộp màu trắng sẽ là 229 × 100px và thay vì "Subject:" nó sẽ nói "Message:".
Lặp lại các bước 26 & 27, ngoại trừ hộp màu trắng sẽ là 229 × 100px và thay vì "Subject:" nó sẽ nói "Message:".
Bước 29
Bây giờ chúng ta sẽ tạo ra nút "Send". Bản sao của "Người sử dụng" thư mục từ các nút điều hướng, và đưa nó xuống năm không gian dưới hình thức của chúng tôi. Nhấp và kéo bóng lớp và các lớp văn bản màu xám ánh sáng từ hướng vào thùng rác.
Bây giờ chúng ta sẽ tạo ra nút "Send". Bản sao của "Người sử dụng" thư mục từ các nút điều hướng, và đưa nó xuống năm không gian dưới hình thức của chúng tôi. Nhấp và kéo bóng lớp và các lớp văn bản màu xám ánh sáng từ hướng vào thùng rác.
Thay đổi màu sắc của các nút 333.333 văn bản # 33CCCC . Thay đổi các văn bản để nói "Send". Thêm một layer mask vào nút này. Bây giờ hãy marquee công cụ của bạn và tạo ra một hộp để dưới cùng của hộp ở dưới cùng của các hình thức tin nhắn. Di chuyển hộp marquee xuống năm không gian và điền với màu đen.
Di chuyển văn bản xuống bốn không gian.
Bước 30
Lặp lại các bước 17-19, ngoại trừ thay đổi kích thước hộp 250 × 336px.
Lặp lại các bước 17-19, ngoại trừ thay đổi kích thước hộp 250 × 336px.
Bây giờ cho thanh bên dưới, chúng tôi muốn nhân bản hai thư mục tin nhắn và đưa chúng vào thư mục của chúng tôi "để làm danh sách". Shift và di chuyển văn bản xuống bốn lần. Unclick gạch chân các tùy chọn trên văn bản và thay thế "x" biểu tượng với các biểu tượng "kiểm tra".
Bước 31
Chúng ta sẽ thêm "Do" và "Done" tab ở phía trên cùng của phần này của thanh bên. Lặp lại trong các thư mục nút "Gửi" và thay đổi tên thành "để làm". Đi vào thư mục đó và tìm thấy những nút thực tế. Chúng tôi sẽ đi để xoay nó 180 độ.
Chúng ta sẽ thêm "Do" và "Done" tab ở phía trên cùng của phần này của thanh bên. Lặp lại trong các thư mục nút "Gửi" và thay đổi tên thành "để làm". Đi vào thư mục đó và tìm thấy những nút thực tế. Chúng tôi sẽ đi để xoay nó 180 độ.
Mang theo tab to sidebar của chúng tôi và di chuyển nó xuống năm không gian và nghỉ ngơi trên về hướng dẫn thứ hai từ bên trái.
Bước 32
Bản sao của "Để làm" thư mục và đổi tên nó "Done". Thay đổi màu sắc để # 33CCCC và văn bản # 333.333. Giữ Shift và di chuyển nút "Done" chín lần.
Bản sao của "Để làm" thư mục và đổi tên nó "Done". Thay đổi màu sắc để # 33CCCC và văn bản # 333.333. Giữ Shift và di chuyển nút "Done" chín lần.
Bản sao một trong những phá vỡ đường dây của bạn và di chuyển nó vì vậy nó được nghỉ ngơi trên dưới cùng của các tab.
Bước 33
Bản sao của "New Message" thư mục và đặt tên là "Add New Item". Thay đổi các văn bản để "Add New Item" cũng. Hãy chắc chắn rằng bạn lặp ngắt dòng cũng. Giữ thay đổi và giữ tiêu đề này xuống 14 lần.
Bản sao của "New Message" thư mục và đặt tên là "Add New Item". Thay đổi các văn bản để "Add New Item" cũng. Hãy chắc chắn rằng bạn lặp ngắt dòng cũng. Giữ thay đổi và giữ tiêu đề này xuống 14 lần.
Bước 34
Nhân đôi phần tin nhắn của hình thức và nút gửi. Đưa chúng vào thư mục của chúng tôi "để làm danh sách" (trừ đi "tin nhắn:"). Giữ phím Shift và di chuyển hai không gian từ ngắt dòng. Thay đổi nút từ "Gửi" để "Add".
Nhân đôi phần tin nhắn của hình thức và nút gửi. Đưa chúng vào thư mục của chúng tôi "để làm danh sách" (trừ đi "tin nhắn:"). Giữ phím Shift và di chuyển hai không gian từ ngắt dòng. Thay đổi nút từ "Gửi" để "Add".
Điều đó sẽ làm điều đó cho sidebar của chúng tôi.
Bước 35
Lặp lại steps17-19, ngoại trừ thay vì chiều rộng 250px làm cho nó 670px. Thay đổi tiêu đề "mẫu mới".
Bước 36
Bây giờ thêm các hình thức phần chính của chúng tôi. Để làm điều này chúng ta sẽ lặp lại các bước 26 & 27. Kích thước của phần Tiêu đề của biểu mẫu là có được 630 × 30px. Giữ phím Shift và di chuyển hộp xuống năm lần.
Bây giờ thêm các hình thức phần chính của chúng tôi. Để làm điều này chúng ta sẽ lặp lại các bước 26 & 27. Kích thước của phần Tiêu đề của biểu mẫu là có được 630 × 30px. Giữ phím Shift và di chuyển hộp xuống năm lần.
Phía trên hộp, chúng ta sẽ tạo ra một tiêu đề được gọi là "Chủ đề" nhân đôi "Chủ đề" từ thanh bên.
Bước 37
Chúng ta sẽ thêm một hộp "Message". Một lần nữa, lặp lại các bước 26 & 27. Hộp này sẽ là 630 × 260px. Bản sao của "tin nhắn:" từ thanh bên.
Chúng ta sẽ thêm một hộp "Message". Một lần nữa, lặp lại các bước 26 & 27. Hộp này sẽ là 630 × 260px. Bản sao của "tin nhắn:" từ thanh bên.
Duplicate nút "Send" từ thanh bên và dòng nó lên với phía bên phải của hộp.
Bước 38
Lặp lại các bước 17-19 để có được những tiêu đề và bảng. Bảng sẽ là 670 × 336px.
Lặp lại các bước 17-19 để có được những tiêu đề và bảng. Bảng sẽ là 670 × 336px.
Bước 39
Bây giờ chúng ta sẽ lặp lại trong các nút "Add" từ thanh bên dưới và mang nó tới hộp của chúng tôi "Tables". Thay đổi văn bản do đó, nó nói "Áp dụng". Đường dây lên nút ở góc dưới bên phải, sau đó giữ Shift và di chuyển nút lên một và bên trái hai lần.
Bây giờ chúng ta sẽ lặp lại trong các nút "Add" từ thanh bên dưới và mang nó tới hộp của chúng tôi "Tables". Thay đổi văn bản do đó, nó nói "Áp dụng". Đường dây lên nút ở góc dưới bên phải, sau đó giữ Shift và di chuyển nút lên một và bên trái hai lần.
Bước 40
Tạo một thư mục mới được gọi là "Tên" và chúng tôi sẽ bổ sung thêm những dòng đầu tiên của bảng.
Tạo một thư mục mới được gọi là "Tên" và chúng tôi sẽ bổ sung thêm những dòng đầu tiên của bảng.
Đầu tiên chúng ta sẽ thêm một hộp kiểm tra. Để làm điều này chúng ta sẽ lặp lại các bước 26 & 27, ngoại trừ hộp là có được 12 × 12px.
Giữ phím Shift và di chuyển các hộp kiểm tra từ góc trên bên trái, ba không gian và hạ hai.
Bước 41
Bây giờ đặt bất cứ tên nào bạn muốn. Tôi sẽ đặt mìn tại 15pt với Verdana là font. Giữ phím Shift và di chuyển nó hơn ba không gian từ hộp kiểm tra.
Bây giờ đặt bất cứ tên nào bạn muốn. Tôi sẽ đặt mìn tại 15pt với Verdana là font. Giữ phím Shift và di chuyển nó hơn ba không gian từ hộp kiểm tra.
Hãy "+" biểu tượng và biểu tượng "x" và mang lại cho vào thư mục của chúng tôi "Tables". "Chỉnh sửa" biểu tượng "+" và "Delete" biểu tượng "x". Thay đổi màu sắc của các văn bản để # 666666 .
Di chuyển toàn bộ nhóm hơn ba không gian từ bên phải, giữ phím shift.
Thêm địa chỉ e-mail ở giữa của tên và "Thêm" với một đậm # CC3333 Verdana.
Thêm một break dưới dòng tên. Điều này là có được kích thước giống như hình thức trong ô "New Form".
Bước 42
Duplicate thư mục "Tên" năm lần nhiều hơn, lan rộng chúng ra để cuối cùng kết thúc một trong những không gian phía trên các tab.
Duplicate thư mục "Tên" năm lần nhiều hơn, lan rộng chúng ra để cuối cùng kết thúc một trong những không gian phía trên các tab.
Bước 43
Click vào lớp trên cùng, sau đó bấm vào biểu tượng thứ tư từ bên trái ở dưới cùng của bảng layer. Mở Photo Filter và thay đổi bộ lọc để Màu nâu đỏ.
Click vào lớp trên cùng, sau đó bấm vào biểu tượng thứ tư từ bên trái ở dưới cùng của bảng layer. Mở Photo Filter và thay đổi bộ lọc để Màu nâu đỏ.
Bước 44
Để tạo chân, chúng tôi chỉ đơn giản là sẽ lặp lại trong các thư mục "Tiêu đề" và kéo tất cả mọi thứ vào thùng rác trừ CC3333 # và quán bar trắng. Xoay thư mục 180 độ và mang lại cho nó tất cả các con đường xuống dưới cùng của tài liệu của chúng tôi.
Để tạo chân, chúng tôi chỉ đơn giản là sẽ lặp lại trong các thư mục "Tiêu đề" và kéo tất cả mọi thứ vào thùng rác trừ CC3333 # và quán bar trắng. Xoay thư mục 180 độ và mang lại cho nó tất cả các con đường xuống dưới cùng của tài liệu của chúng tôi.
Thêm thông tin chân trang của bạn ở góc dưới cùng bên trái.
Bước 45
Để cung cấp cho các trang web một cái nhìn grungy chúng ta sẽ đi và tải về một kết cấu từ Zen Textures (http://www.unsigneddesign.com/film/4.jpg). Mang theo các kết cấu vào kích thước quảng cáo tài liệu của chúng tôi, do đó, nó phù hợp với toàn bộ khu vực.
Để cung cấp cho các trang web một cái nhìn grungy chúng ta sẽ đi và tải về một kết cấu từ Zen Textures (http://www.unsigneddesign.com/film/4.jpg). Mang theo các kết cấu vào kích thước quảng cáo tài liệu của chúng tôi, do đó, nó phù hợp với toàn bộ khu vực.
Thay đổi chế độ hòa trộn thành Soft Light và giảm Opacity xuống 50%.
Giữ phím điều khiển và bấm vào nền và tiêu đề cho mỗi bên và phần chính, chuyển hướng và tiêu đề màu xanh lá cây. Nhận được lựa chọn ngược với Shift + điều khiển + I và xóa.
Kiểm soát và Click vào hộp xung quanh logo và điền vào các mặt nạ trên các kết cấu với màu đen. Điều này sẽ giúp loại bỏ các kết cấu trên hộp đó.
Cuối cùng, chúng tôi muốn để có được thoát khỏi kết cấu trong các khoảng trống giữa các tiêu đề và # CCCCCC nền.
Cuối cùng, chúng tôi muốn để có được thoát khỏi kết cấu trong các khoảng trống giữa các tiêu đề và # CCCCCC nền.
Kết quả cuối cùng
Nếu bạn theo throgh hướng dẫn này, bạn nên kết thúc với một cái gì đó như thế này.
Nếu bạn theo throgh hướng dẫn này, bạn nên kết thúc với một cái gì đó như thế này.
0 nhận xét :
Post a Comment
▄▀▄▀▄▀▄ -HAHEINEKEN.BLOGSPOT.COM ▄▀▄▀▄▀▄
- viết một nhận xét nếu thấy bài nào có ích
HƯỚNG DẪN DOWNLOAD TRÊN ADF.LY:
- Bấm nút download, Đợi 5 giây
- Rồi bấm vào hoặc
ở góc trên bên phải.