かゆいところに手を届かせるPhotoshop小技3選｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは、小林です。 今日は実務レベルでのPhotoshopの小技をご紹介したいと思います。 カンバスサイズの拡大・縮小に動じないために ランディングページ等では特にそうですが、カンバスサイズがどんどん大きくなることがあると思います。 背景をシェイプのパターンなどで作っている場合はそのたびに調整しなくてはいけません。 そんなめんどくさいことをしなくても済む方法が、「ベタ塗り」を活用する方法です。 手順は下記を御覧ください。 ベタ塗りレイヤーを作成したら、カラーを変更したり、パターンなどで背景を作成します。（今回は木目のパターンを使用） ↓ カンバスサイズを拡大するにはCtrl+Alt+Cで！ ↓ ベタ塗りはカンバスサイズに関係なく全体を覆ってくれるので便利です。 クリッピングマスクのウラワザ さくっとマスクがかえられて便利なクリッピングマスクですが、こんな謎な現象が起きることがあると思い
意外と知らない！疑似要素と疑似クラスでできること | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのはるえです。 突然ですが、疑似要素と疑似クラスってありますよね。 私がCSSを覚えたてのときは「は？何これ」って感じで、得体の知れないものを見るような目で使ってました。 「この2つって何が違うの？」「どれが疑似要素で疑似クラス？」「どういうときに使うの？」と何かと敬遠しがちな人も多いと思います。 ですが、この2つを使うことでできることがぐんと広がるので、今では恐縮しながらありがたく使わせていただいております。 疑似要素とは 疑似要素とは、要素内の特定の文字や行に対してスタイルを指定したりするものです。 よく使われる疑似要素 :before{} :after{} :first-letter{} 疑似要素の中でも特に「:before」と「:after」を極めると、CSSだけのデザインの表現幅が一気に広がります。 例えば、LIGブログでも使用している「blockquote
PASSPORT_ヘボン式ローマ字綴方表
本表及びその他用法で注意すべき点 ■撥音 「ん」は「Ｎ」で表記する。 かんの ＫＡＮＮＯ ほんだ ＨＯＮＤＡ Ｂ・Ｍ・Ｐの前では、「ん」は「Ｍ」で表記する。 なんば Ｎ Ａ Ｍ Ｂ Ａ ほんま Ｈ Ｏ Ｍ Ｍ Ａ まんぽ Ｍ Ａ Ｍ Ｐ Ｏ ■促音 「っ」は子音を重ねる。 べっぷ Ｂ Ｅ Ｐ Ｐ Ｕ いっしき Ｉ Ｓ Ｓ Ｈ Ｉ Ｋ Ｉ Ｃ Ｈの前では、「っ」は「Ｔ」で表記する。 えっちゅう Ｅ Ｔ Ｃ Ｈ Ｕ はっちょう H A T C H O ■長音 長音表記又はヘボン式によらない表記を希望するときは、申請添付書類ダウンロードページから「非ヘボン式ローマ字氏名表記等申出書（様式1）」をダウンロードし、必要事項を記入した上で、東京都の旅券窓口にご相談ください。 → 申請添付書類ダウンロード
ひらがな表記をヘボン式ローマ字表記に変換するツール
ひらがな表記をヘボン式ローマ字表記に変換するツール ファイル名は英語表記の方が望ましいのですが、ファイル名を英語で考えるのが億劫なときは、ローマ字にしてしまうのも一方法です。 その他、プロシージャ名（関数名）や変数名…。 そして、自分の名前や住所などをローマ字で表記しなければならない場合もあります。 ただ、ローマ字表記は簡単なようでいて結構迷うものです。 こうした場合、日本語のフレーズをそのままローマ字に変換してくれるツールがあれば便利です。 ひらがなローマ字 [ひらがな]テキストボックスに変換したいひらがなを入力した後、ロストフォーカスすると、 つまり、「ひらがな」テキストボックス以外の箇所をマウスでクリックすると、「ローマ字」テキストボックスにヘボン式ローマ字が表示されます。 意外と重宝しているツールです。
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
一倉広告制作所 ｜ profile ｜ 一倉 宏
1955年 2月14日、群馬県渋川市生まれ。 高校時代には詩を書き、投稿したり、ガリ版刷りの詩集をつくったり。 1978年、筑波大学第１学群卒業。同学の第１期生だった。 同年、サントリー株式会社に入社。制作室（現・宣伝事業部制作部）に、 コピーライターとして勤務。 同社には８年半在籍したことになる。 この間に、トリス新聞広告、モルツ新発売キャンペーンなどを担当した。 1987年、サン・アド出身の仲畑貴志さんと副田高行さんに請われ、 仲畑広告制作所に移籍する。以後３年ほどお世話になる。 ここではじめて、ソニーやTOTOなどのクライアントの仕事をした。 1990年、独立し、赤坂に事務所を設立。 2003年、事務所を同じ赤坂の現在地に移設した。 新卒ですぐに駆け出しのコピーライターとなったため、 コピーライター歴はすでに四半世紀ということになります。 コマーシャルソングから派生して作詞も手がけた
大きいお口を開けて…何でもモグモグ食べちゃうハムスターたち | ひよこガジェンヌ
大きいお口をあんぐりと…今回ご紹介するのは、いろんなものをモグモグ食べちゃうハムスターたち！大きいお口がますます大きくなっちゃう！？以下よりずらっとご覧くだ…Tweet 大きいお口を開けて…何でもモグモグ食べちゃうハムスターたち ハムスター動物 ひよこ ライフスタイル 大きいお口をあんぐりと… 今回ご紹介するのは、いろんなものをモグモグ食べちゃうハムスターたち！ 大きいお口がますます大きくなっちゃう！？ 以下よりずらっとご覧ください クッキーにビスケット、ニンジンにマカロニまで！？ お口をふくらませて…モグモグご飯を食べている様子は たまらなくキュートで可愛らしいですね ぜひ癒されてください…！ それでは次回まで、さようなら！ ■関連リンク ・8 Hamsters Who Know They Shouldn’t Be Eating Right Now MimicryPet モノマネラッパ
サービス終了のお知らせ
2024年9月30日をもちまして「秒刊SUNDAY」はサービスを終了いたしました。 長い間、ご愛顧いただき誠にありがとうございました。
テイストからデザインを探せる検索エンジン
The Brand Hub for Remote Creative Teams Show what your brand is made of Bring your guidelines, libraries, projects and people together in a brand hub that untangles access and gives creative assets the attention they deserve. Niice enabled us to develop new workflows and get non-creatives more involved. For us, it has evolved from a creative review tool to a full brand hub for all of our assets Ro
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
乳がんと子宮頸がん検診の無料クーポン券が配布されます。：政府広報オンライン
1981年以来、日本人の死因のトップとなっている「がん」。生涯のうちにがんになる確率は、男性の2人に1人、女性の3人に1人と言われます。しかし、最近は、医学の進歩で「治るがん」も増えています。特に女性特有の「乳がん」や「子宮頸（けい）がん」は、早期発見・早期治療で治る確率が高いがんです。早期に発見するためには、がん検診を受けることが有効ですが、検診受診率は20％程度と低いのが現状です。そこで、平成21年度の補正予算によって、一定の年齢に達した女性に乳がん・子宮頸がん検診の無料クーポン券が配布されることになりました。 だれでもなりうる「がん」という病気 日本人にとって、がんはだれでもなりうる身近な病気です。「自分は健康に気を付けているから大丈夫」「近親者でがんになった人がいないから、遺伝的にも大丈夫」と思っている人も少なくありませんが、そうした人もがんになる可能性はゼロではありません。 遺伝
Konatu Font
あなたがお求めになった記事はURLが変更されたか、もしくは消滅しています。 ブログエンジンの変更にともない、過去の記事はほとんどが移動し、ごく一部は消去されました。 以下のURLからカテゴリ・タグ・検索ボックスを利用して、探してみてください。ご迷惑をおかけいたします。 ＞ブログ桝席 http://blog.masuseki.com/ ↓こちらも参考になるかもしれません。 ＞masuseki.comの構成 http://www.masuseki.com
書体関係 Wiki - FrontPage
電子書体を中心に、書体について情報交換をする Wiki です。 デザインの基礎とは、まず書体を研究する。それに尽きるんですね。 そうしたなかで歴史的視点や、文明史的視点をまなぶのですね。 ぼくもずいぶん書体にはこだわってきたつもりだったが、そうした視点に欠けていたことを反省せざるをえませんね。 (原弘さん)
書体関係 Wiki - sazanami
概要 このフォントは、Common Lisp に移植された和田研フォントキット (CLWFK) を使用して自動的に生成されたフォントと、既存の改変自由なビットマップフォントを組み合わせて作成した物です。 文字の構成的には東風フォント代替フォントとほぼ同じですが、スケルトン定義データにまで遡った誤字の修正が行われています。将来的には、プログラムの改善により、漢字デザインの品質向上を図っていきたいと思います。 一次配布元 http://sourceforge.jp/projects/efont/ 最新のバージョン 20040629 既知のバグ (最新版) 問題に気づいたら追加してください。 CVS で解決次第こうやって取消します。 使用環境に依存しない問題点 アウトラインが壊れている文字がある ゴシック U+9090 U+9115 明朝 U+8449(葉) U+8870(衰) アルファベットの
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む（スクロール非対応） Step 2: ページ全体を角丸で囲む（スクロール対応） Step 3: ページ全体を角丸で囲む（スクロールバーを変更） Step 1: ページ全体を角丸で囲む（スクロール非対応） まずはシンプルなスタイルシートで、ページ全体を角丸のボーダーで囲んでみましょう。 基本的な考え方は、body要素にborder-imageを使い、4つの角を角丸にします。使用するのは下記の画像です。 角丸用の画像 コードを見てみましょう。 HTML HTMLは、bodyだけで構いません。 <body> <h1>Rounded inside body border</h1>
Subtle Distress Photoshop Patterns - WeGraphics
This set includes 10 distressed style seamless patterns for Photoshop. Use these patterns as subtle grunge backgrounds for your web projects. Nathan Brown Nathan Brown is an artist/designer from Austin Texas. He specializes in web design, poster design, and album cover art -- and has a particular affinity for grunge and retro design styles.
アイデア満載！2013年春の新作アイコン大集合
インスピレーションの宝庫「dribbble」から、春の新作アイコンを紹介します。 おしゃれなものから、かわいいもの、フラット、ミニマル、さまざまなスタイルをピックアップしました。
CS6対応！Photoshopの作業効率をアップするショートカットをまとめたチートシート -PS CS6 Shortcuts
Photoshop CS6対応のツールとアクションのショートカットをまとめたチートシートを紹介します。 あと、Photoshopで作業する時に欠かせない、ツールやパネルの表示、選択ツール周りの便利なショートカットも。 PS CS6 Shortcuts チートシートの見方 グレーのテキスト ツールのショートカット ※入力モードを英字で ブルーのテキスト アクションのショートカット ※コマンドキーと一緒にキーを押す 作業効率をアップする便利なショートカット チートシートの下半分にある、ツールやパネルの表示、選択ツール周りの便利なショートカットです。 ツールの切替 shift + 各ツールのショートカット グループ内のツールの切替 選択 真ん中から選択 option + 選択(M) 選択範囲を加える shift 選択範囲を減らす option 交差範囲を選択 shift + option 選択範
[JS]ぷるぷるっとかわいいアニメーションでレイアウトを変更するレスポンシブ用のスクリプト -DyLay
ダイナミックなかわいいアニメーションでパネルのレイアウトを変更する、レスポンシブ用のレイアウトを生成するjQueryのプラグインを紹介します。 デモページ DyLayの使い方 Step 1: 外部ファイル 「jquery.js」と「easing.js」と当スクリプトを外部ファイルとして</bpdy>の上に記述します。 <script src="http://code.jquery.com/jquery.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/dylay.js"></script> Step 2: HTML 各パネルはリスト要素で配置し、フィルタやソート用のデータをclassやdata属性に仕込んでおきます。 <ul id="dylay"> <li style="width:
[CSS]メール用のちょっとかわいいアニメーションを実装するスタイルシートのデモ
ホバーで封筒を開き、便箋を出し入れし、また封筒を閉じるアニメーションをスタイルシートで実装するデモを紹介します。 画像もスクリプトも一切無しです。 Animated letter ※デモはChrome, Safariがベストです。 封筒や手紙のイラストに画像は一切使用されてなく、封筒は変形やボックスシャドウ、便箋は疑似要素などで描かれています。 他にもいろいろとアレンジが出来そうですね。 HTML <div id="wrapper"> <div class="anvelopebg"></div> <div class="anvelope"></div> <div class="opener"></div> <div class="letter"></div> </div> CSS *{ margin: 0; padding: 0; } body{ background-color: #1a
正規表現メモ
\x{} \pは後続する名前が表すクラス(プロパティ、スクリプト、ブロック)に属する文字にマッチし、 \Pは後続する名前のクラスに属さない文字にマッチします。 クラスの名前が一文字のときはブレースを省略できます。 クラス名の前に^を置くことにより否定形の指定を行うことも可能です。 Perl 5.8 での変更点 Perl5.8以降(5.6でも使えたようですが)では \pや\Pで始まるプロパティ指定に標準Unicode属性を使うこともできます。 詳しくは perlunicode perlunicode - Perl における Unicode サポート を参照してください。 日本語による説明が Unicodestandard にもあります。 Perl 5.8以降ではユーザーが任意のプロパティを作成することができます (IsまたはInを必ず前置)。 詳しくは perlunicode perluni
正規表現の解説 初級編
正規表現は英語の "Regular Expression" の訳です。文字列のパターンを表現するために使われます。 （正式な定義がどうなっているのかは知りませんので、正しい表現ではないかもしれません） 正規表現はUNIXの世界では古くから使われてきました。テキストデータの加工をするツールでは、大抵正規表現が使えるようです。 Windows(DOS)の世界では、ワイルドカードがよく使われてきましたが、正規表現の方が細かい指定が可能です。その分難しい（奥が深い）のも事実ですが。 元々は数学系の用語のようで、その場合正則表現という訳になるようです。もちろん、この場合上記の定義は嘘になります。テキスト処理のための解説なので、細かいことは許してください（笑） キャラクタ 文字の事です（分かってるって？（笑））。ちゃんと日本語で書けよという方、正論です。ただ、正論は時によっては極論でもあります。 文
正規表現と文字列がマッチしているか簡単にチェックできるオンラインツール -RegExp playground
正規表現と文字列を入力し、それがマッチしているかどうか簡単にチェックできるオンラインツールを紹介します。 NGの画面 正規表現のチートシート ページ下部にあるチートシートから。 . 任意の文字にマッチする（改行を除く） {n} n回の繰り返し {n,} n回以上の繰り返し {n, m} n回以上m回以下の繰り返し ? {0,1}と同じ * {0,}と同じ + {1,}と同じ \w アルファベット、数字またはアンダーバー、[a-zA-Z0-9_]と同じ \d 数字、[0-9]と同じ \s 空白文字、[\t\r\n ]と同じ […] キャラクタをクラス化 [^...} キャラクタを否定クラス化 (…) パターンのグループ化 (?:…) パターンの非格納グループ化 (?=…) 先読み (?!…) 否定先読み ^ 行の先頭にマッチする $ 行の終端にマッチする \b 単語境界にマッチ \B 単語境
[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
[CSS]デザインは美しく、かわいいアニメーションを備えたナビゲーションを実装するデモ
シンプルなリストを使って、アイテムがホバー時に吹き出し状にポップアップするかわいらしいアニメーションを備えたナビゲーションを実装するスタイルシートのデモを紹介します。 アニメーションもかわいくて素敵ですが、半透明のグラデーションもとても美しいナビゲーションですね。 デモは、最新のモダンブラウザでご覧ください。 Menu 実装は下記のようになっています。 HTML シンプルなリストで実装されています。 <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">❄</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
1-4時間で実践できる、Illustratorのさまざまなテクニックを学べるチュートリアルのまとめ
2013年春の新作、Illustratorのチュートリアルをvector tuts+から紹介します。 チュートリアルはステップごと詳しいキャプチャ付きで、英語が苦手な人でも雰囲気は伝わると思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Fonts! Legit Free & Quality » Font Squirrel
sunnylady.net - sunnylady リソースおよび情報
404 Not Found
404
サービス終了のお知らせ - NAVER まとめ
efont プロジェクト日本語トップページ - OSDN
無償で商用利用できて品質の高い日本語フォント一覧 - Liner Note
自由に使えるオープンソースの日本語フォント 3ページ | OSDN Magazine
シンプルなラインがいい感じ、汎用性に優れたベクターのアイコン素材 -WebIconSet
https://www.graphicdesignblog.org/negative-space-artworks-inspiration/
ヴィクトリア朝から40-80年代まで、ヴィンテージ風のロイヤリティフリーのベクター素材がたくさん揃ってる -Retro Vectors
[JS]チェックしておきたいjQueryのプラグインのまとめ -2013年3・4月