テクスチャーなどに使えるグランジ、ダメージ、劣化した壁シリーズ-012nd2018年6月19日トロピカルパターン無料ダウンロード2nd2014年12月19日パステル調バックグラウンドイメージ6枚-ダウンロードフリー2nd2014年2月13日Fotorで画像加工。WORKS(イメージングワークス)」をオープンいたしました。Designの2ndです。あーゆーのって実際ログを見るとぞくっとしますね。こわっ!ウェブ屋のおっちゃんにアドバイスもらいながらセキュリティ対策しといて助かったけど、あー...またビール差し入れしないと...意外と理解されていない解像度設定さて、今日もあれですね、知ってたら少しだけクオリティがあがるかもしれないピンポイントのデザインチップス。需要があるのかないのか微妙ですが、もしかして数人の方達には役に立ってるかもしれないので、更新していきますね^^いきなりですが、全員が全員始めたらすぐに絵がかけるものでもなくプロでもないわけで。昨日イラストレータ始めました!とか今日フォトショップ買いました!って人もいるはずですよね。今日は始めたばかりの方や普段あまり使わないけど、たまに使うんだよなーって方や実はその辺のことよく理解してなかったてな方が知っておくと便利かもしれないデザインチップスです。いうかアプリケーションに依存する特有の知識ですね。PhotoshopやIllustratorのアプリケーションのバージョンとは関係のない話なので、どのバージョンを使ってる方でも知っておくとよいと思います。スマートオブジェクトのメリット、デメリット普段イラストレーターを使ってて、フォトショップはたまにって方などもいると思います。イラストレーターの扱いに慣れてると、拡大縮小はベクターデータなのでグラフィックの劣化なくいつでも繰り返し調整できますよね。フォトショップで画像を作る場合ですが、普通はデータに変更をかけるたびに画像として保存されます。したらこのオブジェクトは後で拡大するかもしれないなぁってな時は、縮小する前にスマートオブジェクトに変換をしておきましょう。目的のレイヤーを選択して右クリックすれば図1のようにメニューが出てきます。図1もちろん元画像より拡大してしまえば画像は劣化しますが、スマートオブジェクトにしておけば、一度縮小した画像も元画像の大きさまでは劣化なしで再度拡大することができます。スマートオブジェクトのレイヤーが増えて行くと、アプリケーションの動作がもっさりしてくるので、後で再調整したいなって画像だけにしておくのが良いと思います。ちなみにスマートオブジェクトのままではそのレイヤーに対してはエフェクトなどのフィルターで使えないものがあったりブラシや消しゴムなども使えないので、加工してから縮小するか、一番最後にラスタライズで画像にしてから加工するかになります。それからイラストレータのデータをコピーしてフォトショップに持ってくることなんかもありますよね。そのペースト時にもダイアログでスマートオブジェクトとしてペーストするか、画像としてペーストするかなど選択肢がでますので、とりあえず素材としてフォトショップにコピってきたって時にはスマートオブジェクトを選んでおく方が後々調整が楽なんではないでしょうかね。イラストレーターでの解像度の扱い方ではここでもう1つ画像の劣化する原因になる可能性を潰しましょう。今度は画像をイラストレーターで扱う場合です。テキスト入れたりパスで自由なグラフィックを描いたりするのは自由度で言えばイラストレータに軍杯があがるのではないかと思います。写真を今度はイラストレータに持ってきてテキスト入れたりグラフィックを入れたりしてみましょう。ドラッグしてきてもいいし、配置で画像を読み込んでもいいし、元の画像の保存場所を移動しなければリンクが切れることもないのでここは気楽にいきましょう。ここで気をつけたいのはイラストレータに読み込んだ画像の解像度です。これから作る画像の最終出力が印刷ものか?ウェブ用の画像か?Tシャツ用のグラフィックか?もしくは全部に使う予定ありってこともありますね。画像をイラストレーターに読み込む場合、画像の解像度設定がそのまま反映された大きさで読み込むので、イラストレーター上で画像の劣化が見えないからといって拡大をしまくると印刷時にはぼけぼけの出力になってしまう可能性があります。画像を制作する際にはあらかじめ最終出力を見越した解像度設定で制作することが必要です。縦58mm(図2参照)で作製。縦58mmのサイズ(図3参照)で画像を作製します。(サイズが中途半端ですいません)図2図3そして図4のようにイラストレータに読み込むと...あれ?大きさ同じですね。ここでひっかかる可能性があります。図4のように等倍で見てる限りは同じ画像に見えますが図4解像度が違うので、(図5の右側)72dpiの画像を拡大してみると劣化しますが、(図5の左側)350dpiの画像は少しの拡大では劣化しないという差がでるので解像度に差があることがわかります。イラストレーター上で同じサイズで表示されても、元の画像ファイルが持つ解像度設定により、印刷に耐えられるものであったり、そうでないものが混ざっている可能性があるということです。図5まとめこれを気にせずいろいろな画像を解像度おかまいなしにイラストレーターに読み込んで作品を作ると、後で出力した時にぼけた画像が混じってる可能性があります。ウェブ用画像としては使えたりします。最終出力のことを考えた解像度設定で画像を作ることを心がけよう。イラストレータに読み込んだら画像サイズが同じだからって解像度が同じではないってことに気をつけましょう。それとやはり後々になって色を調整したいなーとか出てくることもありますので、画像はpsd形式で保存しておき、イラストレータに読み込ませた画像はリンク形式で保存。すればフォトショップ上で色など調整して保存すればイラストレータで開いた時に自動的にリンク画像が更新されますから。画像を埋め込むのは出力屋さんにもっていくデータなどです。それはそれで、画像を埋め込んで別名保存したデータを持ち込めばいいでしょう。・笑もう1つだけ、言わせて。Design大きい画像で細部まで描き込んだグラフィック画像でも縮小すればどんどん見えなくなりますし、Tシャツで言えばシルクスクリーンプリントの場合、細すぎる線などはつぶれてしまって印刷できないこともありますので、時間をかけて素晴らしく細部にこだわったものを作っても最終出力では見えないってな無駄な労力はさけるようにしましょう。いや、さけなくてもいいんですが、大きさに合ったものを作るというのも1つのデザインの基本です。0.1ptのラインアートはTシャツに印刷できません。A3で作ったポスターを拡大して壁面にでっかく飾りました。そのデザイン、バランスおかしくないですか?見る人の距離、大きさにあったデザイン。はい、最後にやっとデザイナーらしいこと言えた感じがします。Author2ndグラフィックデザイン、アパレルデザイン、Webコンテンツ作成、SEOコンテンツ作成、Webサイト作成等。WORKS(イメージングワークス)」をオープンいたしました。Twitterツイートショーケースギャラリーデザイナーズショーケースで紹介させていただいた方々の作品です。画像をクリックでショーケースの記事へ移動します。テクスチャーなどに使えるグランジ、ダメージ、劣化した壁シリーズ-012nd2018年6月19日トロピカルパターン無料ダウンロード2nd2014年12月19日パステル調バックグラウンドイメージ6枚-ダウンロードフリー2nd2014年2月13日Fotorで画像加工。2018このサイトはcookieを利用して、コンピュータに情報を保存しています。