タグ

切り出しに関するastk_fのブックマーク (4)

  • Slicing Images for Your Website with Photoshop

    2014年8月17日 Photoshop, Webサイト制作 印刷物のデザインではそのまま印刷すればいいのですが、Webサイトの場合は出来上がったデザインをパーツごとに画像をスライス(分割)し、HTMLCSSで組立ててWebサイト上に表示します。「実践で学ぶWebサイト制作ガイド」5回目ではそのスライス作業に注目!私は普段Fireworksを使ってスライスしていますが、ここでは前回と同様Photoshopを使ったスライス方法を紹介します。実践に入る前に、いくつかのポイントもおさえておきましょう。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その5 目標:コーディングしやすいパーツ画像を用意できる 必要なもの:Adobe Photoshop 対象レベル:Photoshopの基的なツールの使い方がわかる 目次 誰のため?何のため?Webサイトを作り始める前に

    Slicing Images for Your Website with Photoshop
  • 「Photoshop」で人物を上手にマスクするテクニックとは | クリエイティブ | マイコミジャーナル

    アドビ システムズは都内にてクリエイター向けのセミナー「デジタルフォト&デザインセミナー2011~トップクリエイターのテクニックとアイデア~」を開催した。セミナーでは、「HP WorkstationとAdobe CS5.5による写真と動画の最先端レタッチテクニック」が行われた。 セミナーでは、「Photoshop」のパペットワープを使ったレタッチテクニック、「Illustrator」の「エンベローブ」を活用した画像処理テクニックに続いて、「Photoshop」で人物をマスクするテクニックが、フォートンのプロデューサー 兼子研人氏とレタッチャー toppy氏によって紹介された。 Photoshopで人物をマスクするテクニック この画像の子供のマスクを作成する まず始めに、画像の子供の部分を範囲選択し、「選択範囲→境界線を調整」を選ぶ。次に「エッジの検出(スマート半径)」を使い子供の輪郭に沿っ

  • Photoshopのチャンネルを使って髪の毛を切り抜く方法 - Webデザイン - acky.info

    Photoshopのチャンネルを使って髪の毛を切り抜く方法の概要です Photoshopで車や建物のような輪郭のはっきりしたものは、パスを使うときれいに切り抜けます。しかし、髪の毛のような形が複雑で輪郭があいまいなものは、パスだけではきれいに切り抜けません。 そこで、チャンネルを使った髪の毛を切り抜く方法を、一番簡単な白バックの写真を使ってご紹介します。

    Photoshopのチャンネルを使って髪の毛を切り抜く方法 - Webデザイン - acky.info
  • 画像処理をデザイナーがやるのかコーダーがやるのかという話

    尾野(しっぽ) @tail_y 画像処理を、デザイナーがやるのか、コーダーがやるのかっていう話で、ちょっとコーダー側でやっちゃいたくなるけど、やり始めると際限無いから困る・・・。素材切り出し、みんなどうしてる?コーダーがやってる? なると(るなふきん) @narutohyper @tail_y Flashの場合は、全部こっちでやりますね。Webの場合は、懇意のデザイナーさんには、最終的にpngで作成してもらい、切り出してもらっています(かなり仕込みましたがw)あまり懇意でないデザイナーさんの場合は、とりあえず切り出してもらって、やり直しのパターンが多いw

    画像処理をデザイナーがやるのかコーダーがやるのかという話
  • 1