Chào mừng bạn vào Photoshop hướng dẫn mới này. Hôm nay, bạn sẽ tìm hiểu làm thế nào để tạo ra một trang web về tác phẩm nghệ thuật (giống như một danh mục đầu tư hoặc cơ quan có tác phẩm nghệ thuật). Để làm cho công việc dễ dàng, tôi đã sử dụng một gói các web-mục, có sẵn trên Grafpedia.
Trước khi bắt đầu, xem dưới đây là kết quả cuối cùng:
Bước 1 Tạo một file mới
Mở phần mềm Photoshop của bạn, sau đó bạn vào menu File> New và gõ tên của nó, chiều rộng và chiều cao của nó.
Bạn tài liệu mới xuất hiện tự động.
Sử dụng tại Paint Bucket Tool (G) để điền vào hình ảnh của bạn với các màu: # 545b5c. Sau đó, hiển thị các quy tắc Ctrl + R và đặt 4 hướng dẫn (hai dọc nằm 40px từ biên giới và hai ngang đến 40 pixel và 45 pixel từ biên giới).
Bước 2 Tạo menu
Việc tạo ra các thực đơn là hơn dễ dàng vì tôi quyết định sử dụng một off menu kệ có sẵn từ FT Blue & kit đen trên Grafpedia. Tìm ở đây liên kết để tải về nó: Black & Blue FT UI KIT . Mở file PSD, sau đó thả và dán các tài liệu bao gồm cả menu. Nếu bạn cần, bạn có thể thay đổi kích thước trình đơn liên quan đến kích thước của vị trí mới và địa điểm.
Di chuyển liên kết đến giữa menu để có được một khu vực tự do ở bên trái cho biểu tượng. Sử dụng tại các công cụ Text (T) để nhập tên của trang web của bạn (một phần trắng và một phần khác màu xanh 1c8ab6 #).
Thêm ba lớp phong cách khác nhau để tiêu đề của bạn: đổ bóng, một cái bóng bên trong và một gradient overlay.Remind bạn phương pháp để thêm một layer style: vào menu Layer> Layer style> Drop Shadow.
Xem các ảnh chụp dưới đây và nhận thấy các thiết lập để áp dụng cho phong cách layer của bạn
Để hoàn thành các biểu tượng, thêm một viên đạn nhỏ ở phía bên trái của tiêu đề. Để làm điều đó, hãy làm theo các bước dưới đây.
1 Sử dụng công cụ Ellipse Tool (U) để tạo ra một vòng.
2 Thêm ba phong cách lớp để vòng của bạn: Outer Glow, Gradient Overlay và Stroke.
3 Tạo một layer mới và sử dụng công cụ Brush Tool (B) để tạo ra một Glow ở giữa vòng của bạn. Sau đó, thiết lập chế độ Blending của layer này để che phủ, sau đó giảm Opacity xuống 50%.
4 Để tạo ra tia sáng đầu tiên ở phía dưới, lấy sự lựa chọn của vòng (Ctrl + Click vào layer thumbnail). Sau đó giảm các cạnh lựa chọn là 2 pixels. Lại dùng công cụ Paint Bucket Tool (B) với màu trắng để tạo ra các Glow.
5 Duplicate tại vòng và xóa các layer styles. Thay đổi màu Fill bằng màu trắng. Sử dụng chuyển đổi miễn phí để cập nhật chiều rộng và chiều cao của vòng. Để hoàn tất, bạn vào menu Layer> Layer Mask> Reveal tất cả. Sử dụng công cụ Gradient (G) để ẩn các tầng hầm của tia sáng.
6 Để hoàn tất, tạo một layer mới, lấy việc lựa chọn các tia (được tạo ra bởi các bước trước đó) và điền nó với màu trắng. Di chuyển vùng chọn 2 điểm ảnh để phía dưới và nhấn phím Del. Lại dùng một lớp mặt nạ để che giấu dưới cùng của đột quỵ trắng này.
Thấy bây giờ kết quả.
Thấy bây giờ, một cái nhìn tổng quan về toàn bộ menu.
Bước 3 Tạo băng chuyền
Nhóm trong một menu tài liệu được đặt tên, tất cả các lớp tạo ra trước đó. Sau đó, tạo một nhóm mới, bạn đặt tên cho băng chuyền. Đặt hai hướng dẫn mới đến 10 điểm ảnh từ menu và đến 350 pixel. Sử dụng tại Rounded Rectangle Tool (U) với bán kính là 3 điểm ảnh để tạo ra một hình chữ nhật với kích thước là 920 × 350 pixel.
Nhập một bản xem trước của hình ảnh của bạn trên hình chữ nhật của bạn. Để làm tròn các góc của hình chữ nhật của bạn, lấy lại lựa chọn hình chữ nhật tròn và chọn layer của hình ảnh của bạn. Tới menu Lựa chọn> Inverse và nhấn vào phím Del. (Bây giờ bạn có thể ẩn các layer hình chữ nhật tròn cách nhấn vào biểu tượng con mắt trong cửa sổ layer). Để hoàn tất, sao chép / dán các lớp phong cách của các nút (xem theo bộ) sau đó tắt gradient overlay.
Về việc đánh số trang, tạo ra một hình chữ nhật (kích thước 920 × 40 pixel) trên dưới cùng của băng chuyền và dán lại phong cách lớp của các nút. Tạo một layer mới và đặt nó bên dưới layer hình chữ nhật tròn. Chọn hình chữ nhật và nhấn phím Ctrl + E. Với phương pháp được sử dụng để loại bỏ phong cách layer le. Thêm một layer mask trên layer mới này. Sử dụng gradient foreground (màu đen) -> minh bạch và sử dụng nó trên cả hai bên, bên trái và bên phải.
Đặt layer này thành một nhóm, bạn tên đánh số trang. Sử dụng tại các công cụ Ellipse Tool (U) để tạo ra 7 viên đạn nhỏ (20 x 20 pixels) và đặt chúng ở giữa băng chuyền.
Quay trở lại các bộ và sao chép phong cách layer thêm trên đầu vào (bên phải) sau đó, dán chúng trên mỗi vòng. Về tròn ở giữa (số trang đang hoạt động) thêm một ánh sáng bên ngoài màu xanh.
Để tạo ra các vòng hoạt động, nhân bản đầu tiên vòng đen. Bấm vào các phím Ctrl + T để kích hoạt việc chuyển đổi miễn phí. Trong thanh tùy chọn, thiết lập chiều rộng và chiều cao đến 80%. Ít nhất, loại bỏ các lớp phong cách và thay thế chúng bằng những phong cách sau đây.
Tạo một layer mới và một ánh sáng trắng trên vòng màu xanh. Để làm điều đó, dễ dàng sử dụng các công cụ Brush (B) với màu trắng cũng như kích thước áp tròn mềm.
Xem dưới đây là kết quả cuối cùng của toàn bộ menu với các băng chuyền.
Bước 4 Tạo nội dung
Về nội dung, đặt một hướng ngang mới theo băng chuyền và sau một giây để 170 pixel. Sử dụng các công cụ hình chữ nhật tròn để tạo ra một hình chữ nhật với kích thước là 920 × 170 pixel với fill màu # 0a0c0d.
Sử dụng công cụ Texte (T) để tạo ra một danh hiệu.
Thêm nay kiểu hai lớp trên văn bản: một bóng thả và một lớp phủ gradient.
Sử dụng một lần nữa các công cụ Text Tool (T) để tạo ra các chương dưới tiêu đề.
Về biểu tượng, tôi sử dụng trang web yêu thích của tôi để chọn một trong số họ: iconfinder.com và sau đó, tôi nhập biểu tượng của tôi được chọn vào tài liệu của tôi dưới Photoshop.
Làm điều tương tự để tạo ra một khối thứ hai. Hãy bây giờ thời gian để nhóm tất cả các lớp được tạo ra trước đó và đặt tên cho nhóm này «nội dung».
Bước 5 Tạo khối của Twitter
Tạo một khối mới và đặt tên nó là box3. Lấy các lựa chọn hình chữ nhật tròn và tạo ra sau khi một layer mới. Điền vào phía bên phải của vùng chọn với màu xám này: # 414.747.
Downlaod này biểu tượng và nhập nó vào tài liệu của bạn. Điền vào biểu tượng này với # 0a0c0d xám này.
Sử dụng công cụ Text (P) để mô phỏng các thông điệp được công bố cuối cùng trên tài khoản Twitter của bạn. Về nút, chỉ cần sử dụng công cụ Rectangle tròn (U).
Xem bên dưới kết quả với các trình đơn, băng chuyền và các nội dung.
Bước 6 Trang đáy
Tạo một nhóm mới, bạn có thể đặt tên -the footer-. Sử dụng Rectangle Marquee Tool (M) để tạo vùng chọn mới hoạt động trên phần dưới cùng của mẫu. Tạo một layer mới và cộng điền nó với màu # 414.747.
Sử dụng công cụ Text Tool (T) để mô phỏng các tin tức. Để tạo ra các liên kết, chỉ cập nhật các văn bản màu và thêm một mũi tên nhỏ. Tới trang web http://www.websitebullets.com/ này và bạn sẽ tìm thấy một số lượng đáng kinh ngạc của mũi tên.
Sử dụng cùng một công cụ để mô phỏng một danh sách các quan hệ đối tác.
Lại dùng công cụ này để tạo ra một khối bản tin.
Quay trở lại file .psd từ các bộ và nhập khẩu các nguyên liệu đầu vào (hai lần).
Nhập khẩu các nút, các hoạt động một.
Bước 7 Bản quyền
Để tạo ra các bản quyền, tạo một layer mới và sau khi sử dụng công cụ Rectangle Marquee (M) để tạo ra một vùng chọn (1000 × 40 pixel) .Fill vùng chọn với màu sắc # 1c2324. Thêm bây giờ là một cái bóng bên trong (lớp đơn> Layer style> Inner shadow).
Quay trở lại file .psd của các bộ và nhập khẩu các biểu tượng xã hội.
Sử dụng giờ đây là lần cuối cùng, công cụ Text Tool (T) để tạo ra các bản quyền của Mẫu.
Xem ngay ở bên dưới các kết quả cuối cùng.
Và không có bất kỳ hướng dẫn.
Cảm ơn rất nhiều cho việc đọc Photoshop hướng dẫn mới này trên Grafpedia.
EmoticonEmoticon