『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
背景やアクセントにぴったりな美しいラインを描くPhotoshopのチュートリアルを紹介します。 壁紙素材:Energy flow background 以下、Photoshopのチュートリアルです。
対象読者 HTMLやJS(HTML5)の基礎知識があるユーザー アニメーションやインタラクティブコンテンツを作りたいユーザー 必要な環境 Windows 7以上、またはMac OS 10.6以上。 Adobe Creative Cloudに登録が必要ですが、バージョン1は無償メンバーシップでも利用することができます。 Adobe Edge Animateとは? Adobe Edge Animate(以下、Edge Animate)は、タイムラインを使って直感的にアニメーションやインタラクティブコンテンツを作ることができるツールです。 Adobe Creative Cloudに登録すると使えるツールです。なので、一見するとオマケのように見えますが、「アニメーションやインタラクティブコンテンツをHTML/CSS/JavaScript形式で出力してくれる」という、とても便利なツールです。 タイム
10 Photoshop Quick Tips to Improve Your Workflow 下記は各ポイントを意訳したものです。 1. レイヤースタイル パネルでの操作 2. 空の選択範囲の変形 3. 斜めの画像を水平にする 4. 画像に磨りガラスのようなパネルを設置 5. キレイな切り抜きを素早く 6. 瞳のカラーを変更 7. 画質に影響を与えないで照明のエフェクト 8. 作業確認用の新規ウインドウ 9. 画像からカラースウォッチを作成 10. レイヤースタイルをレイヤーの一部に適用 1. レイヤースタイル パネルでの操作 レイヤーパレットの下の「fx」ボタンをクリックすると開くレイヤースタイル パネルで、レイヤースタイルのアクティブ時に直接微調整ができます。 操作可能なスタイルは、4つです。 ドロップシャドウ グラデーションオーバーレイ サテン パターンオーバーレイ 4つのスタイ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
複数の画像のスクロールのタイミングをずらして表示するパララックスを簡単に実装できるjQueryのプラグインを紹介します。 jQuery.Smart3D デモページ [ad#ad-2] パララックスはそれぞれのタイミングをずらして視差効果を生み出し、奥行き感を出すものです。 上記デモでは背景と人物の画像2枚をそれぞれマウスに合わせてずらして表示しています。 使用画像 5枚の画像を使用したパララックス Smart3Dの実装 一番最初に紹介したデモの実装方法です。 HTML 各画像をリスト要素で配置します。 <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS スタイルシートでサイズを設定し、好みでborderなどのデザイン
複数の異なるエレメントを組み合わせて、複雑で繊細なテクスチャを作成するPhotoshopのチュートリアルを紹介します。 Textured backgrounds in Photoshop ※クリックで拡大 [ad#ad-2] 上記の繊細なテクスチャは複数のレイヤーに、異なるエレメントを組み合わせ、異なるレイヤーの不透明度とモードが使用されています。 Photoshopでのレイヤーの状態は下記のようになります。
簡単に出来るものからハイレベルなモノまで、煙を使ったカッコイイPhotoshopチュートリアル集のご紹介です。何かと参考になるものばかり揃っています。 Manipulate Smoke to Create Hyper-Real Images Abstract smoke art tutorial Smoke Type in Photoshop in 10 Steps 煙によってクールな演出が出来てますね。続きは元記事の「Magnificent Collection of Smoke Effect Photoshop Tutorials」から16パターンのフォトショップチュートリアルをご覧頂けます。 関連記事 シンプルで上質なウェブデザインの国内サイトまとめ シンプルで使い勝手がよさそうな25のフォームのPSD 煙を使ったカッコイイPhotoshopチュートリアル集 日本語で読めるPhoto
オーバーレイを使って、付加情報をアニメーションでかっこよく見せるjQueryのチュートリアルを紹介します。 jQueryといえば、先週末に1.4.3にバージョンアップしましたね。 Annotation Overlay Effect with jQuery デモページ [ad#ad-2] 実装 HTML HTMLはクリーンでシンプルです。元画像(image_wrap)とオーバーレイ画像(zoom_overlay)をdiv要素で内包します。 <div class="portfolio"> <div class="portfolio_item"> <div class="image_wrap"> <img src="images/website1
webdesignerdepotのエントリー『20 Beautiful Photoshop Montage Tutorials』から、Phoshopで写真合成をするチュートリアルをいくつかご紹介。 写真合成ですが、違和感なく綺麗に出来ています。 Surreal Photo Manipulation The Water Man Dark Surreal Montage 元記事は以下から、 ≫20 Beautiful Photoshop Montage Tutorials 【関連記事】 Photoshopを使用した、元の写真をまったく別のものにしてしまう、驚きの写真加工テクニック&チュートリアル 24時間で覚えるPhotoshopのコツとテクニック びっくりするほど凄い、Photoshopテキストエフェクトチュートリアル IllustratorとPhotoshopを一緒に使用したハイレベルなチ
Smashing Magazineのエントリー『40+ Cartoon Character Illustration Tutorials』から、キャラクターを描くチュートリアルをいくつか紹介します。 Photoshopチュートリアル Drawing Vector-Looking Cat Illustration Using Photoshop PAINTING TUTORIAL Illustratorチュートリアル How to Create a Cute Bunny Vector Character How to Illustrate a Cute Emo Kid 元記事は以下から、 ≫40+ Cartoon Character Illustration Tutorials 【関連記事】 高解像度のグランジ系Photoshopブラシあれこれ 木、葉っぱ、水、空などの自然がテーマのPhot
HONGKIATのエントリー『60+ Useful Photoshop Actions For Photo Enhancements』から、写真をより魅力的にできるPhotoshopアクションをいくつか紹介します。 Eye Color kalifbanane - cross coloring Vintage Photo Comics Photoshop action 元記事は以下から、 ≫60+ Useful Photoshop Actions For Photo Enhancements 【関連記事】 Photoshop使い必見!ブラシ、チュートリアル、パターンなど、マジで使えるPhotoshopリソース集 PhotoshopやIllustratorを使ってアイコンを作るチュートリアル集 動画だから分かりやすい、ワンランク上を目指すためのPhotoshopチュートリアル22 Photos
This is a collection of my favourite Photoshop text effects that look pretty sweet, I would recommend experimenting with these styles if your looking for some thing a little bit different. Candy Coated Text Smooth Glass Type Slow Shutter Effect The Original slow shutter tut is unavailiable but some one kindly uploaded it… Glassy Text Effect Text In Stitches Milk Typography Effect Create Destructiv
ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く