渋谷員子のドットの匠 インデックス こんにちは、渋谷です。 みなさん、ドット絵は好きですか?描いてみたいですか? 描いてみたいけれども、どうやって描いていいかわからないし、上手に描けない。。。 そもそも、どうやって描いているの?? そんな初心者のみなさんのために 私がじっくりレクチャーしていきますので、お付き合いくださいね。
渋谷員子のドットの匠 インデックス こんにちは、渋谷です。 みなさん、ドット絵は好きですか?描いてみたいですか? 描いてみたいけれども、どうやって描いていいかわからないし、上手に描けない。。。 そもそも、どうやって描いているの?? そんな初心者のみなさんのために 私がじっくりレクチャーしていきますので、お付き合いくださいね。
投稿日:2010年03月12日 レベル:初心者 ソフトウェア: このチュートリアルでは、大きなポップアートの円を作る方法を紹介します。 Step1 : はじめに Step2 : グラデーションを作成 Step3 : カラーハーフトーンを適用 Step4 : 完成
PHPでベクターグラフィックスを作成するためのチュートリアルが公開されてます。 svgというとxmlベースのテキストデータですが、これをPHPから出力する方法です。 チュートリアルといえど、便利なライブラリを使うので実際にはそのライブラリの使い方をマスターすれば誰でも簡単に使える内容になってます。 対応ブラウザであれば次のようなグラフが描画できるので便利です。 出力されたsvgのデータの内容。ライブラリを使ってこれが出力できるので、形式について覚える必要はありません。 線グラフの他、円グラフなども描画できます。 JSやFlashなど、様々なライブラリが存在しますが、SVGでの描画の方法も知っておくといつか役立つ時がくるかもしれませんね。
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト! プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか? Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。 Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors 下記は、各ポイントを意訳したものです。 ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションの使用の注意点 使用は、より繊細に よくある間違いと解決方法 おわりに ドロップシャドウとグラデーションの役割 ドロップシャドウとグラデーションは、スペースに錯覚を生じさせるための基本的なテクニックです。 Mac OS Xのドックを例にとると、輝いたテーブルの上に各メニューのアイコンが浮き上がっ
Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感じのが揃っていますよ。 背景色をグレー以外の色に変更する グレーがぼんやりしているなら、ウィンドウの背景色を黒に変えてみよう。右クリックで可能だ。他の色も選べる 描画色と背景色を簡単に変更する スポイトツールで、altを押しながら色を選択すると、背景色を変更できる シェイプや選択範囲の位置を変更する シェイプや選択範囲を描いている途中で、位置を変更したい場合、スペースバーを押しながら描いたり選択範囲を作成することで移動できる 選択範囲を復活させる 選択範囲を失ってしまった場合、「Ctrl + Shift + D」でもう一度選択範囲
(03/02) 6月までにVision Proが米国外でも発売か、米国での需要が一段落で (03/02) AppleがマイクロLED開発チームを解散、マイクロLED搭載Apple Watchの開発も中止に (03/01) 新生活SALEでFireタブレットやEcho Budsなどがお買い得(3/5まで) (02/29) 3月登場のM3 iPad Proは少し薄型になることが判明 (02/29) Vision Pro向けに空間ビデオと空間写真への変換ツールがGitHubで公開 (02/29) Appleのアカウント名が「Apple ID」→「Apple Account」に変更されるかも (02/29) ダイソーのスマホアプリが登場、店舗の在庫検索に対応 (02/28) MetaのハイエンドヘッドセットQuest Pro 2、LGと共同開発で2025年発売へ 2009年12月11日 Macのニ
画像にメッシュのパターンをオーバレイさせて、デジタル風のエフェクトを適用するPhotoshopのチュートリアルをmyInkBlogから紹介します。
当たり前のSEOからアイデアSEOへ。…記事一覧Webデザイン全般や実際のワークフローについて要点… 脱・ド素人!Webデザイン初心者向けのガイド、サイト制作の手順とコツ。 公開:2009年11月 9日 10:52, 更新:2009年11月 9日 11:37 トラックバック(0) コメント(0) 独学でWebデザインをやってみようとする場合、なぜか作業効率が悪かったり、作ってみたら最初考えていたようなデザインにならなかった、というとはないでしょうか?今回は、そんな人のための「目指すは脱・ド素人!Webデザイン初級ガイド」です。 ちなみに、そおらくこういう人にちょうど良いレベルだと思います。 HTMLやCSSを自分で書いてページを作る事が出来る。 無料ブログなどを少しはカスタマイズできる。 ソフトで簡単なサイトは作れるけれど、Webデザインの業務経験はない。 今まで手順を考えずに適当に思い
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ~と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ! これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し!!(わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル(クリックすればサンプルページに移動します) Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素(ここでは span)に position: absolute; を設定。 斜線(border)を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
今年の7月に本格的にTwitterの活用を初めて以来、その可能性に注目し、いろいろな人に口頭や書籍、記事などを通してTwitterを勧めてきましたが、初心者のうちはなかなか、どうやって楽しめばいいのか、わかりにくいと思います。 実際、「Twitter始めたんですけれども、まだやり方がよくわからなくて」という相談を受けたりします。 なので、これまでもバラバラといろいろなところでコツを説明してきましたが、いま、ちょうどTwitter本社の取材に向けてサンフランシスコに向かっていますので、改めてその機内の中で、Twitterの楽しみ方・使い方を10のステップに分けて、整理していきたいと思います。 これを実行すれば、まずはTwitterの操作が一通りわかって、まずは情報の受け手として、そして、一部の情報については発信者として、Twitterを楽しめる「初級者」になることを想定しています。 なお、こ
はてブ これ以上ないというぐらいに詳しい「動画の作り方」まとめ delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2009.10.15 0 ニコニコ動画やYouTubeを中心に動画全盛期を迎えている今、見るだけでなく自分でも実際に動画を作ってみたい――そう思っている方も多いのではないかと思います。 「でもそんな知識はないし......」 「そもそもどこで作り方を学べばいいのかわからない」 そんな風に悩んでいるあなたのために、これ以上ないというぐらいに詳しい動画の作り方マニュアルが、「酔拳の王 だんげの方」でまとめられていました。 こういった実際の画面のキャプチャ画像付きで、クリックする場所の一つ一つまで丁寧に解説してくれるので、どんな初心者でも問題なく動画制作ができるようになるはず。 記事は2年前以上前のものですが、動画制作の
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
WebDesignerWallで、illustratorで抽象的なベクターアートを描くチュートリアルが紹介されています。 レクタングルのボックスを、ワープツールやうねりツールを使って歪ませたり、円形のグラデーションを描いて組み合わせることでベクターアートを作る方法が詳しく解説されていますね。 見ているだけでも楽しくなるし、とてもわかりやすいのでぜひご覧ください♪ » Illustrator: Abstract Vector Art 京都のおみやげをゲット。押し寿司ばりうまい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く