ナナメウエBlog Be Creative Be Happy/// Be creative Be happy by Web & iOS Apps
クリエイティブチーム ナナメウエのブログです。illustratorで修正が簡単な文字枠を作る方法 2012年10月25日 投稿者: suzuki こんにちは、デザイナーの鈴木(@suzukisan__)です。 今回は入稿間際に修正が一気にきて死にそうになるDTPデザイナーの方などに役立つ内容です。 illustratorでデザインをしている時に頻繁に使う、文字枠の中に文字があるというこの形。 長方形ツールでオブジェクトを作成して、その上に文字を重ねるというやり方の人が多いんですが、これだと文字数が増えた時に下の長方形オブジェクトのサイズまで変えて、さらに中央揃えしたり…とけっこう手間がかかります。 今回はもっと簡単で、さらに文字数が増えた時にも簡単に対応できる方法をご紹介します。 [続きを読む...] 続きを読む あまり知られていないillustratorのスポイトツールの小
イラレをペロペロするためにIllustrator Maniaというメディア作りました | ナナメウエblog
「Illustrator Mania」というサイトを作り、3月中旬頃より正式にオープンさせました。 Illustrator Mania なにそれ？美味いの？ 私、鈴木（@suzukisan__）がIllustratorについていろいろと書いています。 Illustratorというのは非常に素晴らしいアプリーケーションですが、ひとつひとつの機能について完全に理解しているわけではありません。 そこで自分自信の勉強を含め各機能についての解説や、効果について検証し、その内容をまとめています。 まだすべての機能について書けていませんが、メニューから使用できる機能について徐々にまとめています。 機能説明 また、その基本機能を元にTipsやチュートリアルなどの記事も書いています。 記事中で使用されている機能については可能な限りリンクを貼っているので、具体的な使いどころなどもわかるかと思います
iOSのデザインをするときに利用しているツールいろいろ | ナナメウエblog
こんにちは、いつかiOSのデザインのみで食べていきたい鈴木(@suzukisan__)です。 まだまだ若輩ですがiOSのデザイン環境について紹介させて頂きます。 画面設計 iPhone Idea Sheet あまり紙でやることはないのですが、使う場合はこちらのiPhone Idea Sheetです。 うちではむしろエンジニアさんのほうが使っています。 三階ラボ | iPhone Idea Sheet ver.01 あまりに使いやすいのでiPhone5用にiPhone5 Idea Sheetなるものをうちで作成しました。 iPhone5のワイヤーフレームに使えるアイデアシートをイラレで作りました | ナナメウエblog POP 本来は紙に書いたワイヤーフレームから画面設計をイメージするためのものだと思いますが、普通にデザインだけしてコーディング前の画像を取り込んで画面推移を説明す
高品質なベクター素材がダウンロードできるサイトまとめ | ナナメウエBlog
最近いろいろとillustratorで作られたデザインを探してて、ついでに素材サイトなども見つけたのでメモ。 他の人の作り方を見ていると、画像ではこれガウス（ぼかし）かなーとか思ってても、実際はグラデーションマップで作られたりとかあっておもしろいです。 特に昔のバージョンで作られてるものほど今はあまり知られてない技術が使われてたりするので参考になります。 以下、最近見つけた高品質なサイトです。 どこのサイトもけっこうな量をストックしているのでオススメです。 商用フリーで使える影絵素材サイト シルエットデザイン デザイン枠、飾り罫素材専門サイト「フレームデザイン」frame-design.com Free-Style – ALL FREE Popular Vectors – EPS, AI and SVG Vectors for free Download Free Vecto
欧文フォントと日本語フォントで野球のスタメン組んでみた | ナナメウエBlog
こんにちは、擬人化したリュウミンは綺麗なお姉さんだと思ってます鈴木（@suzukisan__）です。 今回は「このフォント打ちそうだなー」、「守備うまそうだなー」という鈴木の独断と偏見で妄想のスタメンを組んでみました。 欧文フォントvs日本語フォントという図になっていますが、そのうちサンセリフ打線とかスクリプト打線、または国別でも作ってみたいです。 それではまずは欧文打線からいきましょう！ これで野球やるならホームベースは銅板、各塁のベースは碑文とかから切り出して作って欲しいです、よろしくお願いします。 欧文フォントチーム 1番 （中） 右投左打 Snell Roundhand 【イギリス】 2番 （二） 右投右打 Copperplate Gothic 【アメリカ】 3番 （遊） 右投両打 Helvetica 【スイス】 4番 （一） 左投左打 Impact 【イギリス】 5
フォント選びを楽にする4つの方法 | ナナメウエBlog
デザインをしていて、フォントに悩むことってよくありますよね。 私はロゴとかになると自分のMacに入っているフォントを全部検証したりすることもありますが、これがけっこう大変。 今回は私がやっているフォント検証の方法をご紹介します。 ただ最終的には目視での確認→決定になりますので、それを少しでも効率化したり、違うフォントの可能性に触れてみる方法についてです。 Font Bookで任意の文字を入力する方法 Macに標準搭載されている「Font Book」というアプリがあります。 フォントをインストールする際に、直接ライブラリに入れる方法もありますが、ダブルクリックするとこのFont Bookが起動します。 アプリケーションフォルダにありますので、Dockに入れておくとすぐに起動できて便利だったりします。 で、このFont Bookがなんで便利なの？って話。 通常はFont Bookを
Web制作するときに探す素材サイト＆参考にするサイトまとめ | ナナメウエBlog
はじめまして ナナメウエデザイナーのはっち（@hacching）です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材！ 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚（何枚だっけ）限定ですが、無料素材がDLできます。 商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 完全無料の写真・Web素材（バナー、オブジェクトなど）素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富！シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
illustratorで使用頻度の高いフォントを登録しておく小技 Be Creative Be Happhy/// ナナメウエBlog
こんにちはライブラリのフォントの数がもうすぐ3000を超えそうな鈴木(@suzukisan__)です。 イラレを使ってて毎回大変なのがフォントを選ぶ作業だと思います。 ロゴやタイトル周りの欧文では、いろいろなフォントの可能性を試したくなってついついフォントが増えてしまいます。 でも普段やるデザインで使うオーソドックスなものは決まっているので、せめてそれだけでも取り出しやすくしたいですよね。 登録後はこのようにドラッグアンドドロップでフォントを抜き出して使うことができます。 何を隠そうシンボル化してあるだけなんですけどね…。 こんな感じでフォントの系統ごとに整理しておくとかなり使いやすくなるかと思います。 私は「テクニカル」「細め」「手書き」「DTP」などで個別に保存しておいて、進行中のデザインに合ったフォントを検証したりします。 それではシンボルへの登録の仕方を書いていきます。
illustratorにある2種類の「ぼかし」について検証してみた | ナナメウエblog
こんにちは、illustratorマニアの鈴木です。 知っている人も多いと思いますが、イラレには2種類の「ぼかし」が存在します。 今回はillustrator効果の中にある[スタイライズ] → [ぼかし] とPhotoshop効果の中にある[ぼかし] → [ぼかし（ガウス）]の違いについて説明します。 ぼかしの適用前はこんな状態です。 アイコンのオブジェクトの背面に#000の楕円形のオブジェクトがあります。 シャドウを表現するために、この状態から楕円形のオブジェクトに2種類のぼかしをかけていきます。 同じ半径でもぼかしのかかり方に違いがある 左はillustrator効果[スタイライズ] → [ぼかし]半径7pxで適用。 右はPhotoshop効果[ぼかし] → [ぼかし（ガウス）] 7pxで適用したものです。 同じ半径7pxのぼかしなのですが表示される結果に違いが見られます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
