Illustratorのベジェ曲線で効率よくトレースする俺ルール - atskimura-memo
前回の記事（プログラマーが「Illustratorテクニックファイル アイコン&マークデザイン」を読んで、アプリアイコン作ってみた）の後、いろいろ調べたりした結果、やっぱり地道にベジェ曲線の練習をしないとだめだなと思い至り、ベジェ曲線の練習をしています。 今これくらいできたところ。全く大したことはないです。 でも、素人なりにコツがつかめてきたので、自分がやりながら悩んで時間がかかったところをルール化して機械的にできるようにしました。これでだいぶトレースが速くなったと思います。 ベジェ曲線の基本 この記事では説明しません。末尾の「おすすめ記事、書籍」を読んでください。 トレースの手順の俺ルール トレースをするときの全体の流れです。 1. アンカーポイントを全部置く（ペンツール） ペンツールに切り替えて（p）、書こうとしているパスがクローズするまで、「アンカーポイントを置く場所の俺ルール（後述
ナビゲーション画像を作成するPhotoshopのチュートリアル集 | コリス
Vandelayのエントリー「45 Photoshop Tutorials for Better Navigation」から、先日紹介した「ボタン画像のPhotoshopのチュートリアル集」とかぶらない、ナビゲーション画像を作成するチュートリアルを紹介します。 45 Photoshop Tutorials for Better Navigation
ホワイトスペース使ったウェブデザインの考え方
ウェブサイトの要素をレイアウトをする際に非常に重要な ホワイトスペースの考え方について、すこしまとめてみました。 私が人にウェブデザインを教えるときは、まずここから始めます。 boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。 リズムが整っていれば、他の要素が主張したことが上手に伝わります。 リズムが整っていなければ、けんかしあい、不協和音＝見づらい状況を作り出します。 自分なりのリズムを見つけていけば、それが個性・ジャンルになるのです。 どれが間違っている、というお話ではなく、どんな風に感じたかを大事にして読んでみてください。 とてもとてもシンプルな例を出してみます。 AとBを比較してみてください。 どちらのほうが読みやすいように感じますか？ どんなふうに感じましたか？ この例では、Bのほうに大きな余白を与えました。 ４隅すべて同じぐらい
Illustratorのスキルを磨くのに役立つ「25 Cool Adobe Illustrator Tutorials」
TOP > Design > Illustratorのスキルを磨くのに役立つ「25 Cool Adobe Illustrator Tutorials」 Illustratorが使えるようになっても、いろいろなグラフィック表現を実際に制作するのは難しいもの。そこで今回は、Illustratorのスキルを磨くのに役立つ「25 Cool Adobe Illustrator Tutorials」を紹介したいと思います。 （Create a Badass Gas Mask in Illustrator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials） 25種類のベクターデータのイラストの作り方が、親切にわかりやすく紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
Photoshopで見映えの良いボタンを作成する方法 / ウェブデザインライブラリー
投稿日：2011年7月19日 レベル：初心者 ソフトウェア： このチュートリアルではPhotoshopで見映えの良いボタンを作成する方法を紹介します。 Step1 ： はじめに Step2 ： Photoshopで木材のテクスチャを開く Step3 ： ボタンの背景を作成する Step4 ： メインのボタンを作る Step5 ： ボタンを装飾する Step6 ： 完成
ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」:phpspot開発日誌
ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」 2011年07月14日- jQuery Tutorial Plugin | Particle Bits ページ上にそのままチュートリアルを乗っけて使い方を分かりやすく説明できるjQueryプラグイン「jQuery Tutorial」. チュートリアルといえばキャプチャしたビデオでもいいのですが、ページ上にそのまま表示したほうが分かりやすい事も多そうです。 そんな際に使えるプラグインです。 実装されたサイト 「StartDemo」を押せば矢印カーソルとポップアップで説明を入れられる 「Next」を押せば次の説明へ移動。 という具合に見たまま注釈を入れられるので便利ですね。 使い方についてですが、サイト上で動くチュートリアルのデモでその使い方をチュートリアルしてくれ
Photoshopでスピード感を表現するチュートリアル:phpspot開発日誌
Learn to Create Effect of Rapid Movement on Photoshop (Part 2) | PhotoshopStar Photoshopでスピード感を表現するチュートリアル。 次のようなランボルギーニがすごいスピードが出ているようなエフェクトをかけるチュートリアルです。 虹っぽくなっているのは謎な感じがしますが、フィルタ等を駆使してスピード感を出す部分は応用ができそうです 静止画で動きを表現するってなかなか難しいですが、参考にすれば比較的簡単に作れそうです 関連エントリ プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集 動画で学べるPhotoshopチュートリアル２０ 広告デザインのためのPhotoshopチュートリアル１５ 光のエフェクトを与えたクールなイメージ作成Photoshopチュートリアル２５ 高品質
プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集:phpspot開発日誌
25 Excellent Photoshop Web Design Layout Tutorials プロレベルでクオリティの高いWEBサイトレイアウト作成Photoshopチュートリアル集。 かなりクオリティが高くて、１つの仕事としてうけちゃったほうがよいぐらいのチュートリアルが沢山です。 本などでこうしたチュートリアル集を買うと千円以上したりしますから、なんとも有り難いですね。 英語で書かれていますが、英語力も同時に向上させちゃえるという意味では本当にいい教材です。 関連エントリ 立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル スタイリッシュなWEBレイアウト作成Photoshopチュートリアル フレッシュなPhotoshop用WEBレイアウトチュートリアル２５ 3Dエフェクトを使った綺麗なグラフィックを作るPhotoshopチュートリアル集
WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック
WordPressのカスタマイズコードでよく見かける add_filter、add_action という関数。これは WordPressのプラグイン API という仕組みを利用したもの。プラグイン API - アクションフックやフィルターフックについて、大雑把ですがまとめてみました。 WordPress を使ってWebサイトを作る時、デフォルトの WordPress の動きを変更したいなーという時が多々あります。WordPress のデフォルトの動き（WordPress Codexでは振る舞いという言い方がされています。）でよく知られてるのは、記事を書くと自動的に <p> タグが入る … とかでしょうか。とにかくそういう WordPress の振る舞いを、何とかしたい場合ってありますよね。 こういった WordPress 独特の振る舞いは、WordPress のコアファイルと呼ばれてるとこ
プラグインを使わずWordPressに9の機能をつける | Webクリエイターボックス
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト！ プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 &lt;ul&gt;
Ustreamで2台のカメラで生中継する方法と、Ustreamでデスクトップの画面を生中継する方法
Ustreamで、2台以上のWebカメラを使用してインターネット生放送する方法についてまとめます。また、Ustreamでデスクトップの画面を生中継する方法についてまとめます。そんな時におすすめなのは、ManyCamです。 ManyCamは、複数台のUSBカメラを切り替えることが出来る上に、字幕を載せたり、ビデオソースとして代わりに動画や静止画を流したり、更にデスクトップも表示出来る優れたソフトウェアです。 USBカメラを複数台使う事自体はUstreamの機能で可能なのですが、ManyCamを使用した方が容易に行うことが出来ます。 実験環境の構築 今回、このブログ記事を書くに当たり、こんな感じでカメラをセットしました。 自宅の食卓の上に全部構築したため、配線などが少し見にくくなっています・・・。1つずつ解説していきます。 今回はこの黒いノートパソコン(Windows7)が放送機です。このPC
Photoshopで肌を若く見せる方法 / ウェブデザインライブラリー
投稿日：2011年6月10日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopで肌を若く見えるよう編集する方法を紹介します。 Step1 ： 肌を選択する Step2 ： 細かいシワを消す Step3 ： メイクを加える Step4 ： 完成
[CSS]順序付きリストol要素を視覚的に美しくスタイルするチュートリアル
プレーンな状態で割とスタイルされるol要素を視覚的に美しくするスタイルシートのチュートリアルを紹介します。 Firefox4でのキャプチャ 順序付きリストを美しくスタイルするチュートリアル HTML HTMLは非常にシンプルなol要素で実装します。 <ol> <li>List item one</li> <li>The second item on the list</li> <li>Number three is a bit longer, with some lorem ipsum for good measure. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
日本語版 WordPress チートシート | Webクリエイターボックス
2014年8月22日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも！」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト！ WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FireWorks.20
beplay类似软件-beplay体育飞翔下载
WordPressの使い方
Photoshop VIP ☞ Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（ サンプルPSD素材）
新着記事
