Thứ Ba, 2 tháng 6, 2009

13:31 - No comments

Design a Stylish Mail Icon in Photoshop


Thiết kế một Stylish Mail Icon trong Photoshop

Step 1: Create a new document (Tạo file mới)

Create a new document in Photoshop and fill it with white. Create a new layer and use the Pen Tool (P) to create the shape of the envelope. Then press Command + Enter to transform the path into a selection.
Tạo một file mới trong Photoshop và tô nền màu trắng. Tạo layer mới và dùng công cụ Pen Tool (P) để tạo ra hình dạng phong bì. Sau đó nhấn phímCommand + Enter để chuyển các đường vẽ thành vùng lựa chọn.

Step 2: Apply Color (Thêm màu)

Fill the selection with this color #80a5c0 using the Paint Bucket Tool (G).
Dùng công cụ Paint Bucket Tool (G) để tô màu cho vùng chọn là #80a5c0.

Step 3: Apply Gradient (Sử dụng Gradient)

Double click on the layer to activate the Blending Options and apply a Gradient Overlay like below.
Nhấp chuột 2 lần lên layer để mở Blending Options và sử dụng Gradient Overla như hình dưới.

Step 4: Envelope interior (Trang trí bên trong)

Now you need to create a new layer and create a new shape like below. Fill the shape with #738ea3.
Bây giờ bạn cần phải tạo một lớp mới và tạo một hình mới như dưới đây. Với màu nền #738ea3

Step 5

Double click on the layer you have just created and apply an Inner Shadow, Gradient Overlay and a Stroke to the layer.
Click chuột 2 lần vào layer bạn mới tạo và áp dụng Inner Shadow, Gradient Overlay và Stroke cho layer đó.

Step 6: Add Shadow (Thêm bóng)

To add the shadow below the envelope you need to use the Elliptical Marquee Tool (M) and create a black shape like below. Then go to Filter Blur Gaussian Blur and use 3,8. This effect will make the envelope look like it is floating.
Để thêm vào bóng tối bên dưới phong bì mà bạn cần phải sử dụng Elliptical Marquee Tool (M) và tạo một màu đen như hình dưới đây. Sau đó, hãy vàoFilter Blur Gaussian Blur và sử dụng 3,8. Hiệu ứng này sẽ làm nối phong bì.

Step 7

Create another new layer and create a shape like below then fill it with #4b7c9d. Next double click on the layer and add a Gradient Overlay.
Tạo một layer mới và tạo ra một hình dạng như dưới đây sau đó tô màu # 4b7c9d. Tiếp theo nhấp đúp chuột vào trên layer và thêm một Gradient Overlay.

Step 8

Create the lower part of the envelope and add a Gradient Overlay like below.
Tạo ra thấp hơn một phần của phong bì và thêm một Gradient Overlay như dưới đây.

Step 9: Lines (Đường viền)

Create a new layer for each line you create. You will create these lines using the Line Tool (U) set to white and different weights. Also you will change the Opacity of each as you wish.
Tạo một lớp mới cho mỗi dòng. Bạn sẽ tạo ra các đường line bằng cách sử dụng Line Tool (U) để thiết lập màu trắng và trọng khác nhau. Ngoài ra, bạn sẽ thay đổi Opacity khi bạn muốn.

Step 10: Sticky strip (dải dính của phong bì)

Start creating the sticky strip of the envelope. Create a new layer then use the Pen Tool (P) to create the shape below and fill the layer with white.
Bắt đầu tạo ra những dải dính của phong bì. Tạo một layer mới sau đó sử dụng Pen Tool (P) để tạo ra một hình dáng bên dưới và điền vào các lớp với các màu trắng.

Step 11: Strip texture (đường keo)

To create the strip texture you need to make sure you have the white strip layer selected and go to Filter > Noise > Add Noise and set the Noise to 56,56; Uniform and deselect Monochromatic. In the end set the layer to Opacity 15%.
Để tạo ra một đường keo bạn cần phải chắc chắn rằng bạn có layer dải màu trắng  đã lựa chọn và đi đến Filter > Noise > Add Noise thêm Noise vào 56,56; Uniform và deselect Monochromatic. Trong phần kết thúc cài đặt các lớp để Opacity 15%.

Step 12: Elements (Yếu tố)

Now it is time to add the elements inside the envelope. Start with a piece of paper. Create a new layer and place it over the envelope like below then create the shape using the Polygonal Lasso Tool (L) and fill it with white. You must create another layer above this shape and use a black brush to create the shadow that is going to be above the inside elements.
Bây giờ là thời gian để thêm vào các yếu tố bên trong phong bì. Bắt đầu với một mảnh giấy. Tạo một layer mới và đặt nó trên phong bì như dưới đây sau đó tạo ra những hình dạng bằng cách sử dụng Polygonal Lasso Tool (L) và điền vào nó với màu trắng. Bạn phải tạo một layer trên hình này và sử dụng cọ màu đen để tạo ra bóng tối có nghĩa là có được ở trên các yếu tố bên trong.

Step 13

Create another shape. This time use the Custom Shape Tool (U) and in the shape list search for the puzzle shape. When you find it place it onto the screen, use theTransform Tool to distort the element then add a simple gradient like below.
Tạo một hình. Sử dụng  Custom Shape Tool (U) và vào danh sách hình, tìm kiếm hình puzzle (miếng ghép). Khi bạn tìm thấy nó đặt nó lên màn hình, sử dụng Công cụ Transform Tool để distort các yếu tố sau đó thêm một gradient đơn giản như dưới đây.

Step 14

Create another shape as you did in step 13 but this time select from the list the magnifying glass. Apply the shape and fill it with #2ea7fa. Also apply a smoothGradient Overlay.
Tạo một hình như bạn đã làm trong bước 13, nhưng bây giờ bạn lựa chọn từ danh sách cái kính lúp. thêm hình đó và tô màu # 2ea7fa. Cũng áp dụng một smooth Gradient Overlay.

Step 15

Create a magnifying effect. Simply create a new layer and place it below the magnifying glass layer. The layer should be white with a soft grey gradient. Then add the text “text” and erase a part of it to make it look like it is magnified. Next you need to add a soft white gloss to make it look like a glass. In the end add the shadow by creating a new layer below all these and applying a soft black color. Then set the layer to 20% Opacity.
Tạo hiệu ứng kính lúp. Đơn giản chỉ cần tạo ra một lớp mới và đặt nó bên dưới lớp kính lúp. Các lớp nên được với một màu trắng xám mềm gradient. Sau đó, thêm vào chữ “text” và xóa một phần của nó để làm cho nó trông giống như nó được phóng lớn. Sau đó, bạn cần phải thêm một bóng trắng mềm để làm cho nó trông giống như một cái kính. Cuối cùng thêm vào bóng tối bằng cách tạo một lớp mới dưới đây tất cả những điều này và áp dụng một màu đen nhẹ. Sau đó thiết lập các lớp đến 20% Opacity.

Step 16

Create a movie roll the same way as you did with the other elements.
Tạo một cuộn phim như bạn đã làm với các yếu tố khác.

Step 17

The last element is a pen. Create this shape using this color #ff7000.
Yếu tố cuối cùng là một cây bút. Tạo hình này  sử dụng màu sắc # ff7000.

Step 18: Details

Now it is time to add details and gloss to the elements. Follow the steps below as you will be taken through each modification so you can create it as well.
Bây giờ là thời gian để thêm chi tiết và bóng các yếu tố. Bạn thực hiện theo các bước sửa đổi dưới đây, bổ sung để bạn có thể tạo ra nó như là tốt.

Step 19: Gloss (thêm bóng sáng)

Next you need to add some gloss effect to the envelope. Use the Polygonal Lasso Tool (L) and create 4 triangles the use a soft white brush to bring in some gloss.
Sau đó, bạn cần phải thêm hiệu ứng bóng vào phong bì. Sử dụng Polygonal Lasso Tool (L) và tạo 4 triangles sử dụng một màu trắng mềm brush mang theo trong một số bóng.

Step 20: Final Shadow (Đổ bóng hoàn thành)

Create a path like below using the Pen Tool (P) then transform it into a selection and use a black soft brush to add the shadow.
Tạo ra một đường dẫn như dưới đây bằng cách sử dụng công cụ  Pen Tool (P)sau đó chuyển nó thành vùng lựa chọn và sử dụng cọ mềm màu đen để thêm vào bóng tối.

Step 21: Final Adjustment (điều chỉnh cuối)

In the end you need to darken everything a little and add more contrast. PressCommand + A then copy Command + Shift + C and paste Command + V. Now that you have the image duplicated go to Image > Adjustments > Brightness/Contrastand increase the contrast a little.
This little icon looks pretty good when it is used on your app. Use Icon Composer to create the icon then set it to your app using Candy Bar.
Trong phần kết thúc, bạn cần làm tối đen tất cả mọi thứ một chút và thêm contrast. Bấm Command + A sau đó sao chép Command + Shift + C và dánCommand + V. Bây giờ bạn có những hình ảnh nhân đôi đi đến Image > Adjustments > Brightness/Contrast và tăng độ tương phản một chút.
Điều này ít biểu tượng đẹp, nhìn tốt khi nó được sử dụng trên app. Biểu tượng Composer sử dụng để tạo biểu tượng sau đó đặt nó vào của bạn bằng cách sử dụng app Candy Bar.

Final Result (Kết quả cuối)

Download file PSD (tải file PSD hoàn thành):http://halinh.vn/databox/292501432/mail.rar
Theo Tutorial9 – Dịch bởi RiMoKa (Vui lòng ghi rõ nguồn http://rimoka.halinh.vn/blog khi chia sẽ bài này)

0 nhận xét.:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)