CSSでやりたかったことが数行のコードで実装できるスタイルシートの小技のまとめ -CSS Protips
リスト要素で実装したアイテム間の区切り線の最後だけ取り除く簡単なコード、リストの各アイテムをカンマ区切りで配置させるコード、テキスト表示をすべてのデバイスで最適化するコードなど、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 当記事は、2015/11/4に公開した記事に追加分を加えたものです。 更新: 2016/3/7 13, 14, 15を追加。 更新: 2016/4/13 16, 17を追加。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
Adobeの有料ソフトを買う前に、代替になる無料ソフトでコツを掴もう・使い方まとめ - かちびと.net
デザイン等に一般的に利用されているPhotoshopやDWなどのAdobe製品は高機能で仕事では必須のツールです。しかしながら高額で、手軽に購入出来るという訳には行きません。無料で手に入る代替ソフトがありますので、まずはコツを掴むのにフリーソフトから使ってみてはいかがでしょうか。 全く同じとは行きませんが、例えばPhotoshopの代替ソフトとして有名なGIMPはPhotoshop専用の拡張子であるPSDファイルも開く事が出来ますし、GIMPで作ったファイルをPSDに変換する事も可能です。勉強からスタートするおつもりなら無料のソフトから、という形もありではないかと思います。 そこで、各Adobe製品の代替ソフトとなるような無料のソフトと、その使用法が書かれたサイトをまとめておきます。 代替ソフトに関しては無料で使えるAdobeCS3の代替ソフトという記事を参考にさせて頂きました。 Phot
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
The Essential Photography Effects You Really Need to Know
Photography students and enthusiasts must educate themselves with many technical terms such as aperture, shutter speed, focus and exposure. You’ve probably read enough about that elsewhere, so how about a few photography effects? Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets DOWNLOAD NOW 1. Bokeh Bokeh refers to the aesthetic quality of blur,
web制作者の為の31リンク集2009年1月度版
1月度のベストエントリ、ベストサイトを収集しました。 web制作のお役に立てればと思います。 ただ、今年の1月はかなり良質なサイトやエントリが多く、15日分くらいまでしか集め切れていません・・・。時間があれば後編を作ろうかとは思います。 過去のまとめはこちらから それでは、続きをどうぞ。 1月に発掘された面白アイデアサイト＆サービス 2ch画像まとめbeta 2chの画像が発掘されそうなスレをクロールして画像のみを抽出してくるサイト。 Pretty Loaded - a preloader museum curated by Big Spaceship この発想はなかったなぁ。FLASHローディング中の、あのローディング部分のみを集めたサイト。 普段ローディングって地味にイライラしたりするところではあるけど、そのローディングが次々襲ってくる。しかも見ていて飽きないという中毒性の高い仕上がり
60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources | The Jotform Blog
For months, we have been bookmarking interesting, useful and creative Adobe Photoshop tutorials and Resources, so you can now rest assured that you will have the necessary tools to get the job done. Due to this phenomenally vast amount of textures, brushes, patterns available, you can now add dirt, rust, floral effect, swirls, mold, oil stains in your artworks and photos to give them an aged, dama
クールな背景画像を作成するPhotoshopチュートリアル集:phpspot開発日誌
40 Tutorials for Creating Wallpaper in Photoshop | Vandelay Website Design クールな背景画像を作成するPhotoshopチュートリアル集。 ポスターなどにも使えそうなクールな背景画像のチュートリアル集の特集。 Typography Wallpaper in Photoshop Awesome Digital Bokeh Effect in Photoshop Design a Halloween Pumpkin Wallpaper in Photoshop Impressive Photo’s Background Paintball Club Wallpaper Ford Mustang Wallpaper Poker Gaming Club Custom Floral Wallpaper Super Cute E
写真画像を見栄えよくするPhotoshopのチュートリアル集: Part 2
写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 2です。 Softer Background Effect Bourne Ultimatum Color and
PS Brushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes
Winning by Being Valuable It's a challenge to come up with high ROI trade show booth design ideas that work well. And custom made stands in particular, present even more complexity, due to their size. But there is a popular and cost-effective option you can use to make your stand be noticeable. How could the core competences of a industry leader be seen when the quality of its products is, by natu
フォトショップで蝶の羽を作る / ウェブデザインライブラリー
投稿日：2006年9月1日（更新日：2008年6月9日） レベル：中級 ソフトウェア： では最初に、黒い背景のキャンバスを開いてください。そしてペンツールを使って、下のような“葉っぱの形”を作ってください。 パスレイヤーを右クリックして「選択範囲を作成」を選びます。ぼかしの半径は0にして、アンチエイリアスボックスにチェックをいれます。 そして新規レイヤーを作成し、塗りつぶしツールで選択範囲内を白色にしておきます。 まだ選択を解除しないでください。 次に「選択範囲＞境界をぼかす」をおこないます。ここでは、半径は5に設定しました。もちろんあなた自身の設定を試してもかまいません。 選択範囲内の色を「Deleteキー」で消去すれば、次のようになったはずです。 ここで、“葉っぱの形”を複製していき、少し回転させたりすることで面白くなると思います。サイズやコントラストも変えていきましょう。
photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」
TOP > Design , Photoshop > photoshopチュートリアルを100個集めた「100 wonderful photo effects Photoshop tutorials」 前回「テクスチャからイラストレーションまでPhotoShopチュートリアル100選」という記事でphotoshopによるチュートリアルを100個紹介しているサイトを紹介しましたが、今回紹介する「100 wonderful photo effects Photoshop tutori」も同じように100のphotoshopチュートリアルを集めたエントリーです。 紹介されている100のチュートリアルの一部です。 集められている物はスケッチ風にする、虹を作るといったありふれた物から、HDRをphotoshopで実現する方法やレントゲン写真の作り方など少し変わった物まで紹介されています。 詳
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
Google 翻訳
http://www.designwalker.com/2009/05/illustrator-text-effect.html