『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も本当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPC系 UIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de
Home > フォトショップ講座 > テキスト > PhotoshopとIllustratorを使って、カリグラフィーに挑戦 PhotoshopとIllustratorを使って、カリグラフィーに挑戦 投稿日:2012年12月25日 レベル:初心者 ソフトウェア: このチュートリアルではPhotoshopとIllustratorを使って、カリグラフィーを作成する方法について紹介します。 Step1 : はじめに Step2 : スケッチのトレース Step3 : カラー・シャドウの調整 Step4 : 完成 カリグラフィーというのは、文字を美しく見せるための技法です。以前はペンやブラシ、羽などを使った伝統的な手法でしかできませんでしたが、今ではデジタルツールを用いてカリグラフィーを行うことができます。 このチュートリアルでは、PhotoshopとIllustratorを使って、デジ
手描き風のデザインで使える質感のあるボタンを簡単に作る方法。もちろん手描きするのもありですが、あとでサイズ調整できるようカスタムシェイプを使ってみました。簡単に1分くらいでできます。 ボタンのベースを作る まずはボタンのベース作りです。 カスタムシェイプ(ショートカット:U)で適当な大きさの形を作ります。 分かりづらくなったのですが、白の部分がキャンパスで茶色の部分がボタンです。 次にレイヤースタイルをあてていきます。 まずはテクスチャ。今回はぽよしさん(@poyosi)がブログで配布しているテクスチャ素材を利用させていただきました。 Webデザインで使えるフリーシームレステクスチャ100枚 | poyosicom レイヤースタイルのパターンオーバーレイを以下のように設定 これだけだとまだ外枠が直線でぱきっとしているので外枠を手描き風に調整します。 レイヤースタイルの光彩(内側)を以下のよ
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
ウェブページのメニュー、ボタンなどをはじめ、ボックス、スライダー、アイコン、背景パターン、リボン、バッジ、エフェクト、テンプレートなど、トータル2,000くらい?のPSD素材がダウンロードできるByPeopleを紹介します。 そんなに数多くダウンロードできないよ、って人も大丈夫! 全素材まとめてダウンロードできます。 ByPeople ダウンロードできる素材はほとんどがPSDで、モノによってはAIだったりします。 ダウンロードはページ下のメール欄にメールアドレスを入力して、ダウンロードボタンをクリックします。しばらくすると、ダウンロードのURLがメールに送られてきます。 素材の利用にあたっては個人でも商用でも無料、とのことです。 詳しくは、Use Licenseをご覧ください。 数多くありすぎる素材から、いくつか紹介します。 本当に、ごく一部です。
Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。 10 Simple Steps to Better Photoshop Performance はじめに もし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、パフォーマンスを改善するために再点検することを望むなら、ここで紹介する10のポイントをチェックしてみてください。 1. ヒストリーの数を調整 作業履歴を記録するヒストリーはRAMを肥大化させるため、できるだけ数を少なく設定します。 一つの目安として、RAMが2GB以下の場合はヒストリーを使用しない方が軽快に動作します。 [編集] - [環境設定] - [パフォーマンス]の「ヒストリー&キャッシュ」で設定を変更できます。 2. キャッシュレベルの数を調整 レイヤーの数が少なく高精細の画像の場合
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら(ダウンロードが開始されます): https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには? まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows:PhotoshopPre
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
Trevor Morris Scripts for CS6は以前紹介したツールのCS6対応版で、6/26にリリースしました。 以前の記事は「Photoshop CS5をもっと便利にする12のツール」です。 ツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。 Rename Layers アクティブなレイヤー全てをリネームします。 Sort Layers アクティブなレイヤー全てをアルファベット順にソートします。 Find Layer レイヤーの名前を検索します。 Hide All Layers 全てのレイヤーを非表示にします。 Sh
2013年3月25日 Photoshop 暗い場所や室内で取った写真はノイズが入りやすいですよね。画像を補正する際、意外とやっかいだったりします。Photoshopには「ノイズを軽減」機能もありますが、なんだかあまり変化がなかったり…。そんなノイズを簡単に軽減する方法をいくつか紹介します。ビフォー・アフターの差にびっくりしちゃうと思いますよ! ↑私が10年以上利用している会計ソフト! Neat Image Neat Imageは画像のノイズ除去を自動で行なってくれるソフトです。Windows、Mac、Linuxで利用でき、Photoshop用のプラグインも使うことができます。無料版と有料版があり、無料版では大きなサイズと商用利用は不可です。今回は無料版を試してみました!
はじめまして!新しくLIGのメンバーになりました、もりたです。 みなさんグラデーションは好きですか?私は大好きです!嬉しいことにCSS3のおかげで1ページの縦の長さを計算しなくても、下に行くにつれて色が変わるグラデーションを背景にできるようになりました! 嬉しさのあまり、縦長コンテンツのサンプル作ってみました。 Sample スムーズスクロールで色が変わっていくのが見えて、ミニマムデザインのサイトで効果的に使えたらかっこいいですよね。でもグラデーションだけで背景を作ろうとするとノッペリしてなんかかっこわるい…そんな経験はないでしょうか。うっかりすると懐かしのMacロゴみたいな派手なレインボーカラーになっちゃったり…。そこで、サンプルでも使った超簡単にグラデーション背景をグランジでかっこよくする小技をご紹介します。画像一枚用意するだけなので、なんかもの足りないなーと思ったときにすぐ使えますよ
Goodbyes aren't our thing, but exciting new tools are! 🙌 “Avocode” was sunset on October 1st, 2023 Here at Ceros, we're no good at goodbyes. But one thing we've always excelled at? Embracing new beginnings and creating awesome new solutions. That's why we're kicking off a new era of tools crafted just for you: This transition means we’ve bid a fond farewell to all products offered by the Avocode
2010年 05月 17日 psd、aiデータをエクスプローラーでサムネイル表示 -MysticThumbs- カテゴリ: PCツール Photoshop タグ:illustratorPhotoshop作成支援ツール http://mysticcoder.net/mysticthumbs.html PSD, TGA, DDS, TIFF, DNG*, PDF, AI, PS, EPSなどのデータをPC上で画像自体をサムネイル表示する事が出来るツールです。 対応OSはWindows 7, Vista and Windows XPで32bit用、64bit用それぞれのファイルがダウンロードできます。 これはかなり便利なツールですね。 使い方は、ダウンロードしたファイルをインストールするだけでOK。あとはエクスプローラーを起動して確認すればもうサムネイル表示で画像が確認出来るはずです。 ※追記
Premium Photoshop plugins to help extend your digital creativity. Vexus Photoshop plugins are hand-coded from scratch, to create unique functionality, without the need to download endless gigabytes of templates and files to collect digital dust on your computer. All our premium plugins allow for small file downloads and install, and give you the dynamic ability to create unique effects, whilst not
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く