タグ

ブックマーク / nanameue.jp (8)

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

    「Illustrator Mania」というサイトを作り、3月中旬頃より正式にオープンさせました。 Illustrator Mania なにそれ?美味いの? 私、鈴木(@suzukisan__)がIllustratorについていろいろと書いています。 Illustratorというのは非常に素晴らしいアプリーケーションですが、ひとつひとつの機能について完全に理解しているわけではありません。 そこで自分自信の勉強を含め各機能についての解説や、効果について検証し、その内容をまとめています。 まだすべての機能について書けていませんが、メニューから使用できる機能について徐々にまとめています。 機能説明 また、その基機能を元にTipsやチュートリアルなどの記事も書いています。 記事中で使用されている機能については可能な限りリンクを貼っているので、具体的な使いどころなどもわかるかと思います

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

    生きてます。ナナメウエのはっちです。 お仕事で、mp4の動画からサムネイル(アニメーションGIF)を生成したいんだけどという場面に遭遇しました。 色々調べたところ、Webアプリでもあるっぽいのですが、そのアプリを試したところ正常に動いておらず、ぐぬぬ…どうしようかな、と。 そういえば?Photoshopで動画編集ができるという噂を以前聞いたことがあったので調べてみました。 意外とまだ需要のあるアニメーションGIF。 お役に立てれば幸いです。 Photoshopでmp4動画を開く 使用しているのはPhotoshopCS5です。 どのバージョンから動画が取り込めるのかは知りません。だってわたしFireworks派だもの…! ファイルから「開く」でもいけます。今回はドラッグ&ドロップで。 タイムラインを表示 読み込みに少々時間がかかりますが気になるような時間でもありません。 とりこま

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

    普段よく使う粒状フィルムについて軽く研究したので、その内容などを… 粒状フィルムとは [効果] → [アーティスティック] → [粒状フィルム] パラメータは「粒子」「領域のハイライト」「密度」があります。 名前の通り、粒子を生成してくれる効果です。 かなり万能なテクスチャとして使うことができます。 少しざらっとしたような質感から、メタリックな質感、簡単な芝生なども粒状フィルムで作成できます。 粒子パラメータ こちらは薄いグレー#e6e6e6(R230 G230 B230)のオブジェクトに、粒状フィルムを適用したものです。 左から順に「粒子」パラメータの値を1ずつ増加させていき、一番左が値10のものです。(最大値は20) 「粒子」パラメータ1のオブジェクトを6400%に拡大したものです。 細かい1pxが色を変えてランダムで並んでいます。 同じく「粒子」パラメータ10のオブジェクト

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

    iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター

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

    毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins

  • 立体的で質感のあるIllustratorチュートリアルまとめ | ナナメウエblog

    いつもデザインはillustratorでやっているのでメモ的に。 たぶんチュートリアルだと複雑になるので割愛しているけど、実際にはもっと細かい部分まで作っているんじゃないかなーと思います。 フォトショもいいけどイラレもいいですよ… Tutorial – Create realistic clouds in Adobe Illustrator リアルな雲 Create a Vector Film Slate Icon | Vectortuts+ リアルな映画のカチンコ How to Create a Gearbox Settings Icon Using Simple Shapes | Vectortuts+ アップルっぽい設定アイコン How to Create an iPad Interface in Illustrator – Tuts+ Premium Tutorial |

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

    はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材! 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚(何枚だっけ)限定ですが、無料素材がDLできます。 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング 完全無料の写真・Web素材(バナー、オブジェクトなど)素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富!シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB

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

    2012年10月25日   投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 まずは文字を入力します。 今回はFutura Mediumにしました。 次にテキストオブジェクトを選択した状態で、[アピアランス]の[新規塗りを追加]を2回クリックして、塗りを2つ追加します。 こ

  • 1