タグ

ブックマーク / blog.creamu.com (36)

  • 知っておきたいillustratorのチュートリアル40 – creamu

    illustratorのスキルを上げたい。 そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。 いい感じのものが揃っているので、いくつかご紹介しますね。 How to Create a Gearbox Settings Icon Using Simple Shapes シンプルなシェイプを使って、ギアの形をした設定アイコンを作るチュートリアル How to Create an Abstract Vector Design in Illustrator 美しい抽象的なデザインは、シンプルな形から作られる。いくつかの形と透明度に変化を持たせたサンプルの作り方 How to Create an Open Book with Illustrator’s

  • マウスオーバーするとスライド式で現れるナビゲーション | CREAMU

    Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。 ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。 デモは以下から。手書きのデザインでなかなか斬新なものになっています。 View demo ソースのダウンロードもできるので、一度見てみてください。 Beautiful Slide Out Navigation: A CSS and jQuery Tutorial いろいろとプレゼント。喜んでくれてよかった。

    ykazu323
    ykazu323 2009/12/10
  • 立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+ – creamu

    これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How to make a cool button How to Create a Glassy Button or Enamel Badge Effect in Photoshop Photoshop tutorial website pill button icon design in photoshop How to Create a Slick and Clean Button in Photoshop 参考になるチュートリアルがそろっていますね。 その他のリストは以下からどうぞ。 » 40+ Best Photosho

  • DTPデザインのチュートリアルまとめ – creamu

    Smashing Magazineで、DTPデザインのチュートリアルがまとまっています。 いくつかご紹介しますね。 » プリントできる名刺の作成(Photoshop) ・CMYKのドキュメントをPhotoshopで作成。裁ち落とし ・背景をかっこよくするためにテクスチャを使用 ・多角形選択ツールでカスタムシェイプを作成 » 雑誌のカバーデザイン(inDesign) ・inDesignで時間節約のため、 オブジェクトサイズの調整 / フレームに均等に流し込む を使用して写真をめいいっぱいに使う ・ペンツールでカスタムシェイプを作成 » 10のステップで超クールなレトロポスターを作成(Photoshop) ・illustratorでカスタムのファイルを作成 ・アートワークに深みを与えるためにテクスチャを使用 » メタリックを使った5色の雑誌カバーデザイン(Photoshop,illustrat

    ykazu323
    ykazu323 2009/10/03
  • illustratorで抽象的なベクターアートを描くチュートリアル – creamu

    WebDesignerWallで、illustratorで抽象的なベクターアートを描くチュートリアルが紹介されています。 レクタングルのボックスを、ワープツールやうねりツールを使って歪ませたり、円形のグラデーションを描いて組み合わせることでベクターアートを作る方法が詳しく解説されていますね。 見ているだけでも楽しくなるし、とてもわかりやすいのでぜひご覧ください♪ » Illustrator: Abstract Vector Art 京都のおみやげをゲット。押し寿司ばりうまい。

  • 素晴らしいjQueryチュートリアル集 – creamu

    AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

  • PHPで確認メール付きのユーザー登録フォームを作るチュートリアル – creamu

    nettuts+で、PHPで確認メール付きのユーザー登録フォームを作るチュートリアルが紹介されています。 仮登録後、確認メールが送られてきて、URLをクリック後に登録となるシステムですね。 DBの設計も書かれていて、登録ユーザーに対してはactiveフラグを用意して、0と1で切り替えているようですね。 ソースが配布されているので、ぜひ見てみてはいかがでしょうか? » How to Code a Signup Form with Email Confirmation iPhone 3GSが快適すぎる。カレンダーをGoogleカレンダーと同期して使いまくり。

    ykazu323
    ykazu323 2009/09/24
  • 無料でダウンロードできるPSDファイル50+ – creamu

    DESIGNRFIXというサイトで、無料でダウンロードできるPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はiMac。 Mighty Mouse iPod nano 5G Pencil PSD rubber stamp icon きちんとレイヤーに分かれているので、デザインの参考になると思います。 その他のリストは以下からどうぞ♪ » Free PSD Files: Collection of 50+ psd files from around the web カフェでまったり、と。連休ももう終わりですね〜。レッドクリフ Part2めちゃおもろかったです。それにしても周瑜のは綺麗すぎますね。

  • Webデザイナーのための美しいjQueryプラグイン22 – creamu

    Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

  • ちょっと新しいWebデザイン30 – creamu

    nettuts+で、ちょっと新しいWebデザインが紹介されています。 ざっといくつかご紹介。 ↑はVyniknite。 Chris Jennings Motty Fred Maya Serj その他のリストは以下からどうぞ。 » 30 Exceptional Web Designs テンションが上がったのでちょい制作中。明日くらいにお知らせしようかな。

  • シンプルなjQueryチュートリアルTOP12 – creamu

    WebAir blogというブログで、シンプルなjQueryチュートリアルが紹介されています。 ざっとご紹介。 » Amazing Music Player Using Mouse Gestures and Hotkeys XHTMLとjQueryで実装されたミュージックプレーヤー。マウスジェスチャーとホットキーで動作する » FancyBox lightbox系のクールなエフェクト。MITライセンス » Jcrop 画像をトリミングする機能を追加できるjQueryプラグイン » Table Row Checkbox Toggle テーブルの行をクリックすることでチェックボックスにチェックを入れてくれる » AJAX Upload ページ遷移なしのAjaxファイルアップローダー » Scrollable jQueryで実装するクールなスクロールコンテンツ。HTMLを中に含むことができ、水平

  • FlashとAction Script3.0のチュートリアル30 – creamu

    noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C

  • かっこいい背景を作るためのガイド60+ – creamu

    noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。

  • 使えるPhotoshopチュートリアル&Tips21 – creamu

    「Six Revisions」で、使えるPhotoshopチュートリアル&Tipsがたくさん紹介されています。 ざっといくつかご紹介。 » 6 Photoshop Tips and Tricks That You Probably Don’t Know About あなたがおそらくまだ知らないPhotoshopのTipsやテクニック6選 » How to choose the right image format? web上の様々なケースに合わせてBMP,GIF,JPG,PNGといったファイルフォーマットを適切に選択する方法 » The hidden power of Photoshop brush tool ブラシツールの便利な使い方を紹介 » 10 Photoshop Techniques You Can’t Work Without 知っておきたいPhotoshopのテクニック10選

  • 素晴らしいWebの素材&チュートリアル45選 – creamu

    サイト制作に役立つチュートリアルや素材を探している。 そんなときにおすすめなのが、『45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of The Web In January』。素晴らしいWebの素材&チュートリアル45選だ。 以下にいくつかご紹介。 ↑のキャプチャは刺激的な3Dタイポグラフィー70個 アーティスティックなサイト25個 実用的でクリエイティブなjQueryの使い方20 デザインテンプレート&PSDファイル45個 フリーのXHTML/CSSテンプレート38個 その他のリストは以下から。 » 45 Must-See Incredible Resources And Inspirational Collection To Discover The Best Of

  • 見ておきたい背景&パターン素材サイト36選 – creamu

    背景やパターン素材を探している。 そんなときにおすすめなのが、『36 Must Have Backgrounds and Patterns Resources for all Designers』。見ておきたい背景&パターン素材サイト36選だ。 » Barracuda Backgrounds » HYBRID GENESIS » PixelDécor! » Shizoo » ava7 Patterns(↑のキャプチャはこのサイト) その他のリストは以下から。 » 36 Must Have Backgrounds and Patterns Resources for all Designers 見ておきたい背景&パターン素材サイト、ぜひチェックしていただきたい。 さくさくといろいろ片付けたが早速時間がない。。

  • 光をうまく使ったサイトデザイン25選 – creamu

    光や輝きのあるインターフェースデザインがしたい。 そんなときに参考になるなのが、『25 Websites with Lighting Effects』。光をうまく使ったサイトデザイン25選だ。 以下にいくつかご紹介。 ↑のキャプチャはSebcreation。 Vogue Fernando Sergio OKB その他のリストは以下から。 » 25 Websites with Lighting Effects 光をうまく使ったサイトデザイン、チェックして参考にしてみてはいかがだろうか。 「ダークナイト」を見たけどちょいいまいちだったよ。 イヴですねーいい日にしましょう!

  • クリスマス用のデザインに使えるPhotoshopチュートリアル60選 – creamu

    クリスマス用のデザインがしたい。 そんなときにおすすめなのが、『60 Beautiful Christmas Photoshop Tutorials』。クリスマス用のデザインに使えるPhotoshopチュートリアル60選だ。 以下にいくつかご紹介。 ↑のキャプチャはThe Santa Claus Wallpaper。 Abstract Christmas Wallpaper Draw a Christmas tree We wish you a Merry Christmas その他のリストは以下から。 » 60 Beautiful Christmas Photoshop Tutorials クリスマス用のデザインに使えるPhotoshopチュートリアル、チェックしてぜひ見ていただきたい。 先日Appleのサポートに感動した。いつもとても丁寧な対応で教えてくれますね。大満足だな。

  • illustratorのシェイプチュートリアル40選 – creamu

    illustratorをもっと使いこなしたい。 そんなあなたにおすすめなのが、『40 Tutorials for Working with Shapes in Illustrator』。illustratorのシェイプチュートリアル40選だ。 以下にいくつかご紹介。 ↑のキャプチャはグラデーションメッシュでガムボールマシンを描く方法。 illustratorで描くシンプルなシェイプ 回転する地球を描く方法 illustratorのシェイプチュートリアル 腰を振る女性のシルエットとレトロな背景 その他のリストは以下から。 » 40 Tutorials for Working with Shapes in Illustrator illustratorのシェイプチュートリアル、チェックしてぜひ参考にしてみてはいかがだろうか。 雨ですねー急ごう。。

  • 知っておきたいCSSテクニック15選 – creamu

    CSSのテクニックを知りたい。 そんなときにおすすめなのが、『15 CSS Tricks That Must be Learned』。知っておきたいCSSテクニック15選だ。 このエントリーでは、CSSスプライトやスライディングドアテクニック、クロスブラウザの透過やクロスブラウザに適応するmin-heightなどが紹介されている。 ↑はクロスブラウザの透過設定。以下のコードで実現できるようだ。 .yourClass { filter:alpha(opacity=50);/*Needed for IE*/ -moz-opacity:0.5;/*Older mozilla broswers like NN*/ -khtml-opacity: 0.5;/*Old versions of Safari and “KHTML” browser engines*/ opacity: 0.5;/*FF,