Hướng dẫn dùng png rotate trong PHP


Nội dung chính

  • I. Cách xoay toàn bộ hình ảnh trong Photoshop
  • II. Xoay Layer trong Photoshop với Free Transform
  • III. Hướng dẫn xoay vùng chọn trong Photoshop
  • Hướng dẫn xoay hình ảnh trong photoshop nâng cao
  • IV. Tổng kết

I am using PHP to rotate an PNG image, with a transparant background. But whatever I try, there are still some black lines around the original image.

How do I remove the black lines. Everything else works fine. The image is transparant, the image is rotated, the new corners are also transparant. Just the black lines around the original square [which is rotated] are annoying me.

I use this code:

$angle = -100;
header['Content-type: image/png'];  

$image = '//mapning.com/img/plane.png';
$file = imagecreatefrompng[$image];

$rotate = imagerotate[$file, $angle, 0];


imageSaveAlpha[$rotate, true];
ImageAlphaBlending[$rotate, false];

$transparentColor = imagecolorallocatealpha[$rotate, 200, 200, 200, 127];
imagefill[$rotate, 0, 0, $transparentColor];

imagepng[$rotate];

I found my answer here:

//ru2.php.net/manual/en/function.imagerotate.php#47985

Bài viết này mình sẽ hướng dẫn cách xoay hình ảnh trong Photoshop với Free Transform và phím tắt nhanh chóng.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Xoay nghiêng hình ảnh, xoay hình 90 độ hay lật hình ảnh đối xứng là những thao tác mà mỗi người dùng Adobe Photoshop phải thực hiện khá thường xuyên. Tuy nhiên không phải ai cũng biết cách nhanh chóng và tối ưu nhất để lật hình ảnh một cách chuyên nghiệp.

Vì thế trong bài viết này, freetuts sẽ hướng dẫn cách xoay hình ảnh trong Photoshop với 3 phương pháp chinh: Xoay toàn bộ hình ảnh, xoay một Layer đơn lẻ và xoay vùng chọn trong PTS.

I. Cách xoay toàn bộ hình ảnh trong Photoshop

Cách đơn giản nhất để xoay hình ảnh trong photoshop là xoay ảnh toàn cảnh hay nói đúng hơn là xoay toàn bộ ảnh, tức chúng ta sẽ xoay toàn bộ bức hình trong vùng làm việc, bao gồm tất cả các Layer.

Bài viết này được đăng tại [free tuts .net]

Để bắt đầu lật hình, xoay nghiêng ảnh và lật ảnh đối xứng trong photoshop thì bạn thực hiện theo các hướng dẫn sau đây:

Bước 1: Bấm vào tùy chọn Image trên thanh menu.

Bước 2: Chọn Image Rotation để hiển thị các tùy chọn xoay và lật hình ảnh bao gồm:

  • 180°: Xoay hình 180 độ.
  • 90° Clockwise: Xoay hình 90 độ theo chiều kim đồng hồ.
  • 90° Counter Clockwise: Xoay hình 90 độ ngược chiều kim đồng hồ.
  • Arbitrary… : Tùy chỉnh xoay hình ảnh theo giá trị tùy chọn.
  • Flip Canvas Horizontal : Xoay ảnh theo chiều ngang.
  • Flip Canvas Vertical : Xoay ảnh theo chiều dọc.

Dưới đây là ví dụ về các tùy chọn xoay hình ảnh mà bạn có thể xem qua:


180°: Xoay hình 180 độ


90° CW: Xoay hình 90 độ theo chiều kim đồng hồ

Nếu bạn chọn tùy chọn Arbitrary... thì cửa sổ Rotate Canvas sẽ hiện ra.

Nhập giá trị Angle để xoay hình ảnh theo ý muốn [đơn vị "độ"]. Trong ví dụ dưới đây mình đang xoay hình ảnh nghiêng 69 độ theo chiều ngang.

Kết quả:


Xoay nghiêng hình ảnh trong Photoshop

II. Xoay Layer trong Photoshop với Free Transform

Bước 1: Bấm vào Edit trên thanh Menu rồi chọn Free Transform. Bạn cũng có thể sử dụng phím tắt xoay ảnh bằng cách bấm tổ hợp phím Ctrl + T.

* Lưu ý: Bạn hãy chọn đúng Layer muốn xay nhé, Layer bạn đã chọn sẽ hiển thị màu sáng hơn những Layer còn lại.

Bước 2: Ngay sau khi thực hiện bước 1 thì đường viền ở ngoài rìa của Layer đã chọn sẽ hiện lên. Bạn có thể dùng chuột trái bấm giữ vào các góc để xoay hình đơn giản.

Hoặc bấm chuột phải vào hình ảnh rồi xoay chúng với các tùy chọn giống ở mục I bao gồm: Rotate 180°, 90° và Fllip, v.v.


Rotate 180°


Flip Horizontal

III. Hướng dẫn xoay vùng chọn trong Photoshop

Ảnh phong cảnh, ảnh chân dung hay với những thể loại ảnh khác thì nhiều lúc ta cần thực hiện xoay một vùng chọn nhất định của hình ảnh. Bạn hãy làm theo các bước sau để xoay vùng chọn

Để lật, xoay vùng chọn của hình ảnh trong PTS, bạn hãy thực hiện theo các bước sau:

Bước 1: Bấm vào công cụ tạo vùng chọn, hãy dùng một trong hai công cụ dưới đây để phù hợp nhất với trường hợp của bạn:


Công cụ tạo vùng chọn Marquee Tool


Công cụ tạo vùng chọn Lasso Tool

Bước 2: Trong ví dụ dưới đây mình sẽ tạo vùng chọn với công cụ Lasso Tool bằng cách bấm chuột trái và khoanh vùng hình ảnh muốn xoay - lật.

* Lưu ý: Bạn nhớ bấm chọn layer gốc [layer ban đầu chứa toàn bộ hình ảnh mà ta muốn xoay], trong ví dụ này mình chọn layer background sau đó mới bắt đầu tạo vùng chọn.

Bước 3: Bấm tổ hợp phím Ctrl + T để mở tùy chọn Free Transform.

Bước 4: Ngay sau đó đường biên ở rìa phần vùng chọn sẽ hiện lên, lúc này bạn có thể dùng chuột trái bấm giữ vào các góc để xoay ảnh [vùng chọn] đơn giản tùy ý.

Bạn cũng có thể bấm chuột phải vào vùng chọn sau đó thực hiện xoay nó với các tùy chọn chuyên sâu hơn của Free Transform.

Tuy nhiên bạn có thể thấy kết quả xoay vùng chọn này rất xấu, cụ thể là phần nền phía sau bị hỏng để lộ ra một khoảng trống nhìn không chuyên nghiệp một chút nào.

Để khắc phục tình trạng này, chúng ta sẽ tách hình ra khỏi nền sau đó xoay / lật hình ảnh trong photoshop theo ý muốn, từ đó khắc phục được lỗi hỏng nền.

* Lưu ý: Trong phần này thì mình đang hướng dẫn tách logo ra khỏi nền sau đó tiến hành xoay và lật, nếu bạn đang cần tách người / cảnh vật hay đồ vật thì hãy tham khảo bài viết này để biết cách cắt chúng ra khỏi ảnh rồi tiến hành xoay với Free Transform nhé.

Hướng dẫn xoay hình ảnh trong photoshop nâng cao

Bước 5: Nếu bạn đã thực hiện tới bước 4 thì hãy bấm Ctrl + Z để hoàn tác sau đó bấm tổ hợp phím Ctrl + J để nhân đôi vùng chọn sang một Layer mới nhé.

Bước 6: Thực hiện theo các thao tác sau để chuẩn bị tách logo ra khỏi nền, bạn hãy đọc và theo dõi hình để hiểu nhanh hơn:

  • 1: Giữ phím Ctrl trên bàn phím rồi bấm chuột trái vào ô vuông ở Layer mới tạo từ bước 5 [Layer 2].
  • 2 + 3: Bấm vào hình con mắt để ẩn tất cả các Layer, chỉ để hiển thị Layer gốc [layer gốc là hình ảnh ban đầu / chính là hình ảnh nền Background].
  • 4: Bấm chuột trái vào Layer gốc để bắt đầu chỉnh sửa với bước 7.

Bước 7: Bấm tổ hợp phím Shift + F5 trên bàn phím.

Bước 8: Khi cửa sổ Fill hiện ra, bạn hãy thiết lập mục Contents: Content-Aware -> sau đó bấm OK.

Kết quả sau khi bấm OK, bạn có thể thấy phần hình ảnh cũ đã bị xóa hẳn đi, tuy nhiên ta vẫn có hình ảnh này ở vùng chọn của Layer 2.

* Lưu ý: Nếu hình vẫn chưa được xử lý sạch, bạn có thể dùng thêm công cụ Stamp Tool để xóa chúng.

Bước 9: Tích vào hình con mắt ở Layer chứa hình ảnh đã nhân bản từ bước 5, sau đó bỏ chọn hình con mắt ở những layer còn lại để ẩn chúng tạm thời. Thao tác này mục đích nhằm giúp dễ dàng làm việc với hình ảnh cần tách khỏi nền hơn.

Bước 10: Chọn công cụ Background Eraser Tool.

Bước 11: Sử dụng công cụ xóa nền này bằng cách bấm chuột trái vào những vùng nền phía sau hình ảnh cần xóa, trong trường hợp của mình là xóa những nền màu trắng.

Kết quả:

Bước 12: Tích lại vào toàn bộ các con mắt để làm hiển thị Layer.

Bước 13: Bấm chuột trái vào Layer chứa có vùng chọn muốn xoay [Layer ta vừa xử lý ở bước 11] sau đó sử dụng phím tắt xoay ảnh Ctrl + T.

Bước 14: Tới bước này thì rất đơn giản rồi, bạn chỉ việc xoay vùng chọn bằng các di chuột trái vào các góc hoặc bấm chuột phải và chọn các thiết Option có trong đó.

Hay nói đúng hơn là chuyển từ vùng chọn -> Layer để xoay hình ảnh trong Photoshop mà không làm hỏng nền.

IV. Tổng kết

Bài viết " Cách xoay hình ảnh trong Photoshop" đến đây là kết thúc, chắc chắn sau khi xem bài viết này thì bạn có thể xoay hình ảnh người, xoay hình ảnh đồ vật một cách nhanh chóng và dễ dàng.

Đừng quên chia sẻ bài viết tới bạn bè và đồng nghiệp khi họ cũng chưa biết cách xoay hình ảnh trong PTS nhé.

Bài Viết Liên Quan

Chủ Đề