『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/ef659683ffe8dfa5c23cdc524a257e1a2dd67262/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2016%2F02%2Frule-of-thirds-eyecatch.jpg)
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです! Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境(Win/Mac, CC 2015)で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
シームレスにしたい画像を探す まずはシームレスにしたい画像を用意しましょう!シームレスである必要がないとなると、探す段階から選択範囲がグッと広がるんですよねー! 今回はこの紙のテクスチャを使います! 私がよく素材探しでお世話になっているのは、たくさんのテクスチャを配布してくださっている「フリーテクスチャ素材館」。高画質のテクスチャ素材があるので助かっています。素材の中にはもともとシームレスのパターン素材もありますよ! 画像をPhotoshopでシームレスパターンにする シームレスにしたい場所を選んで正方形に切り抜き 画像の中からシームレスにしたい場所を選びます。テクスチャの中には陰影が濃いところと薄いところがあったりして色ムラがあるので、私はなるべく色あいが均等な場所を選んでいます。 今回は500pxのパターン素材を作りたいので、場所が決まったら「切り抜きツール」で画像を正方形に切り抜きま
PNGやJPGを超高速書き出し Photoshopは年々進化していてPhotoshop CC 2014からはアセットを抽出という機能が追加されてレイヤーを個別のファイルまたはレイヤーグループ全体をまとめて書き出すことが可能になった。 そしてPhotoshop CC 2015からはさらに便利な機能が追加された。それはクイック書き出しだ。 クイック書き出しとは その名の通り画像を即座に書き出すことができる機能。 しかし、この機能はデフォルトの設定だと画像を保存する場所を選択する画面が表示されてしまうし、ファイル形式も環境設定の書き出しから形式を1種類選択するようになっているため使い勝手が悪い。 そのため、より使いやすくするために環境設定の変更とアクションの追加が必要になる。 超高速書き出しの環境設定方法 まず環境設定の書き出しで「クイック書き出し形式」をPNGにして透明部分にチェックを入れる。
動画を準備する シネマグラフの完成度は動画のできにかかっています。主な条件は以下の3つです。 ネマグラフがうまくできる条件 1. カメラが固定されていること シャッターを押すちょっとしたブレでもつなげると気になったりするので、三脚&リモートシャッターなんかがあるといいと思います。 2. ループの繋ぎ目が気になりにくい動きであること 髪の毛のふわふわとか水がチョロチョロ流れる動きなど、動きが単純で短い時間でも成立するものが向いています。しかしこういった動きはすでによく使われていて、マンネリなのも事実ですね……。アイデアをひねり出すのが一番大変な作業かもしれません。 3. 動いてる部分の背景に動きがないこと 後で詳しく説明しますが、動画の上に静止画を置いて、動かしたい部分に穴を空けるというのがおおまかな手法なので、動かしたい部分以外にちょっとでも変化があると違和感が生まれます。 以上の点を踏ま
Photoshopにおけるシェイプの結合やレイヤーの整列・分布を、Illustratorの「パスファインダーパネル」と「整列・分布パネル」と同じ感覚で実行できるエクステンションパネルです。「整列・分布パネル」には、カンバスに対する整列機能もあります。 更新履歴 2.1.7:2020に対応(2019.11.13)2.1.5:CC 2019に対応(2018.11.1)2.1.4:CC 2018に対応(2018.7.18)2.1.3:CC 2017に対応/UIアピアランス変更(2017.6.24)2.1.0:英語・ドイツ語に対応/シェイプコンポーネントに対応/拡張ボタン追加/Adobe Add-onsに登録(2015.11.12)2.0.1:CC 2015に対応(2015.10.20)2.0.0:CC 2014に対応した新バージョン公開(2014.07.29)1.0.1:取り消しの挙動を改善(2
自分が普段からどちらかといえばデザインよりもコーディングなどの作業が多いので、中にはただのコーダー側の意見や愚痴っぽいのもあるかもしれませんが、Photoshopでデザインする際に見やすく綺麗なPSDにすることができると思うポイントや知っておくと便利だと思う機能をいくつかあげてみました。 最近だと特にレスポンシブが関連してIllustratorやSketchを使ってるという人も多いとは思いますが、デザイン制作時にPhotoshopを愛用しているという方は参考にしてみてください :) あくまで個人的に思ったことなので、バリバリのデザイナーさんとかで「もっとこうしたら良くなるよ!」とか「それはしない方が良いのに...」みたいな意見があればアドバイスやツッコミ大歓迎です。 ここで紹介している内容やキャプチャは「Adobe Photoshop CC 2017」を使用した想定のものになり、バージョン
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
カテゴリー CSS (53) Compass (2) Sass (1) Custom (8) Dojo (1) GoogleMap (23) HTML&XHTML (12) HTML5 (1) Information (19) Javascript (42) jQuery (9) Material (9) Memo (71) やる夫がデザイナーの作ったPSDにお怒りのようです (5) MooTools (62) Tutorial (6) Perl (1) PHP (37) CakePHP (2) OOPでBBS (7) Zend Framework (4) Template (29) 4BOX (8) 5BOX (5) 6BOX (4) Form (5) Menu (1) Web Site (6) wordpress (55) plugin (8) Reference (7) Theme
この花火の加工の方法は1枚1枚写真を足していって1枚の写真に仕上げています。下記のこのような写真を足していくと上記の画像のような写真になります。 --- では逆にこの写真の花火の部分を引いていくと、 と考えました。 実はこの「複数枚から同じ部分は残しておいて、違っている部分だけを消す」という処理方法はPhotoshopのある機能を使えば実現出来るのです。 ノイズはどの写真も微妙に違う花火が写っていない夜空の写真というのは、そんなに欲しいと思わないでしょう。特に必要性が無いのと、簡単に撮影できるからです。 そこで、「普段は写っているけど、写っていないと嬉しいもの」を考えたとき、自分が思いついたのはノイズでした。 都合が良かったのはどの写真のノイズも微妙に違う(ランダム)ということです。 風景はずっと動きませんが(同じ部分)、ノイズだけはバラバラです(違う部分)。つまり、風景が固定されてる写真
早いもので今年もあと1ヶ月で終わりですね。どうもこんにちはかわさきです。来月の諸々の忘年会が楽しみすぎて震えてます。正々堂々と美味しいものを飲み食いできるって最高ですね! さてさて、今回は「袋文字のつくり方」です。 袋文字ご存じですか?周りにフチをつけて装飾されたテキストのことですね。スポーツ新聞の見出しを想像して頂くとわかりやすいでしょうか? チラシ等で派手に見せたいとき、可読性を上げたいとき等に主に利用されます。 袋文字のつくり方というと… 「太古の昔、袋文字は同じテキストをピッタリ重ねて、下のテキストに線でフチを、上のテキストに塗りを設定して作られておったんじゃぁ…」 …という古参の皆さんの声が聞こえてきそうですが、実際私がDTPの仕事を始めたばかりの頃、先輩には上記の方法を教えてもらいました。(年がバレそう…) こういうやり方ですね。 この方法最大のデメリットはテキストに変更が発生
※【「滲み」が描ける水彩ブラシの作り方】の手法につきましてのお詫び 当記事にてご紹介しております手法は、他サイトに掲載されている手法を基に設定数値をアレンジ、ナビゲートしたもので、参考記事としてのご紹介並びにURLを明記をしておらず、執筆者の方及び読者の皆様には多大なるご迷惑をお掛けいたしました。ここにお詫び申し上げ、参考記事としてご紹介させていただきます。 ▼参考記事 【フォトショ】水彩風テクスチャをつくる【講座】 ********************************************************** こんにちは!イラストレーターのあんみです。 私は趣味で水彩画を描いているのですが、描く度に絵の具やパレット、バケツなど色々な道具の準備と片付けがちょっと面倒だと思うことがあります(・・;) そんなときデジタルで水彩画が描けたら楽ですよね・・・! こちらのイラス
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。
配色に悩んだ時の参考にしたい!最近の人気があるカラーをおさめたPhotoshop/Illustrator用のスウォッチ素材のまとめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く