イラレをペロペロするためにIllustrator Maniaというメディア作りました | ナナメウエblog

2013/04/08 33 users Illustrator suzukisan_ イラレ 鈴木

「Illustrator Mania」というサイトを作り、3月中旬頃より正式にオープンさせました。 Illustrator Mania なにそれ？美味いの？ 私、鈴木（@suzukisan__）がIllustratorについていろいろと書いています。 Illustratorというのは非常に素晴らしいアプリーケーションですが、ひとつひとつの機能について完全に理解しているわけではありません。 そこで自... 続きを読む

Photoshopでmp4をひらいて、動画から綺麗なアニメーションGIFを作る | ナナメウエblog

2013/03/25 149 users Photoshop ナナメウエ アニメーションgif アニ

生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル（アニメーションGIF）を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば？Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニ... 続きを読む

iOSのアイコン制作にかかせない「iconsider」がアップデート！ | ナナメウエblog

2013/03/01 18 users iOS Dropbox 同期 アイコン アイコン制作

iOSのアイコンを実機確認する時の必須アプリでもあり、以前ブログでも紹介したiconsiderがアップデートしました。 より使いやすくなり、気のせいかもしれませんがDropboxとの同期も早くなった気もします。 さらに今回のアップデートで私が作成したアイコンも一部掲載して頂きました。 開発者の@dvw_inside様ありがとうございます。 iconsider アイコンデザイン実機シミュレーター カ... 続きを読む

IllustratorでPhotoshopのシャドウ（内側）のような効果を適用する方法 | ナナメウエblog

2013/02/28 47 users Illustrator Photoshop シャドウ 内側

ご存知の通り、IllustratorにはPhotoshopに搭載されているシャドウ（内側）のような効果はありません。 近いものでいうと[スタイライズ] → [光彩（内側）]を使う方法なのですが、これだと境界線全体から内側にシャドウが適用されてしまいます。 テキストをアウトライン化 → 元の位置にコピー → 元のオブジェクトから少しずらして前面オブジェクトで切り抜き → ぼかし（ガウス） → クリッ... 続きを読む

Illustratorで再編集可能なパスファインダーの適用方法 | ナナメウエblog

2013/02/18 20 users パスファインダー アピアランス Illustrator 図形

ご存知の通り、illustratorにはヒストリー機能がありません。 ラスタライズしたり、アピアランスの分割をしない限り、大部分の機能は再編集が可能なのですが、複雑な図形でパスファインダーをミスるとけっこう辛いものです。 アートボードの外に編集前のオブジェクトをコピーしておくのもひとつの手段なのですが、それとは別の方法を紹介します。 複合シェイプにする optionキーを押しながらパスファインダー... 続きを読む

Illustratorで質感を表現する時に使用する粒状フィルムについて | ナナメウエblog

2013/02/13 76 users テクスチャ パラメータ Illustrator 粒子 芝生

普段よく使う粒状フィルムについて軽く研究したので、その内容などを… 粒状フィルムとは [効果] → [アーティスティック] → [粒状フィルム] パラメータは「粒子」「領域のハイライト」「密度」があります。 名前の通り、粒子を生成してくれる効果です。 かなり万能なテクスチャとして使うことができます。 少しざらっとしたような質感から、メタリックな質感、簡単な芝生なども粒状フィルムで作成できます。 粒... 続きを読む

iOSのデザインをするときに利用しているツールいろいろ | ナナメウエblog

2013/02/07 219 users iOS 若輩 suzukisan_ 鈴木 ツールいろいろ

こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Shee... 続きを読む

iOSデザイナーにオススメ！ 「iconsider」というアプリが便利すぎる！ | ナナメウエblog

2013/02/02 225 users iPhone iOS レイアウト スクリーンショット アイコン

iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはな... 続きを読む

Illustratorで木の質感を出す方法【初級編】 | ナナメウエblog

2013/02/01 21 users Illustrator 質感 木目 初級編 濃いめ

おはようございます。 気づいたらもう2月ですね。 今年も残り11ヶ月、心の底からillustratorを愛していきたいと思いますよろしくお願いします。 それではillustratorで木の質感を表現する方法を紹介します。 illustratorでの木の質感表現はいくつかあるのですが、今回は最も簡単な方法を紹介します。 今回の場合は木の木目が黒くなるので、濃いめのフローリングなどの質感に使えるかと思... 続きを読む

iOSで使えるフォントを簡単に確認する方法 | ナナメウエblog

2013/01/25 35 users iPhone iOS フォント デフォルト 手間

iOSのデザインをしている上で、どのフォントが使えるのか気になりますよね。 画像で書き出す部分であればiOSにないフォントを使っていても問題はないのですが、デフォルトで使えるフォントもかなり増えてきました。 搭載されているフォントをしっかりと把握すれば、画像で書き出す手間が減るかもしれませんね。 iPhoneで見る場合 Typefaces 2.0.2（無料）<i...es/2338/images/... 続きを読む

UIデザインの参考になるサイトまとめ | ナナメウエblog

2013/01/23 1001 users Following Dribbble JAYPEG 参考 1回

毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自... 続きを読む

iOSのホーム画面を研究してみた | ナナメウエblog

2013/01/19 49 users iOS 欧文 フォントサイズ オブジェクト フォント

iOSのホーム画面のレイアウト、フォントなどの値について研究してみました。 環境はiPhone5、iOS6.0.2です。 アプリケーションはIllustrator CS6を使い、ホーム画面のスクリーンショットの上からオブジェクトを配置して検証。 今回検証しておもしろいと感じた部分としては、アイコンのレイアウトが微妙に等間隔ではないということと、欧文と日本語でフォントサイズが違うという点でした。 続きを読む

交通機関の運行情報がわかるアプリまとめ | ナナメウエblog

2013/01/14 15 users トラフィ 交通機関 運行情報 アプリまとめ iOSアプリ

雪すごいですね。 今日これから帰ろうとする人や、明日の出勤が不安な人が多いと思いますので、交通機関の運行情報を見ることができるiOSアプリをまとめてみました。 東京メトロアプリ Tokyo Metro Co., Ltd. 価格: 0円 posted with sticky on 2013.1.14 メトロユーザー限定ですが、アプリを起動するとすぐにその路線の運行情報を見ることができます。 トラフィ... 続きを読む

高品質なベクター素材がダウンロードできるサイトまとめ | ナナメウエBlog

2012/11/26 23 users ベクター素材 高品質 ガウス サイトまとめ メモ

最近いろいろとillustratorで作られたデザインを探してて、ついでに素材サイトなども見つけたのでメモ。 他の人の作り方を見ていると、画像ではこれガウス（ぼかし）かなーとか思ってても、実際はグラデーションマップで作られたりとかあっておもしろいです。 特に昔のバージョンで作られてるものほど今はあまり知られてない技術が使われてたりするので参考になります。 以下、最近見つけた高品質なサイトです。 ど... 続きを読む

~もう引きこもりオタクなんて呼ばせない~ 一級エンジニア達による壮絶闘球大会 | ナナメウエBlog

2012/11/13 10 users オタク

こんちわわ!! ナナメウエのエンジニア、いっしー(@takachan114)です。 最近気づいたことは、自分が猫アレルギーかもしれないということですわ。こりゃ大変ですわ。 という訳で、今回は我らがGithubがドッジボール大会を開催するとのことで行ってきました。Githubはもちろん、HerokuやSquareなど現在のサンフランシスコ、シリコンバレーを代表する新鋭ベンチャーが17チームが参加する... 続きを読む

欧文フォントと日本語フォントで野球のスタメン組んでみた | ナナメウエBlog

2012/11/06 33 users 欧文フォント スタメン リュウミン 国別 独断

こんにちは、擬人化したリュウミンは綺麗なお姉さんだと思ってます鈴木（@suzukisan__）です。 今回は「このフォント打ちそうだなー」、「守備うまそうだなー」という鈴木の独断と偏見で妄想のスタメンを組んでみました。 欧文フォントvs日本語フォントという図になっていますが、そのうちサンセリフ打線とかスクリプト打線、または国別でも作ってみたいです。 それではまずは欧文打線からいきましょう！ これで... 続きを読む

iPad miniのモックアップのaiデータを公開しました | ナナメウエBlog

2012/11/03 12 users モックアップ aiデータ iPad mini

人気エントリー Web制作するときに探す素材サイト＆参考にするサイトまとめ : はじめまして ナナメウエデザイナーのはっち（@hacching）です。 さて、今日は私がWeb制作をす...by hacchi | posted on 2012/10/29 illustratorで修正が簡単な文字枠を作る方法 : こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一... 続きを読む

フォント選びを楽にする4つの方法 | ナナメウエBlog

2012/11/01 49 users フォント Font Book Mac ロゴ フォント選び

デザインをしていて、フォントに悩むことってよくありますよね。 私はロゴとかになると自分のMacに入っているフォントを全部検証したりすることもありますが、これがけっこう大変。 今回は私がやっているフォント検証の方法をご紹介します。 ただ最終的には目視での確認→決定になりますので、それを少しでも効率化したり、違うフォントの可能性に触れてみる方法についてです。 Font Bookで任意の文字を入力する方... 続きを読む

Web制作するときに探す素材サイト＆参考にするサイトまとめ | ナナメウエBlog

2012/10/29 830 users 備忘録 Web制作 クオリティ サイトまとめ web

はじめまして ナナメウエデザイナーのはっち（@hacching）です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材！ 写真... 続きを読む

ObliqueとItalicって結局なにが違うの？ってお話 | ナナメウエBlog

2012/10/28 22 users italic イタリック 欧文 書体 フォント

フォント選びをしている時によく目にする「Oblique（オブリーク）」と「Italic（イタリック）」。 どちらも同じ斜めになっている書体ですが、微妙に細部がちがいます。 ちなみにこの斜体がファミリーに含まれているフォントというのは、長い本文での使用を想定して作られたものですので、欧文で本文を組む際にはファミリーに斜体が含まれているか確認するといいかもしれません。 使い方としては、文章中の強調した... 続きを読む

デザイナー死亡かるたをデザインしました Be Creative Be Happhy/// ナナメウエBlog

2012/10/26 32 users Togetter デスマーチ zip PDF カオス

先日Togetterでまとめられて世間を賑わした「デザイナー死亡かるた」。 これ実際に、デスマーチで年を明けてしまったデザイナー達が正月にやったらカオスだろうなーと思って作ってみました。 zipの中にpdfが保存されていますので、印刷してお使いください。 ※ご本人@airpad_sole様に掲載許可を頂いております。 元記事 デザイナー死亡かるた – Togetter 遊び方 遊び方は簡単です。 ... 続きを読む

illustratorで修正が簡単な文字枠を作る方法 Be Creative Be Happhy/// ナナメウエBlog

2012/10/25 344 users Illustrator suzuki オブジェクト 修正 鈴木

2012年10月25日 　　投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと... 続きを読む

illustratorで使用頻度の高いフォントを登録しておく小技 Be Creative Be Happhy/// ナナメウエBlog

2012/10/18 22 users Illustrator 小技 高いフォント 使用頻度

こんにちはライブラリのフォントの数がもうすぐ3000を超えそうな鈴木(@suzukisan__)です。 イラレを使ってて毎回大変なのがフォントを選ぶ作業だと思います。 ロゴやタイトル周りの欧文では、いろいろなフォントの可能性を試したくなってついついフォントが増えてしまいます。 でも普段やるデザインで使うオーソドックスなものは決まっているので、せめてそれだけでも取り出しやすくしたいですよね。 登録後... 続きを読む

テクニカルなフリーフォント100個 Be Creative Be Happhy/// ナナメウエBlog

2012/10/10 61 users Be Creative Be Happhy

Cubic – Free for personal use テクニカルなデザインに使えるフリーフォントを厳選して集めてみました。 FFや、メタルギアのメニュー画面やダメージ表示などに使われていそうなフォントが多いです。 最近ではソーシャルゲームなどでもワンポイントで使われているのをよく目にします。 他にもロックやテクノっぽいデザインなどにも合いそうですね。 是非活用してみてください。 1,Cubi... 続きを読む