Hiển thị các bài đăng có nhãn Hướng dẫn đồ họa-photoshop. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Hướng dẫn đồ họa-photoshop. Hiển thị tất cả bài đăng

Thứ Hai, 18 tháng 7, 2011

25 Bộ Shape Hữu Dụng cho Photoshop

Photoshop Shae cho phép nhà thiết kế có thể dễ dàng sử dụng cho sản phẩm thiết kế của mình. Không ít nhà thiết kế đã bỏ ra rất nhiều thời gian để tạo ra những bộ shape hết sức tuyệt với và cho phép sử dụng miễn phí. Hôm nay, các bạn sẽ được xem những bộ shape tốt nhất mà chúng tôi đã tìm kiếm trên deviantArt và các site khác.

Chat Shapes

wf shapes 1 25 Bộ Shape Hữu Dụng cho Photoshop

38 Hình Ảnh Bướm

wf shapes 2 25 Bộ Shape Hữu Dụng cho Photoshop

Vòng Tròn trong Photoshop

wf shapes 3 25 Bộ Shape Hữu Dụng cho Photoshop

20 Shape Động Vật trong Photoshop

wf shapes 4 25 Bộ Shape Hữu Dụng cho Photoshop

Photoshop Shapes: Graffiti

wf shapes 5 25 Bộ Shape Hữu Dụng cho Photoshop

Cây cối

wf shapes 6 25 Bộ Shape Hữu Dụng cho Photoshop

12 Grunge Radiation Symbol Vector Shapes

wf shapes 7 25 Bộ Shape Hữu Dụng cho Photoshop

30 Bộ Shape Đẹp

wf shapes 8 25 Bộ Shape Hữu Dụng cho Photoshop

Loài Chim

wf shapes 9 25 Bộ Shape Hữu Dụng cho Photoshop

31 Vòng Tròn trong Photoshop – Intricate Circles

wf shapes 25 25 Bộ Shape Hữu Dụng cho Photoshop

Pure Vector Shapes Set

wf shapes 10 25 Bộ Shape Hữu Dụng cho Photoshop

Máy Bay trong Thế Chiến 2

wf shapes 11 25 Bộ Shape Hữu Dụng cho Photoshop

50s Custom Shapes Pack

wf shapes 12 25 Bộ Shape Hữu Dụng cho Photoshop

Ngôi Sao

wf shapes 13 25 Bộ Shape Hữu Dụng cho Photoshop

Shape Chủ Đề Mùa Thu

wf shapes 14 25 Bộ Shape Hữu Dụng cho Photoshop

Phương Tiện Truyền Thông

wf shapes 15 25 Bộ Shape Hữu Dụng cho Photoshop

backflip540 sunburst shapes

wf shapes 16 25 Bộ Shape Hữu Dụng cho Photoshop

Côn Trùng trong Photoshop

wf shapes 17 25 Bộ Shape Hữu Dụng cho Photoshop

18 RSS Feed Photoshop Shapes

wf shapes 18 25 Bộ Shape Hữu Dụng cho Photoshop

Shapes for Photoshop

wf shapes 19 25 Bộ Shape Hữu Dụng cho Photoshop

Hình Trái Tim

wf shapes 20 25 Bộ Shape Hữu Dụng cho Photoshop

Shapeset 06

wf shapes 21 25 Bộ Shape Hữu Dụng cho Photoshop

Mũi Tên trong Photoshop

wf shapes 22 25 Bộ Shape Hữu Dụng cho Photoshop

Shape: Vết Mực

wf shapes 23 25 Bộ Shape Hữu Dụng cho Photoshop

60 Shopping and E-Commerce Photoshop Shapes

wf shapes 24 25 Bộ Shape Hữu Dụng cho Photoshop

Thứ Sáu, 1 tháng 7, 2011

6 quy luật vàng trong thiết kế đồ họa

Trong cuộc sống chúng ta luôn chịu ảnh hưởng bởi rất nhiều điều luật. Luật lệ là do con người chúng ta đặt ra nhằm mục đích tạo 1 xã hội công bằng và văn minh. Trong thiết kế cũng vậy, cũng có những điều luật cơ bản chi phối diện mạo của một giao diện. Chúng có thể không tương tác qua lại lẫn nhau và cũng có thể trùng lặp với nhau trong 1 số trường hợp. Hãy cùng nhau phân tích những nguyên lý cơ bản của design, để mà chúng ta sẽ áp dụng chúng trong những mẫu thiết kế của mình.

Các quy luật thiết kế bao gồm:

  1. Luật cân bằng
  2. Luật nhịp điệu
  3. Luật nhấn mạnh
  4. Luật đồng nhất
  5. Luật đơn giản
  6. Luật cân xứng
1. Luật cân bằng

Sự cân bằng phù hợp của các yếu tố là sự cần thiết đối với 1 mẫu design. Luật cân bằng có 2 loại đó là cân bằng đối xứng và cân bằng bất đối xứng.

Cân bằng đối xứng biểu thị tất cả các yếu tố như chiều cao, chiều rộng ... được sắp đặt 1 cách đối xứng trong trang. Cân bằng đối xứng đề cập đến tất cả những gì được sắp xếp trong 1 bố cục. Cân bằng đối xứng được chia ra làm nhiều loại như cân bằng đảo ngược, cân bằng 2 trục, cân bằng xuyên tâm...

Cân bằng bất đối xứng đạt được khi không có sự đối xứng.Khi tất cả các yếu tố được xếp đặt không có sự đối xứng với nhau, cân bằng bất đối xứng được thiết lập.

Luật cân bằng được áp dụng trong rất nhiều thiết kế mà tiêu biểu là thiết kế logo

2.Luật nhịp điệu

Nhịp điệu dùng để tạo nên sự dịch chuyển và điều hướng của tầm nhìn. Nó xảy ra khi các yếu tố trong 1 bố cục được lặp lại. Nhịp điệu được tạo ra bằng cách tạo nên 1 dòng chảy êm đềm của tầm nhìn. Nhịp điệu được dùng như 1 đường dẫn mà do đó mắt chúng ta có thể đọc được những phần quan trọng của 1 thông tin. Nó còn được gọi là 1 mẫu thức của nghệ thuật. Nhịp điệu rất quan trọng vì nó đóng 1 vai trò sống còn trong cuộc sống vật chất của chúng ta. Nhịp điệu giúp chúng ta nhìn nhận ra trật tự của thế giới chung quanh.

Nhịp điệu có thể tạo nên bằng 3 cách đó là: sự lặp lại, dùng chuỗi và dùng sự liên tục. Người nghệ sĩ, thông thường sủ dụng tất cả các hình thức của nhịp điệu trong 1 bố cục. Họ phát triển thành 1 sự liên kết của nhịp điệu trong xây dựng, vẽ, các sản phẩm thủ công... 1 cách nhuần nhuyễn và khéo léo để tạo nên 1 tổng thể tuyệt vời.

3. Luật nhấn mạnh

Những yếu tố cần phải nối bật thì sẽ cần được nhấn mạnh. Sự nhấn được tạo ra bởi sự sắp đặ các yếu tố 1 cách hợp lý. Hoặc đặt chúng ở vị trí đáng được chú ý bằng cách dùng sự tương phản, có nghĩa là làm chúng nổi bật lên bằng những nét đặc trưng như màu sắc, hình dạng, tỉ lệ. Sự nhấn mạnh hoặc tương phản mang lại sự muôn màu muôn vẻ cho 1 mẫu thiết kế. Một số loại tương phản phổ biến là: cong và thẳng, rộng và hẹp, hoa mỹ và xù xì ...Nhấn mạnh bằng tương phản xuất phát từ rất nhiều phương cách, nhưng cách phổ biến nhất có lẽ là dùng màu sắc. Sự tương phản về đường nét, hình dạng và kích thước làm nên ưu thế của 1 chi tiết so với tổng thể. Thí dụ như 1 đóa hoa được đặt trước 1 bức tường tĩnh lặng và đơn sắc thu được hiệu quả nhiều hơn trong 1 môi trường ồn ào náo nhiệt.

4. Luật đồng nhất

Sự đồng nhất hoặc hài hòa tạo nên sự liên kết giữa các yếu tố trong 1 diện mạo. Nó là sự cân bằng phù hợp của tất cả các yếu tố để tạo nên 1 tổng thể dễ chịu. Sự đồng nhất được phản ảnh trong tổng thể hài hòa. Sự đồng nhất ám chỉ đến sự hợp nhất của tất cả các yếu tố trong 1 layout, nơi mà mỗi phần khác nhau hỗ trợ những phần còn lại và tất cả sự kết hợp đó làm thành 1 khối nghệ thuật đồng nhất. Nó đạt được bằng cách sử dụng sự liên tục và sự hài hòa.

5. Luật đơn giản

Sự đơn giản trong design dẫn đến sự nhận thức chủ đề 1 cách dễ dàng hơn. Sự đơn giản là thực sự cần thiết, đặc biệt trong layout, để tạo nên sự rõ ràng, sáng sủa.

6. Luật cân xứng


Luật cân xứng là mối quan hệ giữa hình dạng và kích thước. Nó giúp cho chúng ta đạt được sự cân bằng, đồng nhất cho 1 layout. Để có được 1 sự cân xứng tốt thì các yếu tố phải được chiều chỉnh. Sự điều chỉnh kích thước của các yếu tố với 1 sự cân xứng hoàn hảo tạo nên 1 mẫu design tốt. Đó chính là sự liên quan giữa kích thước của các yếu tố với nhau, và với sự cân xứng tổng thể. Sự cân xứng bao gồm những mối liên quan đó là liên quan về chiều cao, chiều rộng, chiều sâu và không gian chung quanh.

Khoảng không gian mở xung quanh 1 chủ đề tạo nên 1 yếu tố gọi là tỉ lệ. Chúng ta có thể thấy rằng tỉ lệ liên quan mật thiết đến cuộc sống hằng ngày của chúng ta. Chúng ta đi vào siêu thị để mua 1 cái đèn ngủ trang trí cho căn phòng và tìm được 1 cái ngỡ là phù hợp trong con mắt chúng ta lúc đó. Nhưng khi về nhà thì mới nhận thấy rằng nó quá to so với căn phòng. Chúng ta không thay đổi gì ở cái đèn, nhưng đối với không gian chung quanh đã có sự thay đổi về tỉ lệ. Đối với thiết kế cũng vậy. Bạn cứ ngỡ rằng nó rất phù hợp trên màn hình vi tính, nhưng khi in ra thì đó là cả 1 khỏang cách không thể không xem xét. Vì vậy tại sao người ta phải in những maquette đen trắng (ở những công ty nước ngoài người ta in đến hàng chục maquette như vậy) để tìm ra 1 layout phù hợp nhất. Do đó có thể nói rằng tỉ lệ là 1 yếu tố quan trọng nhất trong design, mặc dù nó chỉ được xếp ở vị trí thứ 6 trong những yếu tố của design (các yếu tố kia là đường nét, phương hướng, hình dạng, màu sắc, chất liệu và độ sáng tối).

Lời kết
Tóm lại, những nguyên lý của design là những nguyên tắc cơ bản được ghi nhớ và áp dụng đi kèm với suy nghĩ và cảm xúc của người nghệ sĩ hoặc designer. Những nguyên lý đó được soạn thành luật lệ cho những phương pháp làm việc, mà nguời nghệ sĩ đã rút ra qua bao nhiêu thế kỉ trải nghiệm, thực hành cũng như có những sai sót thực tế. Vì vậy tất cả những gì của ngày nay chúng ta được học tập là những tinh hoa của hàng trăm năm lịch sử design nói chung và graphic design nói riêng. Cùng với sự sáng tạo của mình kết hợp với những law of design nói trên, chắc chắn các bạn sẽ đưa graphic design của VN phát triển lên tầm quốc tế.

Thứ Sáu, 6 tháng 5, 2011

Quy trình thiết kế logo HotBox Studios

Gần đây tôi hoàn thành dự án thiết kế một logo mới để khởi động tại Anh. Tôi sẽ thuật lại quá trình để bạn tham khảo.

Tóm tắt


Hoxbox Studios là một công ty có trụ sở tại miền Nam nước Anh, chuyên về hoạt hình sáng tạo và thiết kế. Họ đã phát triển kinh doanh của họ trong năm năm và logo của họ trước đây có thể được nhìn thấy dưới đây.





Sau thời kỳ đầu này họ đã quyết định làm lại thương hiệu và tiếp cận tôi để tạo ra một logo độc đáo cho họ. Họ cảm thấy rằng logo trước đây của họ không đại diện cho công việc sáng tạo một cách chính xác và cần thiết một logo dễ nhớ, ấn tượng cho công việc thiết kế, sáng tạo của họ.

Tôi được đề nghị thiết kế một logo bao gồm một biểu tượng chính và có cả tên công ty và biểu tượng, nó cần đáng nhớ và dễ nhận biết cho việc khởi động trang web của họ cho đến cuối tháng Giêng.

Xây dựng và Phát triển


Ban đầu tôi nghĩ rằng cách tốt nhất để tạo ra một biểu tượng đáng nhớ là sử dụng các monogram (phương pháp kết hợp 2 hoặc hơn 2 chữ cái) hoặc chữ viết tắt của công ty.

Ý tưởng đầu tiên là tập trung vào các 'H' của HotBox và thiết kế dưới đây là kết quả. Tôi nghĩ rằng sử dụng khối lập phương hoặc hộp để tạo ra các "H".





Tuy nhiên ý tưởng này không phù hợp với mô tả, và tôi thấy nó không đại diện cho ngành công nghiệp này.

Tôi tiếp tục động não nghiên cứu và tìm thấy cảm hứng trong các bộ phim chưa phát triển. Dưới đây bạn có thể tìm thấy bản phác thảo ban đầu khi động não của tôi.





Lấy cảm hứng này, tôi muốn kết hợp không chỉ là chữ 'H' mà cả chữ 'B', vì điều này sẽ làm cho một monogram mạnh mẽ hơn. Ngay lập tức chữ 'H' và chữ 'B' có cảm hứng cho tôi.

Chữ 'H' có một đường ngang rõ ràng gần gũi, một cái gì đó với hình thức tự nhiên của nó giống như là một phần của cuộn phim. Vì vậy cần thời gian để tích hợp chữ 'B'. Sau nhiều nỗ lực mà tôi đã có thể kết nối các chữ cái và cũng nắm bắt được bản chất của ngành công nghiệp phim.

Sau khi quyết định trên ý tưởng thô, tôi bắt đầu hoàn tất các khái niệm đầu tiên bằng cách tính toán các yếu tố toán học của biểu tượng. Sau đó tái xây dựng, làm rõ ràng và chuyển bản phác thảo của tôi vào ô lưới.





Đây là phương tiện hoàn hảo cho thiết kế dựa trên hình học phục vụ như một hướng dẫn tinh tế cho bản phác thảo. Dưới đây bạn sẽ thấy hình ảnh ban đầu với các lưới ô vuông.





Sử dụng Adobe Illustrator, tôi đã có thể nhanh chóng tái tạo lại bố trí hài hòa toán học. Đây là quá trình tốt khi thiết kế ban đầu đã được vẽ trên giấy.





Vì thế tôi sẽ nhấn mạnh rằng phác thảo tay là một phần thiết yếu cho bất kỳ thiết kế. Bạn có thể có được một ý tưởng về mục tiêu cuối cùng trước khi sử dụng phần mềm để tiếp cận nó. Thêm nữa, nó mang lại triển vọng tốt khi bạn rời khỏi máy tính và cho phép các ý tưởng của bạn chảy tự do.

Sau khi trình bày cho khách hàng. Họ đã được hài lòng với 'H' và 'B' hợp với bối cảnh của phần cuộn phim, do đó nó có thời gian để thêm các chi tiết cụ thể.





Các kiểu chữ và cách phối hợp được định trước trong thời hạn ngắn, tôi đã có thể tập trung vào một vài lựa chọn trước khi hoàn thành ý tưởng. Cuối cùng, sự lựa chọn dưới đây đã được thực hiện cho hệ thống nhận dạng mới của họ, được sử dụng ngay trên trang web được thiết kế lại.

Làm sao để chọn đúng màu sắc?

Không vật thể độc lập nào có thể tác động lên người xem hơn là màu sắc. Màu sắc tạo nên tính cách, truyền tải thông điệp. Nhưng màu nào thì hợp lý là câu hỏi của không ít nhà thiết kế.
Chìa khóa là Màu Sắc Là những Mối Quan Hệ. Các màu sắc không tồn tại khi đứng một mình mà được thấy với những màu khác. Vì lý do này, bạn có thể tạo những tài liệu có sẵn về những màu sắc có sự kết hợp tốt với nhau dựa trên những yếu tố xuất hiện trong thiết kế. Dưới đây là ví dụ:

Chúng ta có một cô gái với gương mặt tàn nhang. Mục đích là làm nó nhìn sống động, tươi mới và chuyên nghiệp (không có các tòa nhà, những nhóm hình khác)





Nhìn gần, gần hơn nữa, gần nhất có thể

Mọi tấm hình đều có 1 bảng màu tự nhiên. Bước đầu tiên bạn hãy Zoom vào tấm hình và xem bao nhiêu màu mà bạn thấy.

Thông thường ở khoảng cách xa bạn thấy khá nhiều màu như, màu da, màu tóc vàng, mắt xanh, áo xanh nước biển, nhưng khi nhìn gần hơn chúng ta nhìn thấy hàng triệu màu.

Bước đầu tiên là hãy cố gắng nhọn một số màu bạn muốn, có thể 16, 32, 64 màu. Bằng một cách đơn giản là dùng Photoshop, bạn duplicate layer ảnh thành một layer mới (bạn sẽ không mất ảnh gốc), sau đó chọn Filter> Pixelate> Mosaic. Một hình ảnh tạo bằng các ô vuông màu sẽ xuất hiện. Số màu tùy vào sự lựa chọn của bạn.

Chọn màu

Dùng công cụ eyedropper tool để chọn ra vài màu quan trọng. Hãy chọn từ những màu xuất hiện nhiều nhất và ít nhất. Về tương phản, hãy chọn màu tối, màu trung tính và màu sáng.

Trong ví dụ này. Những màu xuất hiện nhiều nhất là màu làn da, màu tóc và màu chiếc áo – Những màu ít hơn là mắt, môi, màu sáng highlight trên tóc.





Trên tấm hình này bạn cũng thấy một phía hình sáng, và phần còn lại tối. Hãy chú ý, nó tinh tế và cần tập trung. Sau khi hoàn thành, liệt kê các kết quả của bạn bằng màu sắc – Mỗi màu đi kèm với các giá trị của nó từ tối tới sáng.

Thử từng phương án một


Đặt tấm hình vào mỗi màu. Kết quả thú vị đúng không? Tất cả màu sắc đã có sẵn trong tấm hình, bạn chỉ cần chọn 1 màu bạn muốn.

Màu ấm (warm)



Những màu hồng, màu cá hồi (salmon), nâu đỏ, nâu của mái tóc cô gái. Gam màu ấm khiến cô gái nhìn nữ tính, êm ái. Những màu này phù hợp với thiết kế mỹ phẩm, hay sự chăm sóc.

Màu lạnh (cool)



Những màu như xanh nước biển khiến tấm hình có vẻ nghiêm túc. Để ý sẽ thấy với màu xanh sẫm hơn, khuôn mặt cô gái nhìn như đang tiến về phía bạn.

Thêm những màu khác.

Bước tiếp theo là thêm các màu khác. Chọn màu bạn thích rồi đặt nó lên vòng tròn màu. Vòng tròn màu sẽ chỉ ra cho bạn mối quan hệ của màu đó với các màu khác.

Trong ví dụ này tôi sử dụng màu xanh, và đặt nó lên vòng tròn màu. Gọi nó là màu cơ bản, màu xuất phát từ tấm hình.





Công việc chúng ta sẽ là tìm màu nào sẽ thích hợp với nó. Nhớ trong đầu là nếu màu chữ, hoặc những yếu tố đồ họa khác được thêm vào, bạn luôn cần màu sáng và tối để tạo sự tương phản.

Tạo bảng màu

Từ màu cơ bản, bạn có thể tạo một bảng các màu sắc có mối quan hệ với nhau. Các giá trị (đậm nhạt) có thể kết hợp. Ví dụ, màu xanh dương cùng tone với màu da trời sáng và màu xanh đậm.

Monochromatic (đơn sắc)

Là cách sử dụng các màu mà chỉ thêm bớt sáng, tối, hoặc tăng giảm các giá trị của màu đó. Bảng màu này là một bảng màu monochromatic.

Analogous (Tương tự)

Là việc thêm những màu kế với màu đó trong vòng màu. Nó tạo lên sự hài hòa, tương phản dịu. Đây là cách sử dụng khá dễ để lựa màu.





Complement (Bổ xung)

Những màu nằm đối diện trực tiếp với nhau (trong ví dụ này là giải màu cam) thì tương phản mạnh nhất. Sử dụng những màu nằm đối diện nhau tạo năng lượng, nghị lực và sự phấn khích. Thông thường đối với màu tương phản, ta dùng khoảng 70-80% là những màu ở phía bên này và 20 – 30% những màu phía bên kia vòng màu.

Split Complement (Chia bổ xung)

Thay vì dùng màu đối diện trực tiếp, chúng ta dùng bảng màu nằm kế 2 bên màu đó.





Complement/Analogous (Bổ xung/tương tự)

Đây là bảng màu kết hợp 2 bảng màu Complement và Split Complement

Analogous/Complement.

Đây là bảng màu kết hợp của việc dùng những màu tương tự và thêm màu bổ xung (compliment). Nhưng cần lưu ý sử dụng sự tương phản cả về giá trị màu. Xem ví dụ.




Áp dụng.


Giờ là việc áp dụng những bảng màu bạn đã chọn. Bạn muốn thông điệp của sản phẩm là gì? Hãy sử dụng bảng màu đó.

Dễ nhìn





Màu xanh là màu yêu thích của tất cả. Thật thú vị khi kết hợp giữa màu xanh đậm và màu cam (nhạt), nó tạo nên một sự tương phản tự nhiên. Màu xanh ở nền kết hợp với chiếc áo cô gái, khiến gương mặt cô gái nổi hẳn lên. Đẹp và hiệu quả.

Nổi bật





Bảng màu bắt đầu bằng việc sử dụng màu đỏ ở tóc cô gái và màu vàng, phía bên kia là màu xanh của đôi mắt và cái áo. Toàn bộ thiết kế tạo cảm giác nổi bật, tập sự chú ý của người xem.

Cuốn hút





Màu highlight trên tóc của cô gái được sử dụng chính trong thiết kế này. Một chút màu xanh và đỏ được dùng. Thiết kế hoàn toàn cuốn hút và sâu sắc (hoàn toàn có thể chiến thắng một cuộc thi nào đó). Tuy nhiên khách hàng hẳn phải là người lãn mạn khi chọn gram màu này.

Giản dị





Sự tương phản rất êm ái với dải màu màu xanh sáng. Tất cả tạo nên sự hài hòa dễ chịu.

Xinh đẹp





Thay vì dùng màu xanh sáng như ở trên, chúng ta chuyển qua dùng màu tím nhạt,

Tổng kết