キーワード検索「Photoshop」
3270
ドットコム系情報サイト、百式の中の人のブログです。ライフハックやGTD、その他つらつらと興味深い情報を配信するブログです。次回イベントは10月16日！ October 3, 2008 2:34 PM written by Gen Taguchiさて次回イベントのお知らせをしておきます。日程だけですが。10月16日（木）、19:30～、都内近郊で行います。詳細はまだ詰めている最中ですが、マニアックで...
1182
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来...
832
Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。Photoshopテンプレートまずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れ...
692
仕事を続けながら勉強、制作をしよう 未経験からWebデザイナーになる場合、作品が求められる。未経験だからこそ、気合いをいれた作品を用意したい。そういう作品をつくるために、勉強をすることになる。Webデザイナーになる準備期間は個人差や目指すスキルにもよる。Illustrator、Photoshop、HTML、CSS、JavaScript（jQueryも含む）、WordPressベースでサイトが作れる...
667
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景を...
553
「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！
520
今回はウェブ制作者・デベロッパ向けに ウェブ上にある様々なチートシートをまとめてみました。 HTML5・CSS3・Wordpress・PHP・SEOから JavaScript・Apache・Perl・Photoshop・Gメールまで 各ジャンル・各言語のチートシートを色々集めました。
506
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory...
477
Webデザイン PhotoshopでのWeb制作効率を向上させる「JSX」とは Top diary Wednesday, April 4th, 2012 ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Phot...
433
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Ma...
341
まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション 2011年08月26日- Magic 3D Photoshop Action | Vandelay Design Blog まるで魔法のようだ(iPadのCM風）。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション。 ワンクリックで２Dの図形がピカピカ輝くMac OSのアイコンみたいになります。サイ...
321
Twitter Bootstrapをカスタマイズしたり、jQuery UI, jQuery Mobileで使ったり、PhotoshopやFireworkの素材として利用したり、WordPressのテーマなど、もっと活用す [...]
318
web屋さんのためのベストツイートのみをとりあげてまとめ。 私のツイッターをフォローしても、かなりのノイズ＝私の無意味で無駄な発言多いので、とりあえずお役に立てるツイートのみを抽出してみようという事で。 基準をリンクのクリック数として人気ランキングを作ると、私のブログへのリンククリック数が多いため、判断基準は私個人の観点からキュレートしてます。 というかべらぼうに多いです。最後数えてみたら51個取...
290
Home > まとめ > チュートリアルまとめ > Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（+サンプルPSD素材） Webサイトを制作するときにPhotoshopを利用するひとは多いのではないでしょうか。 海外デザインブログSix Revisionで、Photoshopを使ったウェブレイアウト用チュートリアルを25個まとめたエントリー「25 Excel...
270
CSS3でこんなクオリティのボタンが作れる！ みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの ようなエレメントが豊富にあります。 タイトルよく分からんですねｗ CSS3のグラデーションやbox-shadowなどを駆使して、今まではPhotoshopで作成していたかのよ...
244
いつもの同じようなデザインから離れて、新鮮でユニークなウェブデザインを生みだすために役立つ10のアイデアを紹介します。下記は各ポイントをピックアップして意訳したものです。カンバスはブランクから始めるPhotoshopで作業をはじめる時は、白ではなくブランクから始めるようにします。 白は白がある状態なので、何も無い真っさらな状態にします。用意されたレイアウトに頼らない960 Grid Systemな...
228
News Home > News > 保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ 保存版、iPhone等のモバイルGUIデザイン作成用Photoshop用PSDファイル60個まとめ 2011年4月26日 使っている方も多いであろうスマートフォンモバイル。2011年4月現在で携帯電話の新規契約数の半分以上がスマートフォンとなり、勢いは衰え...
178
Webサービス , ソフトウェア 本物そっくり！ ウェブブラウザで動くPhotoshopシミュレータ 2012.01.18 12:00 [0] [0] Tweet Check おお～これは...！ Visual IdiotのプログラマーがPhotoshopの動作をブラウザで完壁に再現するシミュレータを作りました！ 「FireFox起動するのも待つのもかったるくて」Chromeでしかテストしてないけ...
183
Webサイトやブログなどでよく見かけるデザインのひとつとして、コンテンツ、写真スライダーを利用しているケースがあります。 グラフィカルなデザインに動きを加えることで、より一層コンテンツにユーザーの目を惹くのではないでしょうか。 海外デザインブログDesignModoで、色々なスライダー素材をデザインしたPhotoshop用無料PSD素材を30個まとめたエントリー「Huge Collections ...
203
ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。 透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現し...
