Thiết kế đồ hoạ

Đã bao giờ bạn muốn lấy một bảng màu từ chính ảnh của mình chụp, hoặc một bức ảnh bạn ấn tượng? Nếu có thì hướng dẫn nhanh này là dành cho bạn. Khi đi du lịch, tôi bị cuốn hút bởi các màu sắc của một số nơi khi đi qua: Ở Đà Lạt thì lại có các dãi màu tươi sáng của hoa cỏ và cảnh đẹp hùng vĩ, ở Nha Trang thì lại có màu sắc sanh của biển cả, những tông màu của thiên nhiên luôn cho đôi mắt của chúng ta một cảm giác dễ chịu và thoải mái và bạn có thể sử dụng những tông màu này cho thiết kế của mình để tạo ra một sự hài hoà thị giác. Dưới đây là cách tạo ra một bảng màu tuyệt vời từ hình ảnh bất kỳ cùng với công cụ Adobe Color...
Hôm nay tôi sẽ hướng dẫn bạn cách tạo ra một hiệu ứng văn bản lấy cảm hứng từ trò chơi inFamous. Trong quá trình này, bạn sẽ tìm hiểu cách làm thế nào để tạo ra một tia sáng, hai mẫu hoa văn, và hai Layer Style. Vậy hãy bắt đầu nào. Nguyên liệu Chúng ta sẽ sử dụng hình nền sau đây: Hình nền JPG 1. Cách tạo mẫu hoa văn đầu tiên Bước 1 Mở Photoshop và tạo một tài liệu mới 1500 x 1500 px. Sau đó, nhấp đúp vào layer Background để chuyển đổi nó thành một layer bình thường. Sau đó đổi tên thành infamous BG. Bước 2 Thiết lập Foreground Color thành #000000 và Background Color thành #7c7c7c. Sau đó vào Filter > Render > Clouds. Bước 3 Vào Filter > Filter Gallery... và chọn Distort > Glass với các cài đặt sau đây: Distortion: 18...
Trong bài viết này, bạn sẽ tìm hiểu cách cài đặt Preset dành cho Lightroom trên thiết bị di động, máy tính bảng. 1. Trước tiên, hãy chắc chắn rằng bạn đã cập nhật Lightroom CC lên phiên bản 1.4 hoặc mới hơn và Lightroom Mobile lên phiên bản 3.3.0 hoặc mới hơn. Bạn có thể xem phiên bản của bạn bằng cách vào Lightroom CC -> Help -> Updates (trên máy tính). Thao tác này sẽ đưa bạn đến bảng điều khiển Adobe Creative Cloud. 2. Kể từ cuối tháng 6 năm 2018, Lightroom CC trên máy tính và điện thoại vẫn còn lỗi, vì vậy việc thiết lập quy trình đồng bộ hóa sẽ khác nhau giữa những người dùng. Đối với một số người dùng, nếu trước đây bạn đã cài đặt các Preset trong Lightroom CC, các Preset trước đó của bạn sẽ tự động cập nhật khi bạn nâng cấp...
7 “thủ thuật” này dựa trên nền tảng là một bánh xe màu sắc gồm có 12 màu chủ đạo. Từ bánh xe này, Ezimar sẽ gợi ý giúp bạn chọn ra cách phối màu “chuẩn không cần chỉnh” Những màu sắc nào cấu tạo nên bánh xe màu sắc? Các màu cấp 1 (màu cơ bản): Có 3 màu cơ bản. Đó là đỏ (red), vàng (yellow), xanh (blue). Việc pha trộn 3 màu này với nhau theo các tỉ lệ khác nhau sẽ tạo ra tất cả các màu còn lại. Các màu cấp 2: Có 3 màu cấp 2. Chúng được tạo ra bằng cách trộn 2 màu cơ bản với nhau. Đó là màu tím (purple) được trộn bởi màu xanh + đỏ; màu cam (orange) được trộn từ màu đỏ + vàng, và xanh lá cây (green) được trộn từ màu vàng + xanh. Các màu cấp 2 trong vòng tròn màu sắc Các màu cấp 3: Gồm có 6 màu là: yellow-green, blue-green...
Tìm hiểu cách Place và Link Images trong InDesign và các ứng dụng khác, một kỹ năng cần thiết nếu bạn thiết kế tờ rơi và bố cục. Linked Image là gì? Linked Image nhằm làm xuất hiện một hình ảnh được liên kết xuất hiện trong thiết kế bạn đang làm việc, nhưng thông tin tệp của hình ảnh vẫn tồn tại trong ứng dụng gốc của nó. Điều quan trọng là phải biết cách đặt và liên kết hình ảnh vì hai lý do: Nó giữ cho tệp có kích thước nhỏ. Nó duy trì khả năng thay đổi hình ảnh trong ứng dụng gốc. Hướng dẫn này sẽ cho bạn thấy cách Place và Link Images trong InDesign, Photoshop và Illustrator. Tìm hiểu cách mỗi ứng dụng trong bộ thiết kế Adobe xử lý các liên kết và cách sử dụng chúng cho lợi thế của bạn. Cách Place và Link Images hình...
Infographics ở khắp mọi nơi trên các websites và chúng ngày càng giàu tính tương tác. Trên trang này tôi đã tập hợp các ví dụ về các infographics tốt nhất với chức năng tương tác và xem xét những điều làm cho chúng trở nên tuyệt vời. Đọc tiếp để tìm hiểu cách bạn có thể tạo một thiết kế thực sự tương tác với khán giả của mình. 1. Nắm bắt tâm lý Trước khi bạn bắt đầu tạo họa infographics tương tác của mình, bạn nên xem xét lý do tại sao bạn cần làm cho nó tương tác. Như infographic rực rỡ Why Your Brain Craves Infographics giải thích, mọi người thường cảm thấy trực quan thị giác. Chúng ta có nhiều khả năng sẵn sàng đọc, hiểu và nhớ một bài thuyết trình bao gồm các hình ảnh hấp dẫn. Nhưng mặc dù hình ảnh được cho là công cụ học tập...
Xin chào các bạn. Chúc các bạn tuần mới vui vẻ. Trong bài ngày hôm nay, mình sẽ hướng dẫn các bạn từ a -z cách làm việc với nhân vật cartoon trên Illustrator. Học cách cơ bản xác định tính cách, cử chỉ của khuôn mặt một cách trực quan qua video hướng dẫn. Các bạn cũng có thể dowload file thực hành để áp dụng tại nhà. Nếu có câu hỏi nào xin mời các bạn để lại tin nhắn, mình sẽ trả lời đầy đủ. Enjoy ^ ^
Tỷ lệ vàng là một tỷ lệ toán học. Nó thường được tìm thấy trong tự nhiên, và nó thường được sử dụng để tạo sự cân bằng và hài hòa về nghệ thuật, thiết kế (như: kiến trúc, logo, thiết kế giao diện người dùng…) và nhiếp ảnh. Một dãy Fibonacci bắt đầu bằng 0 và 1. Hai số trước được thêm vào với nhau để tạo ra số tiếp theo theo thứ tự: 0,1,1, 2, 3, 5, 8, 13, 21,… và cứ thế vô cùng. Một số bài viết khuyên đọc: Tỉ lệ vàng - Nguyên tắc hình thức và cách bố trí Ứng dụng tỉ lệ vàng trong thiết kế Làm thế nào để tạo ra xoắn ốc tỷ lệ vàng? Hãy bắt đầu bằng cách tạo ra một hình chữ nhật màu vàng. Để làm cho điều này đơn giản, tôi sẽ bắt đầu với một hình vuông, sau đó thêm một hình vuông tương tự ở phía bên phải. Như GIF dưới đây. Tôi sẽ...
Bài hướng dẫn mới này rất độc đáo – không giống các bài hướng dẫn khác mà chúng tôi đã thực hiện trước đây, bài này có vẻ giống như một trò chơi hơn. Đầu tiên, chúng ta sẽ tạo ra rất nhiều các chi tiết thiết kế nhân vật khác nhau từ con số không, và sau đó chúng ta sẽ dùng các chi tiết này để tạo ra các nhân vật khác nhau. Tôi hứa là bạn sẽ rất thích khi kết hợp các phần khác nhau lại với nhau và trải nghiệm sự hứng thu khi tạo ra các nhân vật khác nhau. Hãy bắt đầu nào! 1. Vẽ cái đầu Bước 1 Sau khi mở Adobe Illustrator và tạo một tài liệu mới với 600 x 600 Width và Height, chúng ta sẽ bắt đầu vẽ phần đầu, các nhân vật sẽ sử dụng phàn đầu này giống nhau. Dùng công cụ Ellipse Tool (L) vẽ một hình ovan. Trong hình bên dưới, bạn sẽ...
Đây là bộ 50 bài hướng dẩn video làm các hiệu ứng của Photoshop rất hữu ích đặc biệt là dành cho những bạn mới bắt đầu. Tải về: https://drive.google.com/drive/folders/0B8LEXdy_V7joTzlha2pLRFpGT2s
Các tệp Swatch cho phép bạn nhanh chóng áp dụng màu cho bất kỳ phần tử thiết kế nào trong tài liệu của bạn một cách dễ dàng. Các tệp swatch này có thể được mở trong các chương trình thiết kế Adobe chỉ với vài cú nhấp chuột. Làm thế nào để sử dụng Swatch trong Adobe Photoshop và InDesign Mở bảng màu swatches bằng cách nhấn vào Window > Swatches. Trong bảng Swatches , chọn vào menu 4 gạch và nhấp vào Load Swatches và chọn một tệp swatch. Chọn tên tập phù hợp với bộ mã màu mà bạn đang sử dụng. Photoshop sẽ hỏi xem bạn có muốn thay thế các bảng hiện tại hoặc bổ sung thêm vào (Append). Chọn "OK" để thay thế bảng màu đó, và thế là bạn chỉ nhìn thấy bảng màu Pantone. Làm thế nào để sử dụng Swatch trong Adobe Illustrator Quá trình này...
Tất cả chúng ta đã từng vẽ như những đứa trẻ. Thật dễ dàng để quay trở lại, không quan trọng nếu bạn đã từng sử dụng bút chì, que, hay ngón tay của bạn trên cửa sổ còn ướt. Nhưng mặc dù sau đó bạn phải thừa nhận rằng một số trẻ đã vẽ tốt hơn bạn. Không hẳn là bạn biết những gì "better" có ý nghĩa gì - tất cả những gì bạn biết là sự ngọt ngào của sự khen ngợi. Bất cứ lúc nào bạn nghe ai đó được khen ngợi, và bỏ mặc công việc bạn có, bạn cảm thấy tồi tệ và thật tồi tệ. Cuối cùng, bạn đã từ bỏ bản vẽ. Tại sao bạn nên tiếp tục khi mà chẳng ai quan tâm về nó? Bây giờ, bất cứ lý dó nào, bạn muốn quay trở lại, nhưng nó dường như rất đáng sợ. Những đứa trẻ không bỏ cuộc công việc hiện đang là những chuyên gia và sản phẩm của chúng trông rất...
Trong bài viết này, tôi xin hướng dẫn các bạn cách Load preset của Camera Raw trong Photoshop. Camera Raw là một tiện ích bổ sung (Plug-in) của Adobe Photoshop, nhưng hầu hết mọi người thậm chí lại không biết nó có tồn tại. Camera Raw loại bỏ đến 90% các nút bấm và chức năng của Photoshop, cho phép bạn thực hành thao tác các ứng dụng cơ bản nhất và dễ dàng chỉnh sửa màu của bức ảnh. Video hướng dẫn: Trước hết bạn cần phải mở tiện ích Camera Raw: Thường thì Photoshop sẽ tự mở Camera Raw nếu bạn mở ảnh RAW trên Photoshop, tuy nhiên khi bạn cần dùng Camera Raw để chỉnh sửa ảnh hoặc là Load Preset thì bạn vẫn có thể sử dụng tiện ích này. Có 2 cách để bạn thưc hiện: Preset mình sử dụng trong hướng dẫn: Download tại đây Cách thứ 1...
1. Hãy bắt đầu từ Nguyên lý thị giác – nền tảng của đồ họa Môn này chính là nền tảng của cả Mỹ Thuật, Kiến Trúc và Thiết kế. Và khi tìm hiểu mới thấy được các ứng dụng của các nguyên lý này là vô cùng lớn. Các bài viết chia sẻ về bố cục ảnh, về điểm vàng, về tỷ lệ các kiểu đều xuất phát từ những nguyên lý thị giác này. Dưới đây là 10 yếu tố chi phối thị giác trong thiết kế, mỗi yếu tố sẽ có đặc tính riêng. Bạn sẽ tạo ra các ý tưởng, truyền tải được các thông điệp cần dưa vào đến khách hàng nếu như sử dụng và kết hợp các yếu tố này một cách hợp lý. Line : đường nét Color : ánh sáng/màu sắc Shape : mảng khối Space : không gian Texture : chất liệu Typography Size / scale : kích thước Dominance and Emphasis : điểm nhấn Balance : cân...
Thiết kế ứng dụng là một bài tập đơn giản, là thiết kế lấy người dùng làm trung tâm. Điểm cộng sẽ là một giao diện đẹp có chức năng. Nó phải trực quan để di chuyển, nhanh chóng để tải, nhưng cũng phải độc đáo và đáng nhớ. Nhờ vào cuộc cách mạng thiết kế phẳng, và sự phổ biến của thẩm mỹ hoàn hảo trong các ứng dụng của Apple và Google, nhiều ứng dụng có nguy cơ trở nên tương tự hay không có điểm nổi bật. Ở một mức độ nào đó, đây là một điều tích cực, vì người dùng bản năng biết các chức năng của một số chức năng hoạt động như thế nào. Nhưng nó sẽ gây áp lực nhiều hơn cho các yếu tố hình ảnh như minh hoạ hoặc nhiếp ảnh để giúp xác định giao diện của ứng dụng. Vậy thì làm thế nào để sử dụng hình ảnh hiệu quả trong thiết kế ứng dụng? 1...
Các animators chuyên nghiệp cần phải làm hài lòng cả đạo diễn, với chất lượng tác phẩm của họ, và nhà sản xuất, với tốc độ của họ. Là người đứng đầu bộ phim hoạt hình tại Escape Studios, công việc của tôi là đảm bảo tất cả sinh viên của tôi đã sẵn sàng để thành công trong ngành công nghiệp hoạt hình ngày nay. Điều sau đây là các bước đơn giản mà tất cả các animators có thể thực hiện để đảm bảo luồng công việc của họ là tốt, nhanh và đáng tin cậy. 1. Tạo một camera và nhớ khóa nó lại Một điều bạn cần biết là tạo chế độ xem camera ngay lập tức và sau đó khóa lại để bạn không nhầm lẫn. Đối với hầu hết các hoạt hình, cách bố trí tiêu chuẩn là cách chia ba chiều: chế độ xem phối cảnh phía bên trái, chế độ xem máy ảnh ở bên phải, Trình...
Một danh thiếp kinh doanh được thiết kế tốt không chỉ là sự mở rộng thương hiệu của bạn. Đây là cơ hội để tạo ấn tượng lâu dài với khách hàng tiềm năng, thúc đẩy các cuộc trò chuyện mới và thu hút các cơ hội nghề nghiệp mới thú vị. Làm cho nó đúng và ấn tượng, và danh thiếp của bạn là một công cụ tự quảng bá mạnh mẽ. Nhưng nếu nó sai bất kể bao nhiêu thời gian bạn đưa vào thiết kế: danh thiếp của bạn có thể sẽ được tham gia một chuyến đi một chiều đến thùng rác. Vì vậy, bí mật để tạo ra một business card đáng nhớ là gì? Làm thế nào bạn có thể chắc chắn rằng bạn đã làm đúng nó? Và những sai lầm sáng tạo thông thường phải tránh là gì? Từ thông tin cần thiết, đến việc thực hành tốt nhất các quy tắc thiết kế và lời khuyên chuyên nghiệp để...
Thiết kế wireframe là một bước quan trọng trong bất kỳ quá trình thiết kế giao diện nào. Nó chủ yếu cho phép bạn xác định thứ bậc thông tin của thiết kế, giúp bạn lên bố cục được dễ dàng hơn theo cách mà bạn muốn người dùng của bạn xử lý thông tin. Nếu bạn chưa từng sử dụng wireframe, đã đến lúc bạn nên sử dụng nó. Nó giống như một bản thiết kế kiến trúc; bạn cần phải thấy nó trong sơ đồ đen trắng hai chiều trước khi bạn hiểu rõ phải làm gì để xây dựng ngôi nhà thật sự. Tương tự, đối với một thiết kế giao diện, bạn không thể bắt đầu xây dựng các layer điểm ảnh trong photoshop, hoặc viết các khối code mà không biết nơi cần đặt thông tin. Ở mức độ sâu hơn, một wireframe cũng rất hữu ích trong việc xác định cách người dùng tương tác...
Từ việc tạo các EPUB tương tác và biểu tượng bản vẽ để áp dụng các hiệu ứng cho văn bản và hình ảnh, dưới đây là 5 điều thú vị mà bạn có thể không biết bạn có thể thực hiện trong InDesign. #1: Tạo Vector Logo Để tạo ra các thiết kế Logo có độ phân giải cao, hầu hết các nhà thiết kế đều chọn Illustrator hoặc Inkscape. Tuy nhiên, InDesign là phần mềm hoàn hảo để tạo ra biểu tượng vector. Bạn sẽ tìm thấy nhiều công cụ vẽ giống nhau của InDesign như trong Illustrator. Để bắt đầu thiết kế Logo trong InDesign, hãy tìm các công cụ vẽ và hình dạng trong bảng điều khiển Công cụ. Công cụ Pen Tool (P) rất tốt cho việc vẽ các đường thẳng. Sử dụng công cụ Pencil Tool (N) và Smooth Tool để kết hợp các hình dạng. Công cụ Rectangle (M), Ellipse...
Nếu bạn muốn trở thành một designer chuyên nghiệp, bạn cần được hướng dẫn về typography. Nhưng khi bạn bắt đầu khám phá thế giới của kiểu chữ, một số thuật ngữ không quen thuộc mà bạn phải đối đầu có thể gây "sốc văn hóa". Chúng ta hãy bắt đầu nhẹ nhàng với hướng dẫn của chúng tôi về những thuật ngữ phổ biến nhất, với những ý kiến từ một số nhà thiết kế chuyên nghiệp để hướng dẫn bạn. 1. Constrast (Đối lập) Đây là một cảm giác chủ quan nói chung rằng các phông chữ khác nhau kết hợp cùng nhau tốt, mang lại ấn tượng về sự đa dạng mà không mất đi sự hài hòa trong toàn bộ tác phẩm. Trong một phông chữ đặc biệt, độ tương phản cũng đề cập đến sự đa dạng của độ dày, mỏng tạo nên các con chữ. "Helvetica có độ tương phản thấp và Bodoni có...
Back
Bên trên