Cũng nằm trong chuỗi các công việc thiết kế ấn phẩm phục vụ dịp Tết Đinh Dậu, ở bài viết trước, mình đã chia sẻ một mẫu bìa Tập san Công giáo mừng Xuân Đinh dậu 2017 rồi phải không? Hôm nay, mình tiếp tục chia sẻ tới các bạn một mẫu bìa Tập san Công giáo Xuân Đinh Dậu khác, được đánh giá là đẹp hơn và hài hòa hơn mẫu trước.
Mẫu bìa này được thiết kế với tone màu chủ đạo là Vàng và đỏ. Sử dụng hiệu ứng Line pattern để làm nổi bật tác phẩm. Hình ảnh chủ đề: Gia đình Thánh Gia, kết hợp với các bông hoa vàng và các mảng màu cam, vàng, gradient chuyển sắc. Hình ảnh hoa văn trống đồng ẩn phía dưới cành hoa đào, mang nét truyền thống của Tết Việt.
File thiết kế:
Phần mềm: Adobe Photoshop
Kích thước: 8.5*11 inch + 3/8 inch gáy sách.
Hệ màu: CMYK
Độ phân giải: 300dpi
Công nghệ in: In Offset hoặc In Lazer màu
Font chữ sử dụng:
Đặc san Xuân 2017: UTM Kabel
Đinh Dậu: UTM Wedding
Mục vụ Gia đình: UTM Kabel
Giáo xứ Các Thánh Tử đạo Việt Nam: Times New Roman
Chuẩn bị cho người trẻ bước vào đời sống hôn nhân: UTM Kabel
Tập san công giáoMẫu bìa Tập san Công giáo Xuân Đinh Dậu 2017Bìa Tập san Xuân Đinh DậuBìa Tập san Công giáoBìa Tập san Công giáo Xuân Đinh DậuBìa Tập san Công giáo 2017
Chào các bạn, khá nhiều người mắc lỗi không mở được ảnh .jpg hoặc .png trong phần mềm Photoshop 7 trở lên. Hôm nay mình sẽ cùng các bạn giải quyết vấn đề này nhé!
Nguyên nhân không mở được ảnh trong photoshop
Nguyên nhân photoshop không mở được ảnh vì bạn đã tải ảnh đó trên internet xuống mà gần như 100% ảnh đó là nền trắng hoặc ít nhất ảnh đó đã từng có định dạng .png trước khi upload lên internet ở. Sau quá trình tải lên mạng, ảnh có định dạng .png đã bị mã nguồn của một số trang web tự động đổi định dạng sang .jpg để tối ưu tốc độ và dung lượng. Do đó, khi bạn tải ảnh đó về, ảnh đã bị lỗi định dạng, chủ yếu là lỗi qua lỗi lại giữa hai định dạng .jpg và .png như sau:
Lỗi Could not complete your request because an unknown or invalid JPEG marker type is found.
Ngoài ra, ở một số trường hợp, photoshop cũng báo lỗi “Could not complete your request because of a program error”.
Sửa lỗi không mở được ảnh trong photoshop
Để sửa lỗi này hoàn toàn, bạn có thể sử dụng lần lượt các bước sau:
Bước 1:Đổi tên file ảnh thành Tiếng Việt không dấu.
Để đổi tên cho hình ảnh, bạn nhấn chuột phải vào file ảnh, chọn Rename và điền tên tiếng Việt không dấu nhé! Sau đó mở lại bằng Photoshop xem sao.
Nếu bạn đã đổi tên file ảnh rồi mở bằng Photoshop mà vẫn không được, bạn tiếp tục
Bước 2: Đổi định dạng file ảnh
Nếu ảnh bạn tải về đang có định dạng .png thì bạn đổi lại tên thành xxx.jpg hoặc ngược lại, đổi tên thành xxx.pngnếu ảnh đang có định dạng .jpg.Nhấn chuột phải vào file ảnh, chọn Rename. Khi thay đổi tên cho hình ảnh, nhớ ghi thêm cả phần mở rộng của định dạng ảnh. Ví dụ: “May loc nuoc kangaroo.jpg”.
Nếu đã đổi tên thành Tiếng Việt không dấu và đổi định dạng file ảnh rồi mà vẫn báo lỗi, các bạn có thể sử dụng bước tiếp theo:
Bước 3:Edit hình ảnh sử dụng MS Paint.
Bước này cũng là bước cuối cùng mình có thể khắc phục lỗi này. Bạn nhấn chuột phải vào file ảnh và chọn Edit để chỉnh sửa hình ảnh trên phần mềm MS Paint.
Sau khi mở ảnh bằng phần mềm MS Paint rồi, các bạn không cần chỉnh sửa gì hết, chỉ việc Save hoặc Save as lại rồi mở bằng Photoshop chắc chắn sẽ OK nhé! (Nên save ảnh thành .jpg nhé!
Lời kết
Như vậy, các bạn hãy áp dụng các cách trên để sửa lỗi không mở được ảnh trong Photoshop nhé! Còn nếu bạn nào làm như trên rồi mà vẫn gặp lỗi thì vui lòng để lại bình luận để anh em tìm hiểu và giúp khắc phục nhé!
Chào các bạn, trong quá trình quản trị website WordPress, chắc chắn bạn sẽ phải dùng tới plugin. Vậy, plugin là gì và có mấy cách cài đặt plugin? Hãy cùng mình tìm hiểu trong bài viết này nhé!
Plugin cho wordpress là gì?
Hiểu cách đơn giản nhất, mỗi website wordpress sẽ có những tính năng khác nhau và bị giới hạn theo từng Theme. Tuy nhiên, trong trường hợp bạn muốn dùng thêm tính năng nào đó trong vô vàn các tính năng hay ho khác, hoặc là bạn phải biết code để tự lập trình thêm cho mình, hoặc là bạn có thể sử dụng Plugin – cách làm dễ dàng và nhanh chóng nhất.
Có mấy cách cài đặt Plugin cho WordPress?
Cũng như Theme, bạn có thể cài đặt plugin thông qua 3 hình thức: 1. Cài đặt trực tiếp plugin từ thư viện trên trang quản trị; 2. Upload file .zip của plugin hoặc 3. Upload plugin trực tiếp lên host/ localhost theo đường dẫn /wp-content/plugins.
Cách 1: Cài đặt plugin trực tiếp từ thư viện trên trang quản trị WordPress
Bước 1: Trong giao diện trang quản trị, bạn vào Gói mở rộng (plugin) > Cài mới
Tải plugin trực tiếp trên thư viện trong trang quản trị
Bước 2: Tìm plugin thông qua việc điền tên ở khung tìm kiếm rồi Enter. Sau đó, kết quả tìm kiếm trả về cho bạn rất nhiều gợi ý. Bạn có thể duyệt các plugin ở thư viện được xếp loại theo Nổi bật, Được quan tâm, Được gợi ý và Yêu thích.
Bước 3: Bạn đừng vội ấn cài đặt mà nên nhấn chọn plugin để xem thông tin chi tiết về plugin, ảnh chụp màn hình, cách cài đặt cũng như đánh giá của người dùng thế nào nhé.
Bước 4: Bạn nhấn nút Cài đặt ở hình trên, ngay sau đó ấn Kích hoạt để bắt đầu sử dụng plugin nhé!
Để biết plugin bạn định cài có đáng tin tưởng để sử dụng hay không, bạn có thể xem số lượt tải về cũng như phần đánh giá (rating) của người dùng nhé. Plugin càng có đông người tải về sử dụng thì có độ tin tưởng càng cao. Không phải plugin nào cũng có thể tải về và làm việc trơn tru đâu bạn nhé!
Cách 2: Cài đặt Plugin sử dụng file .zip sẵn có
Có thể bạn được share một plugin nào đó rất hay ho mà không muốn mất nhiều thời gian lên thư viện tải về, bạn có thể sử dụng trình Upload plugin lên từ máy tính.
Bước 1: Trong giao diện trang quản trị, bạn vào Gói mở rộng > Cài mới, nhấn nút Tải Plugin lên như hình dưới:
Bạn nhấn nút số 2 để chọn plugin “tên plugin.zip” từ máy tính và tiến hành cài đặt (bấm nút số 3).
Lưu ý:Thư mục “tên plugin.zip” phải là thư mục Cha của các file nhỏ bên trong có dạng “tên file.php” luôn, không được nén thêm bất cứ folder nào bên ngoài kẻo sẽ bị lỗi.
Cách 3: Cài đặt Plugin trực tiếp lên Host/ Localhost
Bạn có thể thông qua các phần mềm chia sẻ file FTP như Filezilla hoặc SmartFile để upload plugin trực tiếp lên Hosting nhé! Hoặc bạn cũng có thể upload plugin thông qua trình quản lí file trong Cpanel của Hosting.
Đường dẫn upload plugin lên Hosting: publish_html/wp-content/plugins.
Lưu ý: Plugin file .zip sau khi upload lên phải được giải nén mới có thể hoạt động được nhé! Thư mục “tên plugin.zip” phải là thư mục Cha của các file nhỏ bên trong có dạng “tên file.php” luôn, không được nén thêm bất cứ folder nào bên ngoài kẻo sẽ bị lỗi.
Lời kết
Như vậy, các bạn đã biết cách cài đặt một plugin cho WordPress rồi, mình sẽ tiếp tục giới thiệu với các bạn một số plugin tiêu biểu nên sử dụng cũng như hướng dẫn tùy chỉnh các plugin trong những bài viết tiếp theo.
Chào các bạn, nếu bạn là một Designer và thường xuyên làm việc trên Photoshop, chắc chắn bạn đã gặp tình trạng nhập text bị đảo ngược về phía bên trái phải không? Nếu bị lỗi này nhiều chắc hẳn bạn đã biết cách giải quyết. Tuy nhiên, đối với một số bạn gặp lần đầu, thì lỗi này để lại không ít khó chịu và bực tức. Hôm nay mình sẽ chỉ cho các bạn đang vướng lỗi này cách giải quyết nhanh trong 1 nốt nhạc nhé!
Tình trang nhập chữ bị nhảy về phía trước trong Photoshop
Tình trạng này chỉ xảy ra với các ký tự đặc biệt, và dấu hiệu nhận biết là con trỏ chuột bị nhảy về phía trước thay vì phải là cuối dòng. Hơn nữa, khi mình nhấn nút xóa Backspace hoặc Delete thì chức năng xóa bị đảo lộn so với bình thường. Bạn có thể coi ở hình dưới:
Tình trạng chữ bị nhảy về bên trái trong Adobe Photoshop
Lỗi này không khó sửa. Tuy nhiên, nếu không biết thì nó khiến bạn rất ức chế và mất nhiều thời gian để chỉnh sửa dòng text hơn.
Vậy, sửa lỗi nhập chữ bị nhảy về phía trước trong Photoshop thế nào?
Bước 1: Các bạn chọn đoạn văn bản bằng cách bôi đen hoặc nhấn tổ hợp phím (Ctrl + A)
Bước 2: Vào Windows > Paragraph để mở hộp cửa sổ các tùy chọn Paragraph lên. Biểu tượng là
Bước 3: Bạn ấn vào tùy chọn ghi đè từ bên trái được khoanh màu vàng như trong hình dưới đây:
Oki rồi, bạn thử nhập lại văn bản xem ổn chưa nhé!
Lời kết
Như vậy, với hướng dẫn trên, bạn có thể dễ dàng khắc phục tình trạng nhập chữ bị đảo ngược trong phần mềm Photoshop rồi nhé! Các bạn lưu ý lần sau bị lại cứ mở Paragraph lên và sửa cái tùy chọn ghi đè từ bên trái là sẽ được ngay. Chúc các bạn học tốt và làm tốt.
Chào các bạn, trong quá trình thiết kế trên phần mềm Adobe Illustrator, chắc hẳn sẽ có lúc bạn cần vẽ các khối hình vuông có các góc nhọn được bo tròn như những icon ứng dụng của iOS phải không? Có nhiều cách khác nhau để làm được yêu cầu trên. Tuy nhiên, để nhanh chóng và hiệu quả nhất, các bạn có thể tham khảo cách dưới đây:
Cách 1: Sử dụng công cụ Rounded Rectangle Tool
Để tạo một khối hình vuông hoặc hình chữ nhật có các góc bo tròn, tại thanh công cụ chuẩn của Illustrator, bạn chọn công cụ Rounded Rectangle Tool:
rounded rectangle tool
Sau khi chọn công cụ Rounded Rectangle Tool, bạn nhấn chuột trái vào vùng làm việc khi con trỏ chuột xuất hiện dấu gióng 4 chiều có tâm tròn ở giữa để thiết lập thông số cho khối hình muốn tạo.
Hộp thoại hiện lên cho phép bạn điều chỉnh kích thước của khối hình, trong đó width là chiều dài, height là chiều rộng và Corners Radius là độ bo tròn của góc.
Và như hình trên, mình muốn tạo một hình vuông có kích thước cạnh là 10cm và độ bo góc là 1cm. Kết quả, mình có một hình vuông có 4 góc bo tròn như hình sau:
Cách 2: Sử dụng Effect > Stylize > Round Corners
Bạn có thể tạo một khối vuông hoặc khối chữ nhật với kích thước mong muốn:
Bước tiếp theo, bạn vào Effect > Stylize > Round Corners
Vào Effect > Stylize > Round Corners
Trong hộp thoại hiện lên, bạn nhập thông số cho phần bo góc rồi nhấn OK nhé!
Như vậy, mình đã có một hình chữ nhật có hiệu ứng bo góc tròn. Tuy nhiên, thực chất khối hình của mình vẫn là hình chữ nhật có hiệu ứng thôi chứ không phải là một đối tượng có góc bo tròn hoàn chỉnh. Do đó, ta phải làm thêm một bước ExpandApperance nữa nhé!
Nhấn chọn đối tượng, sau đó và Object – Expand Apperance để hoàn thành nhé!
Chào mừng các bạn đến với series các bài học HTML trực tuyến của Giuseart.com. Trong bài học đầu tiên này, mình sẽ hướng dẫn một số khái niệm cơ bản về HTML như sau:
Học HTML để làm gì?
Đầu tiên, muốn học làm web, bạn phải học HTML. Về cơ bản, bạn chỉ cần nhớ rằng: “Học HTML để xây dựng giao diện cho website“. Phần lớn những gì bạn thấy trên màn hình khi một website chạy trên trình duyệt đều được xây dựng từ ngôn ngữ lập trình HTML. Ví dụ:
Đa số các thành phần của giao diện website kenh14.vn được xây dựng từ ngôn ngữ lập trình HTML
Hình ảnh trên là giao diện của website kenh14.vn. Phần lớn những gì bạn thấy trên màn hình đều được xây dựng bằng ngôn ngữ HTML, bao gồm: phần tiêu đề có dòng chữ to đậm của bài viết; phần nội dung bài viết, các bài viết liên quan, các hình ảnh hiển thị trong bài viết…
Định nghĩa HTML
Theo định nghĩa, HTML là một đánh dấu siêu văn bản do w3.org phát triển. Vậy, thế nào gọi là siêu văn bản?
Giải thích: Các bạn đã gặp những đoạn văn bản trên website có những liên kết, mà những liên kết này khi click vào sẽ được chuyển đến một trang khác, thì đó được gọi là siêu văn bản.
w3.org là gì?
W3.org chính là đơn vị tạo ra ngôn ngữ lập trình HTML, giữ vai trò như đơn vị nắm giữ quy tắc chung. Khi các bạn đi học, các bạn buộc phải tuân thủ nội quy của nhà trường. Tương tự, nếu các bạn muốn website của mình chạy tốt trên trình duyệt, thì các bạn phải tuân thủ những quy định do w3.org đặt ra, chứ không phải chúng ta muốn viết thế nào cũng được.
Đó là những định nghĩa cơ bản và dễ hiểu nhất về HTML mà các bạn có thể nắm trong bài học đầu tiên này. Còn nếu cần thiết để hiểu rõ hơn về HTML, các bạn có thể tìm đọc trên google nhé!
Cách tạo một file HTML
Có rất nhiều phần mềm hỗ trợ soạn thảo một website. Đơn giản nhất là phần mềm Notepad của MS Windows. Một vài cái tên khác có thể kể đến như Intype, PHPdesigner, E-texteditor, Komodo Edit, Sublime text,… Tuy nhiên, mình khuyên các bạn nên dùng phần mềm Adobe Dreamweaver CS6. Các bạn tải về và cài đặt để sử dụng nhé! Và đây là giao diện phần mềm sau khi khởi động lần đầu:
Giao diện khởi động phần mềm Adobe Dreamweaver CS6
Trong giao diện khởi động, phần mềm Dreamweaver CS6 cho phép chúng ta khởi tạo các file HTML, PHP, CSS, JavaScript,… Tuy nhiên, vì chúng ta đang học HTML nên các bạn nhấn vào tùy chọn HTML đầu tiên trên bảng chọn để khởi tạo file HTML mới.
Cấu trúc một file html cơ bản
Phần khoanh đỏ bên trên là cấu trúc của một file HTML cơ bản. Trong đó:
<!DOCTYPE….> là phần khai báo file HTML theo chuẩn của w3.org.
<html…> Đây là thẻ khai báo bắt đầu file HTML, cũng theo chuẩn của w3.org.
<head> Thẻ phần đầu trang web, để hiển thị tiêu đề của trang web được viết trong thẻ <title>.
<meta> Thẻ này quy định một số thuộc tính cho trang web, các bạn chỉ cần để ý tới utf-8 (quy định ngôn ngữ tiếng việt có dấu cho trang web) mà thôi.
<title> Thẻ quy định tiêu đề cho trang web, ví dụ: <title>Blog học đồ họa và thiết kế website chuyên nghiệp</title>.
<body> Thẻ body quy định nội dung hiển thị phần thân của trang web.
Lưu ý:Các thành phần của file html được quy định bởi một cặp thẻ mở và đóng, tên của thẻ được đặt trong 2dấu móc nhọn < >, (ví dụ: <head>). Thẻ đóng giống với thẻ mở nhưng thêm dấu gạch chéo (/) phía trước, (ví dụ: </head>). Ta có cặp thẻ html: <head></head>.
Ví dụ cho file html đầu tiên:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blog học đồ họa và thiết kế website chuyên nghiệp</title> </head> <body> Đây là nội dung của trang web. Chúc các bạn học tập hiệu quả! </body></html>
Sau khi bạn thực hành tạo tiêu đề và nội dung cơ bản cho file HTML đầu tiên, các bạn Save as và lưu file với đuôi .html nhé. Lưu file xong, các bạn có thể mở file bằng .html bằng trình duyệt Cốc Cốc hoặc Chrome.
Lưu file html và mở bằng trình duyệt bất kỳ
Và đây là kết quả sau khi mình mở file bằng trình duyệt Cốc Cốc nhé!
Tạo file html cơ bản
Như vậy, mình đã hướng dẫn các bạn cách tạo file HTML và hiển thị nó lên trình duyệt như thế nào rồi. Các bạn đang bắt đầu chuỗi các bài viết hướng dẫn học HTML cơ bản. Hẹn gặp lại các bạn ở bài học tiếp theo.
