Thứ Năm, 9 tháng 2, 2012

Làm nút bấm - Icon

1. Vẽ hình tròn:

Đầu tiên tạo Path hình tròn và tô màu cam.

Copy thêm 1 hình tròn nữa (Ctrl+C), đặt lên trên hình tròn cam (Ctrl+F). Thu nhỏ hình tròn khoảng 40% và đặt nó bên dưới tâm hình tròn cam 1 chút. Tô màu vàng.

circle paths

2. Blend Tool:

Click chọn hình tròn vàng, click phải chuột chọn lệnh Redo Make Blend.

Hoặc chọn cả 2 hình tròn vào Object > Blend > Make (Ctrl+Alt+B).

blend tool

3. Thêm bóng sáng cho nút:

Vẽ 1 hình ovan và fill màu gradient trắng và đen (như mẫu bên dưới). Đặt nằm lên trên hình vàng và cam.

Chú ý màu chọn phải là CMYK để chắc chắn màu đen phải là đen hoàn toàn (C=100, M=100, Y=100, K=100).

Click chọn vòng tròn trắng đen gradient, vào Menu Transparency chọn Screen mode hoặc tổ hợp phím Ctrl+Shift+F10.


screen blend mode

Ưu điểm khi vẽ nút trên Illustrator (so với Photoshop):

1. Các nét vẽ là vector, có thể phóng lớn với kích thước tuỳ ý.

2. Dễ dàng và nhanh vì ít bước.

3. Dễ dàng thay đổi màu sắc các nút bằng cách đổi màu vòng tròn.

final glassy buttons
ngoctrongda
dịch từ: http://ndesign-studio.com/

Phím tắt trong Illustrator



Selection

V

Direct Selection

A

Magic Wand

Y

Lasso

Q

Pen

P

Add Anchor Point

=

Delete Anchor Point

-

Convert Anchor Point

Shift+C

Type

T

Line Segment

\

Rectangle

M

Paintbrush

B

Pencil

N

Rotate

R

Reflect

O

Scale

S

Warp

Shift+R

Free Transform

E

Symbol Sprayer

Shift+S

Column Graph

J

Mesh

U

Gradient

G

Eyedropper

I

Paint Bucket

K

Blend

W

Slice

Shift+K

Scissors

C

Hand

H

Zoom

Z

Toggle Fill/Stroke

X

Default

D

Swap Fill/Stroke

Shift+X

Color

,

Gradient

.

None

/

Toggle Screen Mode

F

Show/Hide All Palettes

Tab

Show/Hide All But Toolbox

Shift+Tab

Symbolism Tools - Increase Diameter

]

Symbolism Tools - Decrease Diameter

[

Symbolism Tools - Increase Intensity

Shift+}

Symbolism Tools - Decrease Intensity

Shift+{



Illustrator Menu Commands Shortcut Keys



New

Ctrl+N

New from Template

Shift+Ctrl+N

Open

Ctrl+O

Close

Ctrl+W

Save

Ctrl+S

Save As

Shift+Ctrl+S

Save a Copy

Alt+Ctrl+S

Save for Web

Alt+Shift+Ctrl+S

Revert

F12

Document Setup

Alt+Ctrl+P

Print

Ctrl+P

Exit

Ctrl+Q

Undo

Ctrl+Z

Redo

Shift+Ctrl+Z

Cut

Ctrl+X

Copy

Ctrl+C

Paste

Ctrl+V

Paste in Front

Ctrl+F

Paste in Back

Ctrl+B

Check Spelling

Ctrl+I

Color Settings

Shift+Ctrl+K

Keyboard Shortcuts

Alt+Shift+Ctrl+K

General

Ctrl+K

Transform Again

Ctrl+D

Move

Shift+Ctrl+M

Transform Each

Alt+Shift+Ctrl+D

Bring to Front

Shift+Ctrl+]

Bring Forward

Ctrl+]

Send Backward

Ctrl+[

Send to Back

Shift+Ctrl+[

Group

Ctrl+G

Ungroup

Shift+Ctrl+G

Selection

Ctrl+2

Unlock All

Alt+Ctrl+2

Selection

Ctrl+3

Show All

Alt+Ctrl+3

Join

Ctrl+J

Average

Alt+Ctrl+J

Make

Alt+Ctrl+B

Release

Alt+Shift+Ctrl+B

Make with Warp

Alt+Shift+Ctrl+W

Make with Mesh

Alt+Ctrl+M

Make with Top Object

Alt+Ctrl+C

Edit Contents

Shift+Ctrl+V

Make

Ctrl+7

Release

Alt+Ctrl+7

Make

Ctrl+8

Release

Alt+Ctrl+8

Create Outlines

Shift+Ctrl+O

Show Hidden Characters

Alt+Ctrl+I

All

Ctrl+A

Deselect

Shift+Ctrl+A

Reselect

Ctrl+6

Next Object Above

Alt+Ctrl+]

Next Object Below

Alt+Ctrl+[

Apply Last Filter

Ctrl+E

Last Filter

Alt+Ctrl+E

Apply Last Effect

Shift+Ctrl+E

Last Effect

Alt+Shift+Ctrl+E

Preview

Ctrl+Y

Overprint Preview

Alt+Shift+Ctrl+Y

Pixel Preview

Alt+Ctrl+Y

Zoom In

Ctrl+=

Zoom Out

Ctrl+-

Fit in Window

Ctrl+0

Actual Size

Ctrl+1

Hide Edges

Ctrl+H

Show Template

Shift+Ctrl+W

Show Rulers

Ctrl+R

Show Transparency Grid

Shift+Ctrl+D

Show Text Threads

Shift+Ctrl+Y

Hide Guides

Ctrl+;

Lock Guides

Alt+Ctrl+;

Make Guides

Ctrl+5

Release Guides

Alt+Ctrl+5

Smart Guides

Ctrl+U

Show Grid

Ctrl+'

Snap to Grid

Shift+Ctrl+'

Snap to Point

Alt+Ctrl+'

Align

Shift+F7

Appearance

Shift+F6

Attributes

F11

Brushes

F5

Color

F6

Gradient

F9

Graphic Styles

Shift+F5

Info

F8

Layers

F7

Pathfinder

Shift+F9

Stroke

F10

Symbols

Shift+F11

Transform

Shift+F8

Transparency

Shift+F10

Character

Ctrl+T

OpenType

Alt+Shift+Ctrl+T

Paragraph

Alt+Ctrl+T

Tabs

Shift+Ctrl+T

Illustrator Help

F1

Switch Selection Tools

Ctrl+Tab

Insert Hyphen

Shift+Ctrl+-

Point Size Up

Shift+Ctrl+.

Point Size Down

Shift+Ctrl+,

Font Size Step Up

Alt+Shift+Ctrl+.

Font Size Step Down

Alt+Shift+Ctrl+,

Kern Looser

Shift+Ctrl+]

Kern Tighter

Shift+Ctrl+[

Tracking

Alt+Ctrl+K

Clear Tracking

Alt+Ctrl+Q

Spacing

Alt+Ctrl+O

Uniform Type

Shift+Ctrl+X

Highlight Font

Alt+Shift+Ctrl+F

Highlight Font (Secondary)

Alt+Shift+Ctrl+M

Left Align Text

Shift+Ctrl+L

Center Text

Shift+Ctrl+C

Right Align Text

Shift+Ctrl+R

Justify Text Left

Shift+Ctrl+J

Justify All Lines

Shift+Ctrl+F

Toggle Auto Hyphenation

Alt+Shift+Ctrl+H

Toggle Line Composer

Alt+Shift+Ctrl+C

Lock Others

Alt+Shift+Ctrl+2

Hide Others

Alt+Shift+Ctrl+3

Repeat Pathfinder

Ctrl+4

Average & Join

Alt+Shift+Ctrl+J

Add New Fill

Ctrl+/

Add New Stroke

Alt+Ctrl+/

New Layer

Ctrl+L

Switch Units

Alt+Shift+Ctrl+U

New File (No Dialog)

Alt+Ctrl+N

Close All

Alt+Ctrl+W

Cut (Secondary)

F2

Copy (Secondary)

F3

Paste (Secondary)

F4

Debug Palette

Alt+Shift+Ctrl+F12

Tạo dây phim uốn lượn

Đầu tiên bạn phải tạo được dây phim thế này (trên size khoảng 20x30 cm - 200dpi để có thể ghép hình size lớn một chút)
       +Cách tạo: Vẽ một hình chữ nhật, fill màu và đục lỗ như hình.

Vào Filter/Distort/Shear


Chọn nod và kéo uốn lượn
Kết quả

Có thể đổi màu, thêm hiệu ứng trong Blending Options.

Ứng dụng: ghép nhiều hình nhỏ.
Demo:


ngoctrongda-anhsothoinay

Ghép ảnh chồng ảnh

Đầu tiên mở file hình, copy thêm 1 lớp (Ctl+J).
Cho lớp bên dưới hiện hành (tắt con mắt lớp trên), ấn Ctl+Shifl+U, lúc này hình đã trở về 1 màu trắng đen.
Vào Filter/Blur/Gaussian Blur chọn thông số như mong muốn. OK

 


Cho Layer màu bình thường hiện hành. Ấn Ctrl+T thu nhỏ hình (nhớ giữ Shift) và Rotate . OK



Tại bảng Layer, chọn Filter Stroke


Chọn theo thông số:




OK sẽ được hình:



Bước đầu đã hoàn tất, giờ chỉ việc chèn thêm Brush, Brush này đơn giản bạn có thể tự tạo cũng được.
Tạo layer mới (Ctrl+Shift+N). Sử dụng Brush cọ cứng, độ mờ đục khoảng 20%-40%, độ lớn nhỏ cọ tuỳ ý, vẽ nhiều hình chồng chéo lên nhau.





Màu của Brush tuỳ thuộc vào màu Foreground Color.




Những đường tròn mảnh thì bạn dùng Elliptical Marque Tool (M) vẽ thành vòng tròn, sau đó vào Edit/Stroke chọn thông số 2px-3px. Nhớ tạo trên Layer mới để dễ di chuyển. Sắp xếp tuỳ ý. Vậy là xong.
Và đây là kết quả của mình.

ngoctrongda-anhsothoinay

Cắt hình đơn giản trong PS

Có rất nhiều cách để tách một ảnh ra khỏi Background, hôm nay mình sẽ hướng dẫn  một cách đơn giản trong PS.

Đầu tiên, mở file ảnh (tất nhiên). Click đôi vào lớp Background để chuyển lớp này thành layer.
OK.

Trong bảng màu Foreground và background, chọn 1 màu khác với màu nền và mod. ( Cái này chỉ để dễ nhìn để cắt thôi)


Tạo một lớp Player mới, fill màu. ( ATL+Delete hoặc Ctrl+Delete)



Tiếp theo dùng Magic Wand (W) nếu với nền đơn giản, một màu.
Ở đây mình sẽ sử dụng Magnetic Lasso kết hợp Polygonal Lasso Tool để cắt.



Tuỳ theo kích thước hình mà chọn Feather (Ctrl+Alt+D hoặc Shift+F6 ) cho phù hợp. Feather càng lớn thì độ mờ rộng của vùng chọn càng lớn. OK


Cứ thế tiếp tục cắt đến hết.
Kiểm tra hình nếu đã Ok thì delete lớp layer fill màu.
Mở File Background muốn ghép. Dùng công cụ Move Tool (V) lôi vào file đã cắt.
Chú ý điều chỉnh file này có kích thước bằng với kích thước và độ phân giải với hình vừa cắt. Hoặc có thể dùng Ctl+T để điều chỉnh. (Khi kéo kích thước nhớ giữ phím Shift để hình không bị biến dạng)


Di chuyển lớp Background  nằm dưới file đã cắt. Thêm thắc, trang trí tuỳ ý. Vậy là xong.

ngoctrongdavn - anhsothoinay

Dịch vụ


Tạo nước mắt trong PS

Trong tut này mình sẽ hướng dẫn các bạn một kỹ thuật độc đáo để tạo nước mắt trong PS
Realistic View Tears on Face

Đầu tiên bạn chọn 1 pic có chất lượng khá tốt để thực hiện. Mình sử dụng pic này

Dùng Pen hoặc Lasso Tool, cố gắng vẽ giống dòng nước mắt nhất và tô màu đen

Realistic View Tears on Face 01
Đổi mode cho Layer này thành Screen, tiếp đến áp dụng các Blending Options:
Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss
Gradient Overlay

Chọn các thông số như hình:
Realistic View Tears on Face 02
Realistic View Tears on Face 03
Realistic View Tears on Face 04
Realistic View Tears on Face 05
Realistic View Tears on Face 06
OK sẽ được:
Realistic View Tears on Face 07
Trông khá đấy chứ? Nhưng đây chưa phải là kết quả mình mong muốn.
Tiếp tục sử dụng Brush với màu trắng có kích thước khoảng 1px, sau đó vẽ vài dấu chấm trên lớp mới như hình dưới.
Realistic View Tears on Face 08
Áp dụng Blur Tool cho lớp hiện hành.
Realistic View Tears on Face 09
Thế là chúng ta đã hoàn tất, khá hoàn hào!! Bạn còn chần chờ gì nữa?
Realistic View Tears on Face 10
theo http://psd.tu-torial.com/
bản dịch của ngoctrongda-anhsothoinay