PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーションなんかもつけつつ プラグインのボタンをクリックで出力。そのまんま。 画像じゃないから軽いという点もポイントですね 関連エントリ CSS3でシャレオツなリストを作るチュートリアル アニメーションするバナーをCSS3で作るチュートリアル CSS3で出来たクールなLightBox実装チュートリアル CSS3で描かれたシェイプのサンプル集
Photoshopのドロップシャドウの使い方をマスターするチュートリアル
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
Adobe Photoshop CS4 * パノラマ画像の作成
「Photomerge™」コマンドは、複数の写真を連続した 1 つの画像に結合できます。例えば、背景が少しずつ重なるように町並みの写真を 5 枚撮影し、それらを組み合わせてパノラマを作成することができます。「Photomerge」コマンドは、横に並んだ写真も縦に並んだ写真も合成することができます。 Photomerge コンポジションを作成するには、ファイル／自動処理／Photomerge を選択し、ソースファイルを選択して、レイアウトおよび描画オプションを指定します。選択するオプションは、パノラマの撮影方法によって異なります。例えば、360 度パノラマの画像を撮影した場合、「球面法」レイアウトオプションが推奨されます。このオプションを選択すると、画像が球面内部にマッピングされたような形でつなぎ合わされ、360 度パノラマの表示がシミュレーションされます。 Photomerge の使用に関
画像編集する際に、RGBばかりでなく色相・彩度・明度（H/S/L）も意識していますか？ | ライフハッカー・ジャパン
かれこれ10年以上画像編集ソフトを使っている人でも、色相（H）・彩度（S）・明度（L）が何なのかよく分かっていない人は多いのではないでしょうか？ RGBスライダは動かしても、このH/S/Lについて知らない人は多いはず。 でもそんな状態にはもうおさらばです。「Digital Inspiration」に、これらのことが簡単に分かる説明がありました。 Digital Inspirationの「Tech Museum」には、以下のような説明があります。 色相は、熟したバナナとそこまで熟していないバナナの違いを明確にするために使います。彩度は、自分のチョコレートミルクのグラスと友だちのチョコレートミルクのグラスの違いを明確にするのに役に立つでしょう。明度は、パンとトースト（特にこんがり焼けたトースト）の違いを明確にするのに使えます。 この説明だけではいまいち分からないかもしれませんが、記事冒頭のビデ
Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろ
色んな Webサイトを見ていると、1px にこだわって作られたキレイなデザインがたくさんあります。私は Photoshop を使っているので、Photoshop のレイヤースタイルを使って、1px の細かい所を作る Tips をまとめてみました。基本的な操作ばかりなので、これから Photoshop で Webデザインをやってみたいなーという人向けの記事です。 色んな素敵なデザインの Webサイトを観察していると、1px の細かいところまでこだわって作られてるデザインってとても多いですよね。1px … Webデザインでは一番小さいサイズ。「神は細部に宿る」という言葉もあるけれど、1px までしっかり作られたグラフィックはとても美しいですね！ 今回は Photoshop を使って、いろんな 1px を作ってみました。とは言っても難しいグラフィックデザインを作るわけではなくて、レイヤースタイル
25分でわかるPhotoshopの基本機能（初級編） | ライフハッカー・ジャパン
Photoshop持ってないんだけど...という方は、ひとまずトライアル版（30日の期限つき）をダウンロードしましょう。Photoshop買うお金なんてないよ！ という方でも、ここで紹介する機能は、Photoshop以外の画像編集ソフトでも使えるものが多いので、参考にしてみてください。 ■ツールバー すべてのツールは紹介しませんが、なるべく多くをカバーします。まずは、写真を探して、さっそく編集してみましょう。 移動ツール（キーボード：V） キャンバス上のどこかをクリックし、ドラッグすると、レイヤーを移動できます。 マーキー（キーボード：M） キャンバス上の一部分を特定の形で選択できます。デフォルトでは長方形（シフトを押しながら行うと正方形に）となっていますが、形は円などにも変更可能です。 ラッソ（キーボード：L） 手動で領域を選択できます。点を打っていくことで、その点を角とした図形の形で選
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：
Photoshop CS4 フリックパン
Photoshop CS4では、手のひらツールでドラッグすると、するする〜と流れるようにドラッグするフリックパンという機能がつきました。 Photoshop CS4：フリックパン（手のひらツールでドラッグすると、するする〜っとなる機能） from swwwwitch on Vimeo. これまでに5人以上の方から、アレ（フリックパン）ははずせないんですかね〜と（ため息混じりに）相談を受けました。 iPhoneっぽいフリックですが、従来の操作方法で作業するとスクロールしすぎてしまうということですよね。同感です。 環境設定の［一般］カテゴリで［フリックパンを有効にする］のチェックをはずせばオフになりますよ。アニメーションズームも同様です。 ちなみに、この検証を行っているとき、誤って⌘+Nキーを押したら、環境設定で次のカテゴリ（［一般］から［インターフェイス］）が表示されました。調べてみたら、こ
【Photoshop】写真を簡単に絵画のようにするチュートリアル | バシャログ。
今回紹介するのは、4 ステップで簡単に写真を絵画のようにできる Photoshop チュートリアルです。 STEP 1 まず写真を一枚用意します。 STEP 2 メニューの [イメージ] → [色調補正] → [シャドウ・ハイライト] シャドウを 100％ にします。 STEP 3 次に [フィルタ] → [表現手法] → [輪郭検出]を選択します。 STEP 4 [編集] → [フェード]を選択。描画モードを「輝度」にし「不透明度」を微調整します。 コレで完成です。たった 4 ステップで簡単にできるので興味のある方は是非お試しあれ。 参照サイト http://www.photoshopcafe.com/tutorials/sketch/sketch.htm
Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン！ 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日本でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年：魔女の恋愛 2015年：彼女はキレイだった 2016年： 花郎＜ファラン＞ 2017年：サム、マイウェイ～恋の一発逆転！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
チュートリアル アーカイブ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP