【写真】犬吠埼灯台 海景
千葉県銚子市。 灯台にのぼったところから。写真の方向だけでなく、360度回ってみれます。
ブログ(旧)
群馬県でネットショップを開きたい方 ご相談ください（デザイン相談も可）
ご予算に合わせて、制作代行・お手伝いをさせていただきます。 おひとりおひとり真剣にご相談にのりまして、柔軟に対応いたしま…
【写真】佐原 水郷さんぽ
千葉県香取市。 お船ものれます。
CSS ボタン横並び（flex） サンプルコード
flexで折り返される横並びのボタン。 See the Pen buttons by Rin5Graphic (@rin…
【Mac】文字のイラスト（アイコン）を出すショートカット
control + command + space
台湾に行ったときの1枚の写真。構図の狙いについて
撮影場所 台湾、新北市。黄金瀑布の近辺です。 構図の狙い 立体感を意識しました。 足元の草をフレームインさせることで、撮…
【写真】台湾 新北市 瑞芳区 黄金瀑布の近辺から街と海を見おろす
撮影場所 台湾での一眼レフ撮影。 台北から、電車で瑞芳駅（Ruifang Train Station）へ。そこからバスに…
illustrator便利機能。グローバルカラーその2（写真編）
Adobe illustratorの便利機能、スウォッチのグローバルカラー写真編。グローバルカラーでの着色部は一度に色を…
illustrator便利機能。グローバルカラー（色をいっぺんに変える）
Adobe illustratorの便利機能をご紹介します。スウォッチのグローバルカラー。 グローバルカラーで着色した部…
“失敗”へのポジティブ且つデザイン的な捉え方（＋思考のイラスト化）
デザイン的な思考法として、失敗をどのように捉えるのかイラスト化してみました。精神的なお説教などでは決してなく、あくまで思…
栃木県で会報・社内報・組合報・地域情報誌を制作される担当者様へ
会報作成に時間を割けず、お困りではありませんか？冊子の制作なら、Rin5Graphicにお任せください。 組合報・雑誌・…
カットイラストを考えてみる。お題は「アイス」
「アイス」をテーマに、カットイラストを考えて描いてみます。 アイデア出し まずはアイデア出しから。「アイス」というワード…
企画書と提案書を作って、A4ペライチでデザイン
社内用に提出する「企画の提案書（右）」と、社外用に提出する「企画書（左）」の雛形です。※実際に社外に出す時は、もっとカチ…
過去の紙資料がどっさり出現。まいりました。
前回記事の続きで、仕事場の模様替え。コンセント周りの配置換えに合わせて、デスク周りのレイアウトも少し変更しました。 機器…
ちょっとだけ改善。コンセントまわり
8月某日。 雷が来たときの手間を減らせる様に、コンセントに挿すプラグまわりを整理してみました。 コードが無くなってスッキ…
みなさまのお知恵や考えを拝借。雑談がもたらす効力と、実行に至るまで
知恵を授かる 人と話して、雑談したり、相談したり、質問したりしていると、それぞれのご意見や解釈を伺えます。面白いもので、…
Illustrator 土星づくり（3Dとマテリアル）制作中の映像
アドビイラストレーターで、土星をつくりました。の続きです。 前回 作業中の光景を動画にしました。 解説は入れていないので…
文章。段落内において親切な改行位置とは。名前の場合
「今日も元気な山田太郎くんは、お昼にラーメン屋へと向かう。」という文があるとします。 こちら、改行位置を調整して、読みや…
インクのキャラクターを作ってみました（スーツ着せて見た）
先日、インクの画像を作りました。 インクのお話 何を思ったのか、この画像をキャラクター化してみようと、作ったのがこちら。…
トラッピング 色に隙間ができないようにする処理 イメージ
印刷デザインの際、4色のインクの掛け合わせで色を表現します。それぞれの色がズレると、インクがのっていないスキマ部分ができ…
トラッピング 印刷では、インクのズレに配慮してデザインする
紙にデザインを印刷をするとき。巨大な印刷機などでは、一色ごとにインクを塗っていき、別々の色同士が重なり合って、複雑な色合…
印刷の色のしくみ。4つのインクと、掛け合わせで表現される色
プリンターや印刷機で色を刷る時。4色のインクで、とても細かいサイズの点々を打ってプリントされます。 5色とか6色とか、も…
CSS インナーの画像をアウターよりも少しだけハミ出させて微調整
画像をコンテンツ幅に合わせたいけれども、画像の余白でどうにも縦のラインが揃わない。そんな時に、インナーボックスをアウター…
いつぞやの花火
花火の写真ってムズかしい。
Illustrator パペットワープツールで筆書きも簡単調整
Illustrator既存のブラシツールを使って、筆書き風の線がつくれます。筆の走り方はブラシに依存するので、調整は骨が…
文章をデザインで分かりやすくさせる事例（メニュー表の場合）
パッと伝える実例 デザインによって、メニュー表を読みやすくした実例を示します。 解説 伝えたいことを文章だけでまとめると…
色 彩度と明度を調整すると、このように印象が変わります
鮮やかな配色の画像。こちらの彩度（鮮やかさ）と明度（明るさ）を落としてみます。 最初の画像は鮮やかな色。次の画像が、彩度…
CSS 透過画像<img>をhoverで切り替える（力技）
CSSメモ。 （GIFアニメ） 透過のimg画像をhoverで切り替えるコードを試しました（CodePenでは透過画像の…
CSS アコーディオン(detailsとsummary)。JavaScriptいらず
CSS。アコーディオンの練習中です。 特徴 角丸 テキストによる簡易的な「＋」「−」アイコン See the Pen ア…
CSS ワードプレス background-imageのリンク先
CSS苦戦につき、備忘録です。 ワードプレスのCSSで、background-imageを用いて背景画像を敷くときのリン…
CSS 縦書きを中央に(Firefoxでチェック)＆gridリスト
縦書きの文字を左右中央に表示し、gridでリスト化しました。Firefoxだと表示崩れが起きやすいようですので、Fire…
アイコンにちょっとした工夫を。ひとめで伝えたい情報をデザインしました
当サイトのフッターのデザインを少し変えました。電話をテキストからアイコンに変えたのですが、電話対応時間もセットでアイコン…