ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ
ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techniques To Help You Master the Pen Tool 元記事のライセンスに基づいて意訳しました。 ペンツールの種類 ペンツールの役割 ベジェ曲線を思い通りに描くための2つのこつ ペンツールの種類 IllustratorやPhotoshopのペンツールは、アンカーポイントやベジェ曲線を作ったり、追加したり、削除したり、微調整することができます。これらのオプションは、ショートカッ
細かすぎて伝わらないアンチエイリアスの話
はじめまして、デザイナーの越後です。 webフォント全盛の昨今ですが、まだまだ文字を画像化する機会も多く 画像で文字を扱うにしても、くっきりはっきり、意図した形でデザインがしたいものです。 そこで今回は「細かすぎて伝わらないアンチエイリアス」と題して、 少しマニアックなphotoshopでのフォント調整についてお話したいと思います。 おさらい：photoshopのアンチエイリアスについては、基本的には５種類 Photoshop上で文字を扱う際には、指定出来るアンチエイリアスは、 なし / シャープ / 鮮明 / 強く / 滑らかに の５種類です。 「なし」に関してはアンチエイリアスがかかっていないので、 文字のままのドットで表示されますが、 他の４つに関しては シャープ：文字が太い / くっきり 鮮明：文字が細い / くっきり 強く：文字が太い / なめらか 滑らかに：文字が細い / なめ
CMYK変換にGIMP？？なんて超絶面倒くさいことを…今どきのPhotoshopレスCMYK分解はこれ！フリーウェア！
CMYK変換にGIMP？？なんて超絶面倒くさいことを…今どきのPhotoshopレスCMYK分解はこれ！フリーウェア！ というわけでタイムリーにCMYK変換で阿鼻叫喚な時期なので、少しでも負担を減らしてゆっくり寝ましょう。 GIMP+プラグイン導入して「分版」して…ってそれで入稿画像全部やるの？？ ものすごく面倒くさくないですか…？GIMP導入してプラグイン入れて、「分版」してごにょごにょして あなたそれ、マゾいですよ。 もっと簡単にやってしまいましょう。そして寝ましょう。体力温存。 Winの場合 @yamma_ma さん作成のColon : やんま まのblog（仮）を使ってみませんか。ドラッグ＆ドロップして書き出すだけ、Photoshopにも搭載されているAdobeCMMでCMYKに変換できます。 ▼作者によるインストール方法解説動画 むちゃくちゃ簡単ですね… ちなみに @yamma_
PhotoshopとSAIの作業スピードが格段に上がる、便利なショートカットまとめ ｜ お絵かき速報！萌え絵上達法
PhotoshopやSAIを効率良く操作するための機能「ショートカット」。 「Ctrl+Alt＋Z」で戻る、「B」でブラシ、「E」で消しゴムと、ここら辺は誰もが使う キーボードショートカットだと思います。 今回は、覚えておくと作業スピードが数倍アップする、便利なショートカットキーとその使い道を紹介します。 ツールボックスやメニューバーをいちいちクリックしながら絵を描いている人は損してますよ！ ［便利度S］ これがないと始まらない、というレベルで便利 【1段階戻る／元に戻す】 Ctrl＋Alt＋Z（Photoshop） Ctrl＋Z（SAI） 1つ前の工程に戻る機能。 綺麗な線が引けるまで何回でもやり直せる、とても便利な機能。 アナログで絵を描くときに欲しい機能ベスト１。 【1段階進む／やり直し】 Shift＋Ctrl＋Z（Photoshop） Ctrl＋Y（SAI） 「1段階戻る」や「ヒス
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを
写真が動きだす！？Photoshopで簡単にできるシネマグラフの作成方法
シネマグラフというのはGIF画像で作られた「一部分だけが動く写真」の名称となっています。 まずは説明するよりも実際に見て頂きましょう。 このように画像の一部分だけが動くという 不思議な写真を創り出すことができるのですが このシネマグラフ、意外と簡単に作ることが可能で WindowsでもMacでも今すぐに作成することが可能です。 ちなみに以下はウチの猫で作ってみたシネマグラフです。 今回はシネマグラフの作り方を写真を交えて紹介しますので、興味のある方は以下のステップで作ってみましょう！ シネマグラフの作り方まとめ １，Photoshop CS5 Extendedを用意します。 体験版で作れるので体験版をダウンロードすればOK！ ２，動画を用意します。 今回は「流れ続ける水を猫がずっと見ている」という写真を作るため、 実家の猫を使ってキッチンで動画を撮影してみました。 ３，撮影した動画を先ほど
写真画像をかっこいいモノクロにするPhotoshopのテクニック集 | コリス
Photoshop, Photoshop Elementsを使用してカラーの写真画像をモノクロにするテクニックはさまざまなものがあります。その代表的なテクニックとそれぞれの利点・欠点を紹介します。 元にした画像：Chase the sun 下記は各ポイントを意訳したものです。 はじめに 1. 調整レイヤー：白黒 2. モード：グレースケール 3. 調整レイヤー：色相・彩度 4. モード：Labカラー 5. 調整レイヤー：グラデーションマップ 6. 調整レイヤー：チャンネルミキサー 7. Photoshop Elements：モノクロバリエーション 8. 調整レイヤー：色相・彩度x2 9. 調整レイヤー：白黒（カラースライダー） はじめに モノクロの写真は、ファッション雑誌をはじめ、Flickrのようなソーシャルウェブサイトでも非常に人気の高いジャンルです。デジタルが到来したことで、一つ重要
Photoshop初心者さんが写真のレタッチ（色調補正）などをするために覚えたい機能
私は毎日使っている Adobe Photoshopですが、まだまだ使いこなせてません ...。 初心者だったころは今以上に分からないことだらけでした。 今回はとても長い記事になってしまいましたが、初心者だった頃分かりにくかったなーと思った Photoshop の機能についてまとめてみました。 私が Web制作をするときに、いつもお世話になってるのが Adobe Photoshop。Photoshop は Webデザイナーでなくても、DTP デザイナーさんやカメラマンさんなど、職種を問わずいろんな所で使われていますよね。もちろん仕事で使っていないけれど、趣味のことに Photoshop を使っている … という人もたくさんいると思います。 Photoshop はとっても高機能でいろんな機能がついていて、分からないことだらけ …。難しい用語もあったりして、取っ付きにくいなーと思ってる人も多いは
スタジオグラフィックス プロが教える デジタルカメラの撮影＆レタッチテクニック
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
画像にできる濃淡の縞「バンディング」をおさえる方法
画像の滑らかなグラデーションに現れる濃淡の縞「バンディング」をおさえる方法をFringe Focusから紹介します。 左：通常、右：バンディング 右側の画像では空の滑らかなグラデーション箇所にバンディングがおきています。これは圧縮した際に色の数を制限することで発生させたものです。 人の目は高いコントラストのエリアを見ると、微妙な明るさの変化を認識しにくいため、この写真では建物のセクションでうまく働いています。ここでのカラーは「少し明るい青」から「少しそれほど明るくない青」を使用しています。 この画像の圧縮というのは、バンディングの要因となります。 画像を構成しているピクセルの一つ一つは、それぞれの周りのピクセルと混ざり合うことはなく、それ自身が小さい正方形のピクセルです。ピクセルは我々の目からみると、あまりにも過度に小さいものです。ここで取り上げる方法はそれよりもっと大きいグループでカラー
大量の画像をサクサク処理するためのエントリまとめ
大量の画像を書き出す場面に遭遇して( ꒪⌓꒪)ってなるのはWEB屋の宿命のようなものですが そんな書き出しを一瞬でもはやくやっつけたい。 むしろやりたくない。なにもかも機械に任せたい。 機械がやってくれてる間にはとサブレ食いながら優雅にFaceBookをたしなみたい。 そんなめんどくさ効率を追求するために調べたまとめです。 なにかお役に立つものがみつかればうれしいです。 書き出しをとにかく速くしたい スライスチップ作成パレット スライスチップ作成パネル-CS4用 | Dearps スライスがFireworksみたいになるエクステンション。ほんとうに助かってます。 ワンクリックでスライスができるのでガイドつくってちまちまやるより数倍速いです。 Flash Helper Scripts Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワ
Photoshopでグラデーションの汚い縞模様をなくして綺麗にする超簡単な方法
下の画像は、左：適用前のグラデーション（ディザ有り）、右：適用後のグラデーションです。 適用前にはグラデーションにバンディングの縞模様があり汚いですが、適用後のものは縞模様がなくなり綺麗なグラデーションとなっています。 Photoshop Tip: Spatter [ad#ad-2] 上記で紹介されているのは非常に簡単な方法で、Photoshopのはねフィルターを使用します。 メニューバーの[フィルター]-[ブラシストローク]-[はね]を選択します。
【レビュー】GIMPでフォトから特定のオブジェクトだけを自然に消し去る方法 | エンタープライズ | マイコミジャーナル
The GNU Image Manipulation Program Photoshop CS5が提供している便利な機能のひとつに「Content-Aware Fill」と呼ばれるものがある。これは選択した対象を画像から消し去るためのものなのだが、その消し方がすごい。まるで、最初からそこにそれはなかったかのようにまわりの風景を加味した消し方をする。デジカメで撮った写真を使いたいとしても、邪魔なオブジェクトが写っているため使えないとか、わざわざピクセル単位で編集をかけて特定のオブジェクトを消し去った経験があるWebデザイナは少なくないだろう。Photoshopの「Content-Aware Fill」を使うと、それが簡単に完了する。 同様の機能はGIMPにも用意されている。デフォルトの機能ではなく、プラグインで追加する機能だ。「Resynthesizer」と呼ばれる機能で、Ubuntuであれ
ディスプレイの調整
ディスプレイは、製品ごとに色の再現性が異なります。 機種が違うと、もちろん色も異なるのですが、同じ機種でも 個体差があったりします。 もっと端的には、みなさんがお使い のディスプレイも、 使用年数が経つに従って、性能が劣化するため 購入当時とは、 色の再現性が異なってきていることでしょう。 ディスプレイの表示品質に整えることを、ディスプレイの キャリブレーションと言います。 キャリブレーションは、コンピュータで画像を扱う上で、 まず最初にすべき大切なことです。 せっかく、綺麗に取り込んだ 写真を、他のディスプレイでみたら、がっかり！ なんてことのないように しっかりとキャリブレーションを行いましょう！ また、ディスプレイとプリンタのカラーマッチングを行うためには、 できるだけ正確に キャリブレーションを行って できるだけ 正確なICCプロファイルを作成することが重要になります。 Photo
case:MobileDesign! モバイルサイトのデザイン紹介ブログ
case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhotoshopやIllustratorの最近気になったチュートリアルのまとめ
画像を拡大してもできるだけ画質を下げないPhotoshopの3つのTips | ライフハッカー・ジャパン
ピントがズレた写真をクッキリさせる簡単な画像補正テク（動画あり） | ライフハッカー・ジャパン
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
MdN Design｜総合情報サイト
