タグ

Photoshopに関するacotieのブックマーク (7)

  • 続:PNG画像をより美しく、より軽量に最適化するテクニック | コリス

    上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード:[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し(半透明は削除)、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン

  • Design a Beautiful Website From Scratch | Envato Tuts+

    Have you ever wanted to design a beautiful website but just didn't know how? To be honest, a few years ago, that happened to me too. While browsing the web, I saw so many nice looking websites and wished I had the skills to create such designs. Today I can and I'm going to teach you how to do so too! Essentially, it requires a few Photoshop skills and an eye for detail. Through this tutorial, I wi

    Design a Beautiful Website From Scratch | Envato Tuts+
  • Photoshopで人物の髪の毛を切り抜く|| Woops'dez | Bloggin'

    人物の切り抜きにはよく「パス」を使います。 しかしながら髪の毛はとっても大変。ここではちょっと楽が出来る切り抜きTIPSをお送りします。 まぁ、私のやり方なので名フォトショッパーさんはもっとグレイトなTIPSを持っているかも知れませんので、そしたら教えてくださいなー。 1.切り抜きをすませる 問題の部分は適当に残しておきましょう。 こんな感じ。 2.背景→レイヤーにする 鍵の付いているレイヤーをダブルクリックすると、「背景」ではなく「レイヤー」になります。こうすることで、チャンネルなどいろいろ遊べるようになります。 こんなダイアログが出てくるのでとりあえずOK押しちゃえ。 「背景」と「レイヤー」の違い 「背景」 消しゴムなどで消しても後ろが白いままで透過されない。 移動が出来ない チャンネルの複製など出来ない などなど レイヤーにするとこれらのことが全て出来るようになります。 3.「チャン

    Photoshopで人物の髪の毛を切り抜く|| Woops'dez | Bloggin'
    acotie
    acotie 2009/07/31
    超わかりやすいです!少しくらいphotoshop使えるように努力したい!
  • DeviantArt - Discover The Largest Online Art Gallery and Community

  • 一流のサイトデザインを一から作成する手順集 The 60 Best Photoshop Tutorials to Design Your Own Amazing Site |

  • PhotoshopでWeb2.0なロゴマークを作る方法 | VIVABlog

    Photoshopで、Web2.0系サイトでよくあるギザギザしたロゴマークを制作する方法がWeb 2.0 Badge Photoshop Tutorialに載っていたので作ってみたところ、簡単だったので日語で分かり易く解説します。 1.多角形ツールでマークを作る 新規ファイルを開いて、ツールバーから「多角形ツール」を選択。 多角形オプションで星形を選択。 辺の数はお好みで。 こんな感じになります。 2.枠と影を付ける レイヤー > レイヤーのスタイル > レイヤー効果を選択 境界線をチェック、カラーは#ffffff、サイズは5pxとか ドロップシャドウをチェック、画像を参考に設定。 枠と影がつきました。 3.グラデーションの設定 ツールバーから「グラデーションツール」を選択。 円形グラデーションにチェックして、グラデーションエディタを出す。 白から透明になるように設定します。 4.グラデ

    PhotoshopでWeb2.0なロゴマークを作る方法 | VIVABlog
  • Photoshopの使い方まとめ 103選 Harmonia!!

    ⊂(・∀・)⊃ のtipとかよばれる、いわゆるチュートリアルを集めてみました。はてなから引っ張ってきました。 個人的には「飛び出す写真」を簡単に作るPhotoshopチュートリアルを探していたんですが、ものはついでとノイズ除去作業をはじめてみましたが、ついでというには生ぬるい分量でした……甘く見てた…… ここまでがんばったんだからこれ以上は許してください。。。 予想をはるかに上回る量になったので続きからどうぞ。 Photoshopの具体的な使い方、テクニック 「飛び出す写真」を簡単に作るPhotoshopチュートリアル アルファベットを使ってロゴを作るときの10のTips 写真をアンディ・ウォーホールのポップアート風に加工する方法 写真からパターン化されたシルエットを作成する方法 Photoshopで写真をポップアート風にする方法 Photoshopで写真をスケッチ風に加工する方法 Pho

  • 1