タグ

ブックマーク / creativememomemo.com (8)

  • キルラキルのロゴでも使われた圧倒的存在感のすごいやつ「ラグランパンチ」 #LOVEFONT

    こんにちは。クリスマスイブのエントリーはどうしても避けたかった井畑です。 今回は#LOVEFONT Advent Calendar 2014の23日目の投稿をさせていただきます。 #LOVEFONTとはある特定のフォントに対する愛を語る企画で、今回で僕は4回目の参加になります。自分の好きなフォントについて書くのってほんと楽しいですねー:) (ちなみこれまでは「GilSans」と「Trajan」と「筑紫A丸ゴシック」で書かせてもらいました。良かったらチェックしてみてください!) 今回は圧倒的存在感のすごいやつ「ラグランパンチ」についてです。 それではどうぞ!! ラグランパンチとは ラグランパンチはFontWorksが出しているフォントの一つで、他ではなかなか見ない超極太ゴシック書体です。 また、ラグランパンチの元となっているラグランというフォントもあります。 どちらも似ているのですが、ラグラ

    キルラキルのロゴでも使われた圧倒的存在感のすごいやつ「ラグランパンチ」 #LOVEFONT
  • ウェブサイトで珍しい形を取り入れたサイト14こ紹介

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ! 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白

    ウェブサイトで珍しい形を取り入れたサイト14こ紹介
  • 最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ

    こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん!」というものがあることを祈って… それではどうぞ! 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー

    最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
    warriorking
    warriorking 2013/07/11
    最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
  • ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ

    こんにちは。今日も元気にPhotoshopと戯れます井畑です。 今回はPhotoshopの文字詰めに使うツールについてちゃんと調べてみました。 今では息をするように文字詰めをしていますが、デザイン初めたての時は勝手が分からず苦労しました…Photoshopの文字詰め♪ 基的なことがほとんどなので、知ってる人にとっては当たり前のことですが、おさらいによろしければご覧ください。 それではどうぞ! ちょっと待って文字詰めって何? まずは文字詰めが何か分からない人の為に軽く説明しておきますね。 ワンランク上のデザインにはかかせない文字詰め 文字詰めとは読んで字のごとく、文字と文字の間を詰めてバランスをとる作業のことです。 通常文字を打っただけでは「ベタ組み」と呼ばれ、基的に文字と文字の間が空きすぎています。それを詰めてデザインのバランスをとります。 WEBの性質上テキストデータの文字詰めは難し

    ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」のまとめ
    warriorking
    warriorking 2013/04/18
    ワンランク上のデザインにはかかせないPhotoshopの文字詰め「カーニング・トラッキング」についてのまとめ | クリエイティブメモメモ
  • 【フォント - 手書き風・欧文フォント】 - クオリティが高く可愛い落書き風フリーフォント40個

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。自作フォントを作ろうとして挫折したことがあります。井畑です。 今回はカワイイ落書き風の手書きフォントを集める機会がありましたので、シェアしておきます。 手書き風フォントは通常のフォントの美しさとは異なる楽しく可愛らしい感じがどれもステキです。こっちはこっちでとても好きです:) 今からご紹介するフォントはどれも無料ダウンロード可能となっています。 ただ使用に関するライセンスは、フォントごとに異なりますので、使用する際にご確認のうえご利用ください。 それではどうぞ! 落書き風手書きフォント40ご紹介 Doodle Pen Limited ボールペンでぐりぐり何度も書いた感じのフォントです。手書きフォントの中では、割と視認性が良いので割と小さい文

    【フォント - 手書き風・欧文フォント】 - クオリティが高く可愛い落書き風フリーフォント40個
    warriorking
    warriorking 2013/01/29
    クオリティが高く可愛い落書き風フリーフォント40個集めました | クリエイティブメモメモ
  • Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方

    creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして

    Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
    warriorking
    warriorking 2012/09/05
    Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方 | クリエイティブメモメモ
  • まるでおとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介

    こんにちは。可愛いサイト大好き。 可愛い女の子はもっと好きな井畑です。 そんな井畑ですが、 ブックマークしていたお気に入りの可愛いサイトが増えてきたので、 今回ここでご紹介したいと思います。 僕の個人的な趣味が含まれますので、 「こんなのガーリーでもなんでもねーよww」とか、 twitterやはてぶで話題になったもので、既に知ってるものなども多くあるかと思いますが、ご了承くださいませ。 それではどうぞー!! Peter Granfors Peter Granfors まずは海外のサイトをご紹介していきます。 フィンランドのグラフィックデザイナーさんのポートフォリオサイト。 クリーム色のベースにピンク・ブラウン・紫のテクスチャーとイラストが繊細でとても可愛いサイトです。動物のモチーフも印象的で、タイトル部分のフラミンゴは勿論、フッターのお猿さんにも注目です。 me & oli me & ol

    まるでおとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介
    warriorking
    warriorking 2012/08/22
    まるでおとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介 | クリエイティブメモメモ
  • 画像なんていらない!! fontelloとCSS3を使って3Dボタンを作ってみた

    こんにちは。 連日の暑さにとろけそう。井畑です。 今回は、前からやってみたかった事に挑戦してみました。 今はやりのWebフォントCSS3を使って、 3Dボタンを作る事です。 以前から、機会があったらやってみようと思っていたのですが、 なかなか機会にめぐりあえず、どうせなら備忘録ついでに ブログに書いちゃえと思った次第です。 それでははりきってどうぞ! 目次 1.Webフォントを「fontello」からダウンロード 1-1.Webフォントを「fontello」からダウンロード 1-2.解凍して中身を確認する 2.CSS3でボタンを作成 2-1.HTMLの設定 2-2.CSSの設定(WEBフォント) 2-3.CSSの設定(ボタンの装飾) 2-4.CSSの設定(ボタンのホバー時装飾) 1.Webフォントを「fontello」からダウンロード Webフォントを使うにあたり、最近とてもステキなサイ

    画像なんていらない!! fontelloとCSS3を使って3Dボタンを作ってみた
    warriorking
    warriorking 2012/07/24
    画像なんていらない!! FontelloとCSS3を使って3Dボタンを作ってみた | クリエイティブメモメモ
  • 1