Thứ Năm, 28 tháng 5, 2015

Hướng dẫn vẽ iphone bằng photoshop

Bài học vẽ iphone bằng photoshop. Bạn đã sẵn sàng thực hiện cùng Hocphotoshop247 chưa?


Cách vẽ iphone bằng photoshop

Để băt đầu bài hoc photoshop online này chúng ta thực hiện các bước như sau.

B1: Mở 1 tài liệu với kích thước 450x550 px
Chọn công cụ rounded rectangle tool (U) 


[Tut] Vẽ iPhone bằng Photoshop.

Bây giờ click phải vào shape mà bạn vừa tạo và chọn Blending options. Thiết lập theo hình:

[Tut] Vẽ iPhone bằng Photoshop.


[Tut] Vẽ iPhone bằng Photoshop.
[Tut] Vẽ iPhone bằng Photoshop.
[Tut] Vẽ iPhone bằng Photoshop.

Sau đó chúng ta sẽ được như thế này

[Tut] Vẽ iPhone bằng Photoshop.

B2: Tạo phần mặt của Iphone nhé! Tạo 1 layer mới (Ctrl + Shift + N), chọn Rounded rectangle tool (U), 243x461 px. Vẽ ở giữa layer đầu tiên nhé và thiết lập thông số như sau: Blending Options -> Stroke
[Tut] Vẽ iPhone bằng Photoshop.

Ta sẽ được như thế này:


[Tut] Vẽ iPhone bằng Photoshop.

B3: Đây là phần tạo loa cho Iphone! Tiếp tục dùng Rounded rectangle tool, set : 50x7 px, thiết lập layer style như hình:

[Tut] Vẽ iPhone bằng Photoshop.

Vậy là đã tạo được cái loa rồi nhé

[Tut] Vẽ iPhone bằng Photoshop.

B4: Bước này hãy tìm 1 hình nền cho iphone của mình, mình dùng tấm hình này. Các bạn có thể resize lại hình sao cho phù hợp với màn hình . Đặt hình của các bạn ở giữa thế này.

[Tut] Vẽ iPhone bằng Photoshop.

B5: Ta sẽ tạo cái nút bấm tròn ở phía dưới Iphone. Tạo 1 layer mới , sử dụng Ellipse tool, thiết lập 45x45px vẽ 1 vòng tròn , nhấn tổ hợp Ctrl + enter , tô màu là #515151 , tạo 1 vùng chọn của phần trên vòng tròn bằng công cụ Elliptical marquee toolvà nhấn delete.

Tạo thêm 1 layer mới, dùng công cụ rounded rectangle tool. Vẽ 17x17px rectangle với radius 5px. cho fill : 0% và thiết lậpstroke:


[Tut] Vẽ iPhone bằng Photoshop.

Bạn sắp có 1 chiếc Iphone vẽ bằng Photoshop hoàn chỉnh rồi đấy

[Tut] Vẽ iPhone bằng Photoshop.

B6: Dùng công cụ Rectangular marquee tool tạo 1 vùng chọn như thế này, nhớ là làm trên 1 layer mới nhé bạn.

[Tut] Vẽ iPhone bằng Photoshop.

B7: Nhấn tổ hợp Ctrl+shift+alt và kick phải vào layer wallpaper, mục đích của thao tác này là liên kết các layer lại , với vùng chọn, tạo 1 layer mới và đặt tên :upper-frame, tô màu cho layer này. Giảm fill :0% và thiết lập phần Gradient Overlay vàStroke của Blending options.

[Tut] Vẽ iPhone bằng Photoshop.

[Tut] Vẽ iPhone bằng Photoshop.

[Tut] Vẽ iPhone bằng Photoshop.

Ta sẽ được như thế này:

[Tut] Vẽ iPhone bằng Photoshop.
Hướng dẫn vẽ iphone bằng photoshop

B8: Sử dụng công cụ Type tool (T) để thêm text vào,bây giờ chọn arial, 10pt, màu trắng để Text vào ở đây mình nhập HPT WORLDS nếu chữ ko được rõ ta có thể rasterize, vào select->modify->contract->1, sau đó select->inverse, nhấn deletevà bỏ vùng chọn. Bước photoshop này không quan trọng, các bạn có thể chọn font chữ sao cho đẹp và có thể không cần làm bước vừa rồi.

Tạo 1 layer mới đặt tên lower-frame, dùng công cụ rectangular marquee tool và tạo 1 vùng chọn như thế này


[Tut] Vẽ iPhone bằng Photoshop.

B9: Ta lặp lại giống bước trên , nhấn giữ ctrl+shift+alt và click phải vào layer wallpaper. Tô màu và thiết lập fill: 0%.. copy layer style của layer upper-frame . Thêm outer glow trong Blending Options:

[Tut] Vẽ iPhone bằng Photoshop.

[Tut] Vẽ iPhone bằng Photoshop.

B10: Tiếp tục sử dụng công cụ rounded rectangle tool, set: 180x35px , radius :6px. tạo 1 layer mới, đặt tên là "Slide" , vẽ vùng chọn này nằm giữa layer lower-frame . Thiết lập blending option như hình:

[Tut] Vẽ iPhone bằng Photoshop.

[Tut] Vẽ iPhone bằng Photoshop.


[Tut] Vẽ iPhone bằng Photoshop.

[Tut] Vẽ iPhone bằng Photoshop.

B11: Sử dụng công cụ rounded rectangle tool, 50x31px radius: 8px. tạo vùng chọn bên trái của layer "slide". Thiết lập gradient-overlay:

[Tut] Vẽ iPhone bằng Photoshop.
[Tut] Vẽ iPhone bằng Photoshop.
B12: Sử dụng costum shape tool. Click vào shape chọn all và bây giờ các bạn tìm hình giống thế này [Tut] Vẽ iPhone bằng Photoshop. , fixed size : 25x17 px.

[Tut] Vẽ iPhone bằng Photoshop.


Với các bước như trên bạn sẽ thực hiện bài tập vẽ iphone bằng photoshop 1 cách dễ dàng. Chúc các bạn thành công.