タグ

2013年10月24日のブックマーク (14件)

  • グラフィックスタイル – イラレラボ illustrator-labo

    Text widget These widgets are displayed because you haven't added any widgets of your own yet. You can do so at Appearance > Widgets in the WordPress settings.

  • 【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所

    ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか? 使い勝手の良すぎるドロップシャドウに警鐘!シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1:黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか!と目から鱗でした。 その2:シャドウに空の色&地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ

    【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
  • 美しくデザインされたビジュアルデータのまとめ | コリス

    プレゼンやインフォグラフィック、ウェブページのキャッチ用の画像など、印象的にデータや情報を見せる美しくかっこよくデザインされたビジュアルデータをdribbbleから紹介します。

  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • Illustratorで放射状のオブジェクトを作成する方法

    ホームページのバナーなどでよく目にする、放射状のオブジェクトをイラレでデザインする方法を紹介します。 円を書いて、破線にするだけ! 簡単ですよ。画像のように、100px × 100px の塗りの円を書きます。 次に、塗りを線にして、線幅を100pxにします。線を破線にします。はい、できあがり! (ちなみにこの画像では、線分10px間隔10pxの線にしています。) この放射状オブジェクトに、グラデをかけたりしたい場合は、線で作ったオブジェクトを選択して 「オブジェクト→パス→パスのアウトライン」これで、塗りのオブジェクトになるので、色々と編集可能です。 応用編!好きなパターンのボーダーも描ける! 単純な事ですが応用として、真っ直ぐな線の線幅を太くして、破線にするとボーダーも簡単にできちゃいます。 (例のごとくこの画像では、線分10px間隔10pxの線にしています。) 放射状のブジェクトの作成

    Illustratorで放射状のオブジェクトを作成する方法
  • Illustratorでスライスを作成する方法

    イラレでスライスする方法について、自分なりの方法を紹介している記事です。 イラレでのスライス作業は、ファイヤーワークスやフォトショップに比べて面倒くさがる人が多いみたいなので書いてみます。 そもそもスライスとは ウェブ制作に使用する目的に限らず(SNS用の画像とか色々)、 作ったデザインや写真の一部分を切り抜いて任意の形式で保存できる状態にすることです。 それぞれのスライスの画像のタイトル、保存形式(jpg,png,gif…etc)、画質等々の設定も行えます。 まず、イラレでメニューをデザインする イラレで作ったメニュー。一般的なメニューですね。 色がすでに無理!!!って人が多そうですけど、気にしません。このボタンをスライスしたいと思います。 デザインしたナビゲーションをスライスする(オブジェクト→スライス→作成) メニューからスライスツールを選んでーってやり方もありますけど、今回紹介する

    Illustratorでスライスを作成する方法
  • Illustratorでドットな日本地図を簡単に作る方法

    紙にもウェブにもデザインに日列島のシルエットって当に良く使いますよね! そうでもないね!という方に向けても、 僕なりのイラレを使ったドットな日地図の描き方を紹介したいと思います。 まず必要なのがドットになる前の日地図のデータですね。 今回の方法では、背景とシルエットにコントラストの差があれば多分問題無いですが、 ベクターデータな日地図のデータの方が確実だと思います。 そこで「日地図 ai」でググってでてきたサイトからダウンロードさせていただきます。 商用でも無料で使えるフリーなベクターデータを扱われているサイトさんですね。助かります。 (しっかり調べていないので、ご利用は自己責任でお願いします。) とりあえず、ベクターデータをイラストレーターで開きます。 ちなみに今回はのこのデータで400px × 400px(ぐらい)です。 早速、このベクターデータを「オブジェクト」→「ラスタ

    Illustratorでドットな日本地図を簡単に作る方法
  • Illustratorでのウェブデザイン、環境設定からスライスまでの流れ

    イラレでウェブデザインするぜ!そんな方に向けて制作の流れとちょっとした注意事項を書いてみました。 グラフィックデザインをメインにやっている方や、ホームページを作ったこと無いデザイン学生さん向けかなと思います。 (私も学校ではウェブデザインを学んでいません。) そもそも、イラレでホームページってデザインできるの? そんな疑問もあるかと思いますが、実際に未経験の私がイラレを使って Web制作の現場で働き始めることができたので、全く問題無いです! いくつかのポイントさえおさえれば、イラレさえ使うことができればウェブデザインできちゃいます。 1.まずは、イラストレーターを起動する 当たり前の事ですが、起動ですね。今回の環境はWin_CS6です! CS4~ぐらいはそんなに大きな違いは無いはず!です。 ※現在は、MacでAdobe Creative Cloudを使っていますが、基的な事は全て同じです

    Illustratorでのウェブデザイン、環境設定からスライスまでの流れ
  • Adobe Illustrator スクリプト はじめのいっぽ - ここぽんのーと

    UIのグラフィックデザインにはInkscapeを愛用してきましたが、徐々にIllustrator CCへ移行しようと計画中です。今回は、Illustratorのスクリプトの「Getting started」的な内容について調べたのでまとめておきます。 この記事を書いている環境OS X 10.8.4Adobe Illustrator CC (17.0.0)Adobe ExtendScript Toolkit CC (4.0.0.1)Illustratorのスクリプト事情Illustratorでは3種類のスクリプト言語が提供されていて、それぞれ動作するOSが異なります。 JavaScript (Windows, OS X)AppleScript (OS X)VBScript (Windows)自分はJavaScriptを選ぶことにします。 使い慣れてますし、どちらのOSでも動きますからね 😉

    Adobe Illustrator スクリプト はじめのいっぽ - ここぽんのーと
  • Music Unlimited | ソニー

    30日間無料体験キャンペーン実施中! いつでも、どこでも、一緒に音楽を楽しもう! 家ではリラックスのお供に。通勤中や仕事の合間の気分転換にも! 家で聴いていたあの曲を同じように楽しめます。 気になった曲はどんどんチェック! 定額制だから、豊富なラインアップの中から気になった曲をどんどんチェック! 家でも外でも好きなときに好きなだけ音楽を楽しめます。 いろいろなシーン、スタイルで音楽が楽しめる! インターネット接続が出来る機器ならパソコンでもスマートフォンでも Android?タブレットでも楽しめるから、音楽を楽しむシーンやスタイルも広がります。 インターネットに繋がらない所でも音楽を楽しめる! Android™搭載端末やPlayStation®Vitaならオフライン再生が可能。インターネットに接続できない環境でも、お気に入りのプレイリストやチャンネルを楽しめます。 30日間無料体験キャン

  • Adobe Illustrator Plugin DynamicSketch from Astute Graphics

    Intuitive vector sketching Trim and Join tool which works on all paths Natural, easier drawing tool box for strokes and brushes Ideal for stylus devices e.g. Wacom, Surface Pro and macOS Sidecar Personalized preference settings Edit, extend and intelligent join Sketching with strokes and brushesMake immediate use of Illustrator’s brushes! Plus we’ve now introduced a real time 'live preview stroke

    Adobe Illustrator Plugin DynamicSketch from Astute Graphics
  • Adobe Illustrator Plugin InkScribe from Astute Graphics

    Precise path creation Takes the native Pen Tool to the next level Constrain distance preferences Drag paths into place without fiddling with handles Customizable preferences on your own presets Precision vector drawing point-by-pointInkScribe is a plugin that seamlessly integrates into Adobe Illustrator. Similar to the native Pen Tool in its functionality, what makes InkScribe special is the added

    Adobe Illustrator Plugin InkScribe from Astute Graphics
  • イラストレーターで図面を書こう!

    初期設定が終わりましたら、早速書いていきましょう。 まずはじめは、簡単なドーナツ状の板を書いてみましょう。 直径50mm、中心の穴が10mm、厚さが5mmの板を作るとします。 イラストレーターを起動してファイル>新規で サイズはA4でよいと思います。 次に、円を描きたいのでツールバーの図形の所をクリック長押しすると 丸とか四角とか星が出てきますので、クリックしたまま 「楕円形ツール」のところにカーソルを持ってきて離します。 ツールバーが表示されてない場合は上のメニューのウィンド>ツールにチェックが入っているか確認してください。 図形の書き方は2種類あります。 その1 クリックしながら斜め下にドラッグして適当な円を書きます。 直径が50mmですので、変形のウィンドのW:に50、H:に50と入力します。 Wは幅(width)、Hは高さ(height)です。 上記のように50と入力しても49.9

    イラストレーターで図面を書こう!
  • JavaScript Garden

    JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献