2009 17 tháng 10 2009

Từ Photoshop tập tin HTML / CSS WordPress loạt

Screen shot 2009-10-17 at 4.59.04 PM Tôi nhớ có thời gian để đọc blog hàng ngày của tôi như tôi sử dụng để, nhưng đi qua loạt bài này tuyệt vời từ một trong những mục yêu thích của tôi: Chris Coyier, có một trang web CSS-Tricks đã giúp tôi vô cùng.

Trong phim, ông sẽ đưa bạn từ quá trình thiết kế bố trí trang web, quá trình cắt và mã hóa CSS làm cho việc thiết kế đến với cuộc sống. Tiếp theo ông sẽ đưa bạn qua quá trình tích hợp mã vào một CMS (hệ thống quản lý nội dung) như WordPress. Bằng cách này, tất cả mọi thứ (bài viết, nguồn cấp dữ liệu, cập nhật) là trang web năng động và rộng. Tôi hy vọng bạn đăng ký với nguồn cấp dữ liệu RSS của mình, hãy kiểm tra các blog khác của mình và tận hưởng bộ phim.

Tôi nhận xét rằng tôi hy vọng có thứ 4 trong loạt bài này để cho chúng ta thấy quá trình prepping và mã hóa các thư viện ảnh, hình thức liên lạc, mua sắm giỏ hàng và thức ăn Twitter. Tất cả chúng ta đều sẽ phải kiểm tra lại để xem!

Phần 1 bắt đầu từ đầu tuyệt đối trong Photoshop, với chỉ một vài cung cấp nguồn lực từ khách hàng. Chúng tôi thiết kế trang chủ và da cho trang web.

Screen shot 2009-10-17 at 4.47.42 PM

Phần 2 cho thấy làm thế nào để cắt các thiết kế từ Photoshop sang XHTML / CSS.

Screen shot 2009-10-17 at 4.47.28 PM

Phần 3 cho thấy làm thế nào để chuyển đổi nó thành một mẫu WordPress.

Screen shot 2009-10-17 at 4.45.57 PM

Chia

2009 08 tháng bảy năm 2009

OK, trở lại thiết kế và Photoshop Mẹo!

1. Mở một tập tin mà không cần sử dụng các đơn

Đơn giản. Nhấp đúp chuột vào vùng nền màu xám của cửa sổ Photoshop và hộp thoại File Open xuất hiện ma thuật?

10-photoshop-tính năng-1.jpg

2. Nếu màu xám mờ, đen là tuyệt vời và màu nào là tốt hơn!

Để thay đổi màu xám bên trong một cửa sổ hình ảnh từ màu xám sang màu đen (hoặc màu sắc của sự lựa chọn của bạn) Control + Right Click (Command + Nhấp chuột phải trên máy Mac) trên các khu vực xung quanh hình ảnh và chọn một màu.

10-photoshop-tính năng-2.jpg

3. Mẫu Foreground và màu nền

Thay vì cách nhấp vào mẫu màu nền trước hoặc nền để thay đổi màu sắc để lấy mẫu từ hình ảnh, nhấp vào công cụ Eyedropper và bấm vào để lấy mẫu một màu nền trước, giữ phím Alt (Option trên máy Mac) để lấy mẫu một màu nền mới.

10-photoshop-tính năng-3.jpg

4. Vị trí một Shape hoặc lựa chọn

Khi bạn đang vẽ một hình dạng hoặc lựa chọn và hình dạng là tốt, nhưng vị trí là sai trái, giữ nút chuột và giữ phím khi bạn di chuyển hình dạng hoặc lựa chọn vào vị trí mong muốn. Hãy đi phím dài và tiếp tục làm cho hình dạng của bạn.

10-photoshop-tính năng-4.jpg

5. Có được một lựa chọn Trở lại

Nếu bạn mất lựa chọn của bạn, nhấn Ctrl + Shift + D (Command + Shift + D trên Mac) để có được nó trở lại. Ctrl + D (Command + D trên Mac) bỏ các lựa chọn.

10-photoshop-tính năng-5.jpg

6. Trốn và giữ

Nếu vùng chọn là nhận được theo cách của bạn, Ctrl + H (Command + H trên máy Mac) sẽ ẩn các lựa chọn nhưng vẫn còn để lại tại chỗ. Đừng quên để biến nó trở lại hoặc bạn có thể tự hỏi tại sao điều này không làm việc theo cách bạn mong đợi họ làm việc.

10-photoshop-tính năng-6.jpg

7. Xem những gì bạn đang làm việc Trên

Đây là tất cả thời gian thời gian của tôi tiết kiệm lớn nhất! Khi bạn kéo một lớp lớn từ một tài liệu khác, bạn có thể xem toàn bộ lớp và kích thước của nó xử lý bằng cách Ctrl + Click (Command + Click trên Mac) vào hình thu nhỏ lớp để chọn nó. Sau đó, nhấn Ctrl + T (Command + T trên Mac) để xem xử lý biến đổi và Ctrl + 0 (zero) (hoặc Command + 0 trên Mac) để thu nhỏ hình ảnh để xử lý kích thước là tất cả có thể nhìn thấy.

10-photoshop-tính năng-7.jpg

8. Ngăn xếp hoặc dòng lên Palettes

Để ngăn xếp bảng màu bên cạnh nhau trong cùng một hộp thoại, kéo 1 bảng màu hơn những người khác cho đến khi một dòng màu xanh sẽ xuất hiện xung quanh nó và để cho đi. Để ngăn xếp bảng màu một đầu khác xuống màn hình, kéo và thả một bảng màu lên thanh chỉ ở trên một tên khác của bảng.

10-photoshop-tính năng-8a.jpg

10-photoshop-tính năng-8b.jpg

9. Không có hộp thoại Thiết lập lại nút? Có có!

Bạn có thể thiết lập lại hộp thoại Photoshop hầu hết các thiết lập ban đầu của họ hoặc ít nhất là một số phiên bản của các thiết lập ban đầu bằng cách giữ phím Alt (Option trên máy Mac) khi bên trong hộp thoại khi bạn làm điều này, các nút Cancel biến thành một nút Reset.

10-photoshop-tính năng-9.jpg

10. Tất cả các hình elip của bạn có thể chuyển vào Circles

Để vẽ một vòng tròn bằng cách sử dụng Elliptical Marquee hoặc hình dạng một vòng tròn, giữ phím Shift khi bạn đã bắt đầu vẽ và hình elip sẽ trở thành một vòng tròn. Để rút ra từ trung tâm, giữ phím Alt (Option trên máy Mac) khi bạn bắt đầu vẽ một hình elip, sau đó thêm phím Shift để làm cho nó một vòng tròn - tiếp tục giữ cả hai phím cho đến khi bạn buông nút chuột phải.

10-photoshop-tính năng-10.jpg

Chia