実はあまり知られていない？Adobe公式の無料チュートリアル動画集
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない！なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ！昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト！ Adobe TVとは？ Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
かゆいところに手を届かせるPhotoshop小技3選｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、小林です。 今日は実務レベルでのPhotoshopの小技をご紹介したいと思います。 カンバスサイズの拡大・縮小に動じないために ランディングページ等では特にそうですが、カンバスサイズがどんどん大きくなることがあると思います。 背景をシェイプのパターンなどで作っている場合はそのたびに調整しなくてはいけません。 そんなめんどくさいことをしなくても済む方法が、「ベタ塗り」を活用する方法です。 手順は下記を御覧ください。 ベタ塗りレイヤーを作成したら、カラーを変更したり、パターンなどで背景を作成します。（今回は木目のパターンを使用） ↓ カンバスサイズを拡大するにはCtrl+Alt+Cで！ ↓ ベタ塗りはカンバスサイズに関係なく全体を覆ってくれるので便利です。 クリッピングマスクのウラワザ さくっとマスクがかえられて便利なクリッピングマスクですが、こんな謎な現象が起きることがあると思い
これはカワイイ！シームレスに使える緻密で繊細な柄のパターン素材 -Apricum.net
ダウンロードできる素材のフォーマットはPhotoshop用のPATで、シームレスに利用できます。色が春っぽくて、いいですね。 PATをPhotoshopで開くとこんな感じ 素材の利用にあたっては個人でも商用でも無料で、素材の再配布や販売は禁止、とのことです。 ダウンロードは、下記よりどうぞ。
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
Corner Editor
This Photoshop script can do everything that the Rounded Rectangle Radius Resizer script can, and a lot more! Round the corners of any polygonal shape Multiple corner styles Settings are saved to the Layer so they can be modified Smooth multiple sub-paths in the same layer Smooth only the selected sub-paths As with the Rounded Rectangle Radius Resizer script, you can also View the pixel radius of
かわいい柄の紙をスキャンして作成したシームレスなPhotoshopのパターン素材 -kissncontrol
背景などにシームレスに利用できる、紙をスキャンして作成したPhotoshopのパターン素材を紹介します。 ダウンロードできる素材は、Photoshop用のPATファイルと100x100のPNGです。 各素材には、30〜50種類の柄が含まれています。
CS6対応！Photoshopの作業効率をアップするショートカットをまとめたチートシート -PS CS6 Shortcuts
Photoshop CS6対応のツールとアクションのショートカットをまとめたチートシートを紹介します。 あと、Photoshopで作業する時に欠かせない、ツールやパネルの表示、選択ツール周りの便利なショートカットも。 PS CS6 Shortcuts チートシートの見方 グレーのテキスト ツールのショートカット ※入力モードを英字で ブルーのテキスト アクションのショートカット ※コマンドキーと一緒にキーを押す 作業効率をアップする便利なショートカット チートシートの下半分にある、ツールやパネルの表示、選択ツール周りの便利なショートカットです。 ツールの切替 shift + 各ツールのショートカット グループ内のツールの切替 選択 真ん中から選択 option + 選択(M) 選択範囲を加える shift 選択範囲を減らす option 交差範囲を選択 shift + option 選択範
Photoshop補正講座〜ヒストグラムとレベル補正とトーンカーブ〜 – from Editors | サストコ
こんにちは。唐揚げ大好き横地です。 先日、社内で「Photoshop補正講座」というのを開催しました。 メインコンテンツは「ヒストグラムの理解と、レベル補正とトーンカーブの使い方」でした。 先ず、レベル補正、トーンカーブに興味を持っている時点で初心者の域から一段昇っていると思いますが、これらを感覚でなく理論で使いこなせるようになるためには、ヒストグラムへの理解が必須です。 多くのPhotoshop本などで、ヒストグラムへの言及はありますが、これがそもそも何であるかを、きちんと理解できるよう説明しているものは少ない… 私自身は、そこを「ちゃんと」説明している本に出会ったことがありません。 たとえば、Photoshop Lightroomのヘルプでは、このように説明されています。 http://helpx.adobe.com/jp/lightroom/kb/6280.html ヒストグラムとは
これはヤバイ！Photoshopで目力アップ・ぷるるん唇・美肌補正する魔法のアクション -Skin Retouching
お肌のビフォー・アフター Skin Retouchingのインストール Skin Retouchingの使い方 Skin Retouchingのインストール サイトの下の方「Free Download」から「Skin - 5 Retouching Actions.zip」をダウンロードします。 5 Skin Retouching Photoshop Actions 「Skin - 5 Retouching Actions.zip」を解凍します。 Skin by SparkleStock.atn Photoshop用のアクションファイル Skin by SparkleStock.zxp Photoshop用のエクステンション Photoshopにインストールするには、.atn, .zxpのいずれかを使用します。 アクションファイルのインストール アクションファイルをインストールするには、Ph
CSS3で写真に光沢をつける方法 / ウェブデザインライブラリー
このミニチュートリアルではとても基本的な構造のHTML5を使います。 この効果を主にCSSを使って達成するため、記述は最小限にします。 従って、HTMLは可能な限り無駄が無く、 セマンティックなものにする必要があります。 ページ構造やラッパーを除いて、ここではIMGタグを記述した DIV要素（photoクラスを含む）を一つだけ使用します。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Glossy Gradient Effect</title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" />
Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog
生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…！ ファイルから「開く」でもいけます。今回はドラッグ＆ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、画像を編集する事よりも、シェイプを使って図形を描く事の方が多い気がします。Illustratorで描くのと違って、ピクセル具合も気にしながら描けるので、小さいアイコンなんかはPhotoshop上で作った方がきれいに描けたりします。それでいてパスなので、拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、もちろんIllustratorでも使い回せるし、いろいろ重宝ポイントがあるんです。 そんな万能シェイプの機能や特長について、個人的なまとめです。 ※この記事では、主にPhotoshop CS4を使っていますが、Photoshop CS6との違いも、分かる範囲で注釈入れてます。 ※OSはMac OS X 10.6 Snow Leopardを使ってますが、Mac OS X 10.8 Mountain Lionとの違いも、分か
How to Transform a Man to a Pretty Girl Using Photoshop
2013年3月25日 Photoshop 最近のPhotoshopはすごいですよね。物を何もなかったかのように消したり、ぽっこりお腹を自然にひっこめたり。今回はそんな魔法ツールPhotoshopで、男子をキラキラ女子に変身させてみようと思います！女性モデルにも使える技も多数紹介しているので、人物の補正をする時に参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 元画像はこちら ご協力してくださったのは、顔面広告などの個性的なサービスを立ちあげて活躍中の大川竜弥さん。写真素材を無料で配布しているサイト、PAKUTASOのモデルとしても大人気ですね！Web屋さんなら一度は大川さんの年収が低すぎて驚いている写真やこたつでだらけてる写真を見たことがあるのではないでしょうか？ そんな大川さんを素敵に変身させますよー！ちなみに使用したのはMac OS, Photoshop CS6です。
美しい半透明のパネルを簡単に作成できるPhotoshopのスタイルのまとめ
最近のトレンドのぼやけたブラーの背景に載せたり、美しい写真の背景にも映える半透明のパネルやテキストを簡単に作成できるPhotoshopのスタイルを紹介します。 素材はレイヤースタイル・aslファイルでダウンロードできます。
Photoshopで40分かかっていた作業が5分でできる「神速Photoshop」
結果が同じなら過程はどうでもいいというのは嘘で、むしろ結果が同じなら素早い方が良いわけです。作業のスピードを上げるというのはキーボードのタイピング速度を物理的に高速化したりすることではなく、「効率化」することで無駄を省き、よりスマートにすることによって「最小限の労力で最大限の成果を上げる」ことを可能にする技術を習得することであり、そういう点にフォーカスを絞り込んだ書籍が「神速Photoshop」です。 献本された実物のページをめくると最初に目に飛び込んでくるのがこの「神速デザイン 五カ条」。中身は「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」となっており、どれもこれもうなずけるものばかり。 「本書の使い方」のさらに下部を見てみると「本書の作例データは以下のURLからダウンロードできます
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
http://handywebdesign.net/2013/03/how-to-make-a-text-in-watercolors/
新着記事
Photoshop CS6ならInstagram風エフェクトが簡単にかけられる | ライフハッカー・ジャパン