ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic
Slide, Math, Tin, Bomb Magicの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: 要素にアニメーションを指定 アニメーションはmagic.css単体で動作しますが、jQueryと組み合わせることでユーザーのさまざまなアクションをトリガーにすることができます。 まずはjQueryのセレクタで要素を指定し、例えばホバー時にアニメーションさせる時はこんな感じに。 $('.yourdiv').hover(function () { $(this).addClass('magictime puffIn'); }); 特定の時間、ループでアニメーションさせる時はこんな感じ。 setInt
Webデザインが3倍速くなる！Photoshop神速テク4つ
カンプのデザインやパーツの作成など、Webデザインにも欠かせないPhotoshop。もっとラクに、もっと速くWebデザインするために、すぐに役立つ4つの時短テクニックを紹介します。 サイズ違いのバナーはまとめて使い回し Photoshopでよく作るモノの1つといえば、バナー。掲載場所や配信先によってサイズが異なるバナーをバラバラに作成すると使い回しが面倒だし、写真や文言に変更があったときにいちいち直すのが大変ですよね。 いろんなサイズのバナーを1つのPhotoshopファイルにまとめて作成し、写真やロゴをスマートオブジェクトで一元化しておくと、バリエーションをスピーディに作れ、修正にも対応しやすくなります。 例として、大中小の3つのバナーを一気に作ってみましょう。作成する最大サイズのバナーが収まるように新規ドキュメントを作成し、大きいサイズのバナーから作成します。 レイヤーに素材を配置して
【初心者向け】Illustratorの基本操作と使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webデザインをする上では欠かせないAdobe Illustrator。初心者の方からすると難しいイメージがあり、「使い方がよくわからない」と悩んでしまうこともありますよね。 そこでこのページでは、Illustratorをこれから使い始める初心者の方に向けて、まずは押さえておきたい基本操作や使い方を解説します。 何をやるにしても、基礎は大切です。この記事を読んで、Illustratorの基本の操作方法をマスターしましょう。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的にプロから学びたい、転職・就職を目指している、全部誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導！6ヶ月でWebデザイナーに。 ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ▼スクールの概要をまとめた資料は
【Illustrator】編集可能な重なりあう図形をつくる（ライブペイント）
今回はライブペイント機能を使って、重なりあう図形を作ります。万能な方法ではありませんが、オブジェクト同士の位置決めや、単純な図形を重ねる時に便利なのでぜひお試しください！ そもそも編集する予定がない場合は【シェイプ形成ツール】が大変便利です。詳しくは神速Illustrator [グラフィックデザイン編] CC対応（Amazonリンク）のセクション11をご参照ください（ステマ）。この本には作業時間を短縮するノウハウがたくさん詰まっています（ステマ）。仕事でIllustratorを扱っている方に特にオススメの一冊です！（ステマ！） 完成予定図 使用ソフト AdobeIllustratorCC （CS2以降ならできると思います） Step1 とりあえず作ってみよう 重ねたいオブジェクトを準備し、パスが重なるように配置します。 重ねたいオブジェクトを全て選択した状態で、［オブジェクト＞ライブペイン
webデザイン制作に欠かすことのできない アイコンセットまとめ「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」
webデザイン制作に欠かすことのできない アイコンセットまとめ「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」 webデザインを制作する際に素材として頻繁に利用されるアイコン。種類豊富にストックしておくことで、表現の幅がぐんと広がります。そんな中今回は、フラットなベクターアイコンセットをまとめた「Free PSD Icons: 26 Sets Of Flat Vector Icons for Designers」を紹介したいと思います。 （Free Flat Icons Pack on Behance） 定番として使えるタイプから、ちょっと個性的なテーマのものまで、さまざまなアイコンセットが紹介されています。 詳しくは以下 Free cooking icon set | Field 5 Agata Kuczminska
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
