2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!
![【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを](https://cdn-ak-scissors.b.st-hatena.com/image/square/aaa3cff9c0e49ff42aad658a9f00984329392019/height=288;version=1;width=512/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2011%2F08%2Fps.jpg)
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!
レトロ、ビンテージデザインでよく見かける豪華な飾り、オーナメントを利用したロゴデザイン。 そんな高品質なロゴを簡単に作成することができるベクター素材キットが公開されていたのでご紹介。 「ビンテージ風オーナメントロゴ」を作成することだけを目的にデザインされたベクター素材をまとめたセット「Vectorian」は、それぞれのパーツを組み合わせることでデザイン性の高いロゴを直感的にデザインすることができるようになっています。 詳細は以下から。 無料バージョンと有料バージョンに分かれていますが、無料バージョンにも85種類のオーナメントデザイン、30種類のボーダーデザインが収録されています。 以下は収録されているベクター素材のサンプルとなります、一部有料アイテムも含まれています。 オーナメント素材サンプル オーナメント素材サンプル2 – オーナメント素材サンプル3 上記のオーナメント素材を組み合わせた
先日、@fladdict さんの「500枚ぐらい同じ写真とって全画素でピクセルの最頻出の値を採用したら、街の写真とって移動する人物全部自動で消すとかできるのかなぁ・・・とか。」と言うTweetに反応して、Photoshopで出来る事をお返事したところRTして頂いたのが物凄い数ふぁぼられて思わぬ反響だったので、実際に素材を撮ってデモってみました。 ちなみに多くの皆さんはご存知だとおもいますが @fladdict こと深津貴之さんは、TiltShift GeneratorやToyCameraなど作っておられる日本で最も有名なiPhone・iOSアプリ制作者のひとりです。 さて、まずは素材に使う写真が必要なので人が多い雑踏に行こうと。東京なら渋谷のハチ公前とか、大阪なら駅前の歩道橋とかぱっと思いつきますが田舎なのでなかなかいい場所が思いつきません。まぁ世界遺産姫路城であれば平成の大修理真っ只中と
Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意
撮影した画像にPhotoshopなどを使用して加工を施すという人は少なくないと思われますが、Photoshopを本気で使い倒せば元の画像からかなりかけ離れた画像を作り出すことも可能です。 k6Lck.jpg (JPEG 画像, 460x3678 px) - 表示倍率 (16%) 1: 黒いドレスを着た美女が、かなり未来っぽいサイバーな女子に。 2: 「自分で自分を彫っている彫刻」に生まれ変わった、野性的な水着を着た女性。 3: 露出度の高い水着を着た女性が、対戦格闘ゲーム「鉄拳」に登場するジュリア・チャンのようなネイティブ・アメリカンスタイルに。 4: 女性の背後から男性が手を絡ませている妖艶な写真も、加工後には一気に絵画っぽい雰囲気になりました。 5: ファッションモデル風の写真が、漫画「銃夢」に出てきそうなサイボーグボディへとチェンジ。 6: 何やらゴージャスな胸像へと生まれ変わったノ
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、1つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル25 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
せっかく Lightroom を買った ので、Lightroom に詳しくなろう、と思って Lightroom SDK を触ってみました。Lightroom では Lua でプラグインを書くことができます。Lua は C 言語に組み込んで使うのが簡単なようで、Wireshark やいくつかのオンラインゲームなどに組み込まれているようです。また、Lightroom はプラグインだけでなく、本体の開発も Lua で行われているようです。興味深いですね。例えばAdobeの画像処理ソフトウェア「Lightroom」では、40%に相当する部分がLuaで記述されているという。[Think IT] 第2回:言語開発者が目標にするパフォーマンス「Lua」 (1/3)さっそくプラグインを作ってみたさて、その Lua を使ったらどんなことができるのか調べるために、簡単にコードを eval できるプラグインを作
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
Free Floral Photoshop Brushes | Professional photo gallery | Create and buy flash xml photo gallery 女性向けサイト等に使えそうなイラスト風の花・植物のPhotoshopブラシ集が色々まとまったエントリのご紹介です。 サイトに使うことでサイトがオシャレになったりしそうです。 これは絶対に使えそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ 100以上のクールなPhotoShop用ブラシがダウンロードできる「getbrushes.com」 動物に関するPhotoshopブラシ色々 クリエイティブでカッコいいPhotoshopブラシセット50
写真を細かく補正しようと思ったら面倒かもしれませんが、「超簡単」で「すばやく」補正できる『Photoshop』のテクがありました。その画像補正テクには、Photoshopに限らず画像編集ソフトによくある「ハイパスフィルタ」を使います。冒頭のデモビデオを見るといかに簡単かが分かっていただけると思います。 手順は以下の通りです。 詳しくは記事冒頭の動画を参照してください。 補正したい写真をPhotoshopで開き、写真のレイヤー(ふつうは背景レイヤー)を複製します。そして、複製したレイヤーの名前を付けます。今回は「ハイパスレイヤー」としています。 「フィルタ > その他 > ハイパス...」を選びます。 半径を5.0ピクセルに設定し(もちろんお好きな数値で構いません)、OKをクリック。 レイヤーのモードで「オーバーレイ」、「ハードライト」、「ビビッドライト」の中から選びます。モード間の違いは分
30 Superb Photoshop Web Layout Tutorials | Top Design Magazine - Web Design and Digital Content プロレベルのWEBサイトレイアウト作成チュートリアル30。 過去に紹介したものも含まれていますが、比較的新しいチュートリアルもあったのでご紹介。 次のような美しいレイアウトのチュートリアル集となっています。 学習資料なんかに活用させていただきましょう。 関連エントリ チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集80
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く