2012年8月27日月曜日

知らなきゃ損するPhotoshopテクニック | 〜”スマートオブジェクト” について〜

このエントリーをはてなブックマークに追加
はじめに
はじめまして、Happy Elements株式会社デザイナーの天野です。
普段の業務では主にUI設計や画像処理、その他雑用などをこなしています。

Happy Elements社内のデザイナーは、基本的にPhotoshop、Illustratorといったツールを利用して作業を行なっているのですが(イラストレータの方は一部例外もあります)他の方とやりとりする中で「こうした方が便利だよ」という場面がちょくちょくあるので、それをさらっとまとめていきたいと思います。


今回のテーマ
スマートオブジェクトを使いこなそう


用意するもの
Photoshop CS2以降


1.スマートオブジェクトってなに?
Photoshopはドットの集合で構成された「ラスター形式」と呼ばれる画像を編集するツールなので、ある画像を拡大したり縮小したりすると、そのドットの間をそれっぽく補ったり、または省略したり、ということが起きます。
そして、その都度画像が書き換えられていくので、繰り返すと当然画像は劣化していきます。一度処理を行った後からは元の状態には戻せない、これを「破壊編集」と呼びます。
(ヒストリー機能(cmd+Z/Ctrl+Z)で戻せるじゃん!と思われそうですが、ヒストリーは処理自体を元に戻しているのでちょっと意味合いが違います。)



そこで登場するのが「スマートオブジェクト」という機能です。

スマートオブジェクトはIllustratorでいう「画像の埋め込み」の感覚に近いもので、別ファイルとしてあるものをPSDファイル内にレイヤーとして埋め込みを行います。大雑把な説明ですが、PSDファイル内にさらに別の画像ファイルがあるような感覚と思って下さい。



スマートオブジェクトの作り方はいくつかあります。
1つは「ファイル>配置」メニューから画像ファイルを選択してPSDデータに読み込ませる方法。ちなみにこれは今開いているキャンバスにファイルをドラッグするだけで出来たりもします。



もう1つが、任意のレイヤーをスマートオブジェクト化する方法。レイヤーパネルから目的のレイヤーを右クリックで選択し、「スマートオブジェクトに変換」を選びます。



そしてできたこのスマートオブジェクトのレイヤーは、元の画像を読み込んでいるだけなので、拡大縮小を何回繰り返そうが、回転をしようが画質が劣化することはありません。
ちなみにこのやり直しが可能な状態のことを「非破壊編集」と呼びます。



2.さらにここがすごいよ、スマートオブジェクト
フィルターで画像を処理する場合、数値をいじってはなんか違った、cmd+Zしてまたやり直し...というようなことが多々あると思います。そんな時に目的のレイヤーをスマートオブジェクト化してからフィルターをかけると、適応されたフィルターの処理をレイヤー効果と同じように扱うことができます。
つまり適応した後にそのフィルターを非表示にしたり、元に戻したりといったことが可能になります。



3.ここが残念、スマートオブジェクト
ただし、スマートオブジェクトの弱点もあります。PSDファイル内に別のファイルを埋め込むため、ファイルサイズが非常に大きくなってしまうこと。埋め込んだ元の画像のファイルサイズが大きければ大きいほど、またスマートオブジェクトを多用すればするほど大きくなっていくので、注意が必要です。

また、スマートオブジェクトは別ファイルを読み込んでいる状態なので、そのままでは直接画像にブラシで絵を描いたり、ということができません。それを行う場合、スマートオブジェクトを右クリックしてメニューの中にある「レイヤーのラスタライズ」を行うか、スマートオブジェクトのサムネイルをダブルクリックして、元のデータを直接編集する、という方法で解決することができます。

4.実際、どういうシーンで使っているのか
一例ですが、広告やゲーム内で使用するバナーを作る際にスマートオブジェクトを利用しています。イラストレータの方に描いてもらった絵を素材に、それを拡縮したり回転したりして位置を調節したり、効果を加えたりして小さな画像サイズでも見栄えをよくしたりします。その際、非破壊での編集というのが非常に役に立ちます。

それ以外の作業でもスマートオブジェクトは非常に使える機能なので、ぜひ色々な場面で試してみて、使いこなして下さい!

===

関連情報
写真はコチラからお借りしました
 (by Konstantin Leonov)

一緒に働きたい方、絶賛 募集中
Happy Elements株式会社では、ソーシャルゲームのデザインや、イラストの制作に興味を持っているデザイナーを絶賛募集中です!
アルバイトも積極募集しているので、ポートフォリオを厚くしたい学生の方、チャンスですよ!

6 件のコメント:

  1. đồng tâm
    game mu
    cho thuê nhà trọ
    cho thuê phòng trọ
    nhac san cuc manh
    số điện thoại tư vấn pháp luật miễn phí
    văn phòng luật
    tổng đài tư vấn pháp luật
    dịch vụ thành lập công ty trọn gói
    lý thuyết trò chơi
    đức phật và nàng
    hồ sơ mật dinh độc lập
    đừng hoang tưởng về biển lớn
    chiến thắng trò chơi cuộc sống
    lượng tử
    ngồi khóc trên cây
    truy tìm ký ức
    mặt dày tâm đen
    thế giới như tôi thấy

    , trong số văn võ bá quan chỉ duy nhất có hắn hiểu được tâm tư của mình.
    “Lão thần nghĩ rằng, chỉ có Lưu Phong mới có thể là người đảm nhận chức vụ Ngoại lang Hộ Bộ. Thiên Thượng Nhân Gian có sự phát triển như thế nào mọi người ở đây đều biết, khả năng kinh doanh sản nghiệp lớn như vậy, vị tất làm khó được một viên Ngoại lang nhỏ nhoi.”
    Hoa Hạ đại đế im lặng, ngẩng đầu nhìn quần thần, xem họ có phản ứng gì.
    Hình Văn Danh bí ẩn nói: "Đúng vậy nhân tài kinh doanh không thể làm quan viên Hộ Bộ được, nếu không hắn nhân cơ hộ làm lợi cho việc kinh doanh của hắn thì sao?"
    Trương Các Lão cười nói: “Có phải vậy không? Vậy Hình đại nhân cho rằng bây giờ quan viên Hộ Bộ đều thanh liêm?
    Hình Văn Danh suýt chút nữa hộc máu: “Các Lão, trên kim điện ngươi chớ có ăn nói bậy bạ, các quan viên của Hộ Bộ như thế nào, bổn quan rõ ràng nhất”. Trông bộ dáng của hắn như hận không được đi tới đá cho Các Lão mấy cái cho hả cơn giận.
    “Hình Đại Nhân xin người chú ý tới lời nói”. Trương Tử Ngưu cười lạnh nhắc nhở.
    “Các Lão ngươi dối gạt người quá đáng, ta ……” Hình Văn Danh tức giận hừ hừ nói.

    Hoa Hạ đại đế tại Long ỷ tức giận vỗ lên thành ghế nói: “Làm càn, kim điện là nơi để các ngươi cãi nhau hả, trong mắt các ngươi không còn có hoàng đế như ta nữa sao?”
    Trương Các Lão vội lên tiếng: “Thần không dám, bất quá lão thần chỉ nói sư thật, Hộ Bộ mấy năm nay nợ năm này sang năm khác, ngay cả quân bị cũng không truy nã ra, chẳng lẽ Hình đại nhân nói không là xong sao?”. Hộ Bộ mấy năm nay làm việc ra sao, chư vị đại nhân ở đây đều biết nhưng cho tới bây giờ không một ai dũng cảm đề xuất trên triều đường. Không nghĩ tới Trương Các Lão lại nói chuyện này ra.
    Lời vừa nói ra, Hình Văn Danh giận giữ nói: “Trương Các Lão ngươi nói lời này là ý tứ gì, phải chăng ám chỉ bạc ở Hộ Bộ đều bị ta tham ô?.”
    “Lời này là do ngươi nói chứ không phải ta.” Trương Các Lão hừ lạnh một tiếng, ánh mắt sắc như tử điện hướng về Hình Văn Danh.
    “Các Lão, bổn quan là người quản lý Hộ Bộ, mặc dù không cúc cung tận tụy, cũng là có chút tận tâm, mới phát sinh một chút sơ suất, mà ngươi …. ngươi nói ta ….. Hình

    返信削除
  2. Thanks for sharing, nice post!

    Tọa lạc tại địa chỉ 61C Tú Xương. P. 7, Quận 3, TP. HCMCasanova là cafe dep tphcm được thiết kế hoàn toàn theo phong cách độc đáo của nước Ý, đây là quán cafe yên tĩnh tphcm không gian cổ điển đẹp hay cafe cappuccino với hương vị tuyệt hảo hay đây là quán quán cafe đẹp ở sài gòn với không gian tuyệt đẹp hay bạn có biết loi ich cua viec uong cafe đối với sức khỏe chưa, hay Casanova Cafe – không gian quán cafe ngồi làm việc lý tưởng của freelancer hay đây là quán cafe chụp ảnh không tính phí tại sài gòn bạn có thể tha hồ chụp ảnh, đây là quan cafe con hem nho cực đẹp bạn không nên bỏ qua hay đây là quán quan cafe tinh nhan o sai gon thích hợp hẹn hò hay đây là quán cafe học nhóm tphcm cực hợp có phòng riêng hay là 1 trong cà phê lãng mạn với đồ uống giá rẻ với thức uống đặc trưng cực ngon là trà đào cam sả uống 1 lần là nghiền hay đây là điểm hẹn cà phê cuối tuần với Casanova Cafe hay meo giup be ngu ngon giúp bé ngủ ngon giấc hay nôi võng giúp bé ngủ ngon hay cafe tổ chức sinh nhật tphcm cực lý tưởng hay những quán cà phê sân vườn đẹp ở sài gòn bạn không nên bỏ qua hay bạn muốn học bài thì quán cafe yên tĩnh học bài ở sài gòn cực thú vị đấy.

    返信削除
  3. Terimakasih atas infonya sukses selalu
    pilihan wisata di pantai pangandaran.. lihat aja link disini!!!
    Pantai Batu Hiu
    Pantai Karang Nini
    Pantai Karapyak
    Pantai Pangandaran

    返信削除
  4. Đặt mua chung cư The K-Park trực tiếp chủ đầu tư tại website http://www.kenhchungcuhanoi.com/2017/05/the-k-park-van-phu.html

    返信削除