このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
2015 - 12 - 03 ブクマしといたら役に立つ!WEBデザイナー向け小技チュートリアルサイト&便利ツール10 デザイン Twitter Facebook Hatena Pocket コーディングは覚えたけれど、 隙あらば少しでも楽をしようと毎日必死なdoubleMです。 今回は、コーディング関連で楽をしたい時に眺めるチートサイトをご紹介します。 1. 解説付き!超オシャレなボタン+ロールオーバーエフェクトの作り方 2. スタイリッシュなタイトル(heading)のデザインcss 3. CSSだけで作れる吹き出しの作り方 4. cssアニメーションをまとめてくださっている Animate.css 5. 世界のブランドカラーが一覧できるBrandColors 6. 世界最少のhtml5ドキュメント 7. HEX to RGB Converter 8. 画像の色を抽出してRGB値を教
こんにちは、デザイナーの白浜です。 最近写真のレタッチすることがちょくちょくありまして、その中で個人的に「これはすごい!」と思ったPhotoshopのハイパスフィルターを使った方法について、紹介していきたいと思います。 「ググってわからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! ハイパスフィルターを使ったレタッチの手順 1. レイヤーを2枚複製する まずは元画像を2枚コピーします。レイヤー名は任意なのであとでわかりやすいように「ぼかし」と「ハイパス」と名前をつけています。 2. コピーしたレイヤーにフィルタをかける 複製したレイヤーにそれぞれフィル
ひと昔前までは「IllustratorはDTP」といった感じでしたが、Illustratorのバージョンアップによる機能強化に伴い、徐々にイラレでWeb制作をおこなう人が増えてきました。 ベクターっぽいスタイルのフラット、ベクターデータのSVGなどの影響もあるかもしれません。 Illustratorを使って、Web制作をする時に役立つ環境などの設定方法や注意点をはじめ、レイアウトやエレメントの作り方、スライスの便利技、時短テクニックなどのチュートリアルやスライドを紹介します。Illustratorで一番ネックとなる「にじみ」の理由とその解決方法も勉強になります。 Speed Design with Illustrator 翻訳版:Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ ウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テク
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
TOP > Design , WebDesign > WEBデザイナーのためのHTML/CSSの最新チュートリアル10「10 Useful HTML/CSS Tutorial for Web Designers」 WEBデザインは日々進化していて、最近では、フラットデザインも大きな一つのジャンルになりつつあり、シンプルなデザインだけに、ちょっとした動きやエフェクトが大事だったりします。今日紹介するのはそんなデザインの味付け的なWEBデザイナーのためのHTML/CSSの最新チュートリアルをまとめたエントリー「10 Useful HTML/CSS Tutorial for Web Designers」です。 How to Create a Trendy Flat Style Nav Menu in CSS 全部で10のチュートリアルが紹介されていますが、今日はその中から気になったものを
dribbbleに投稿されたデザインで、コメントのやり取りがちょっと興味深いものなので紹介します。 簡単に意訳すると、 ビジター「デザインきれいだな、文字周りの処理に秘訣とかあるの?」 オーナー「文字をクリアにみせるために、Photoshopでこういう風にやってるよ。」 という感じです。
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
2013年3月25日 Photoshop 最近のPhotoshopはすごいですよね。物を何もなかったかのように消したり、ぽっこりお腹を自然にひっこめたり。今回はそんな魔法ツールPhotoshopで、男子をキラキラ女子に変身させてみようと思います!女性モデルにも使える技も多数紹介しているので、人物の補正をする時に参考にしてみてください! ↑私が10年以上利用している会計ソフト! 元画像はこちら ご協力してくださったのは、顔面広告などの個性的なサービスを立ちあげて活躍中の大川竜弥さん。写真素材を無料で配布しているサイト、PAKUTASOのモデルとしても大人気ですね!Web屋さんなら一度は大川さんの年収が低すぎて驚いている写真やこたつでだらけてる写真を見たことがあるのではないでしょうか? そんな大川さんを素敵に変身させますよー!ちなみに使用したのはMac OS, Photoshop CS6です。
[Material] Download 30+ Free Pricing Table Templates Design {CSS3, PSD & WP Plugins} – 価格比較のためのテーブル表示の作例とリソース Pocket Tweet 複数の料金プランがある場合によく使われるWeb上でのテーブル表示の作例と、そのリソース類をまとめた記事。リソースフォーマットは様々で、作例によってCSS3(まぁコーディングデータ一式って意味だと思う)、PSD、Wordpressプラグインなどがあるようです。なぜWPプラグインなのかはよく分かりません(HTMLとCSSでいいんじゃねーか・・・とも思います)。紹介されている作例の数が32例とかなりあり、こうした見せ方をしたい場合の参考としてはなかなか見応えがあります。 Download 30+ Free Pricing Table Templates
Latest CSS3 Tutorials For You To Create Modern Websites モダンなサイトを作成するためのCSS3チュートリアル集。 CSS3のテクニックがあつまったチュートリアル集のご紹介。自分に無い知識を取り入れるために参考にできそう。 いつも進んでる感を感じますが、もうずっと進化し続けるんでしょうね。 関連エントリ CSS3でChrome風ウィンドウを作成するチュートリアル 使えない(?)CSS3ジェネレーター「Useless CSS3 Generator」 CSS3でボーダーを超かっこよくアニメーションするサンプル CSS3ベースのオシャレな価格表作成チュートリアル
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 ※1 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 ※1 レジストラ「GMO Internet, Inc. d/b/a Onamae.com」のシェア値を集計。 ※1 2020年8月時点の調査。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く