文字デザインの基本装飾10パターンを紹介【参考例あり】
こんにちは、デザイナーの花ちゃんです！ 自社デザインチームで働いています。 LIGに入社してから作成したLIGブログのアイキャッチは300枚を超えました！ 私がアイキャッチを作成する上で最初の難関だったもの…… それは……文字の装飾！！ 前職ではスマホゲームのUI/UXを担当していました。ゲーム内イベントのキービジュアルやバナーを作成する際は、世界観にあったフォントがある程度決まっていたので、その中から合ったものを選択していたのですが……ブログのアイキャッチとなると、毎回記事の内容、書き手のキャラクターによってテイストや組み合わせを変えなくてはなりません。 圧倒的に引き出しが足りない……！ ということで、今回は文字装飾の基本のパターンについて、LIGブログのアイキャッチを参考例に挙げながらまとめてみることにしました！ 現場で活かせるWebデザインを勉強するなら…… Webデザインを徹底的に
素敵な日本語のロゴ28個をデザイナーが選んでみました！【画像付き】 | 株式会社LIG
💡高品質なロゴ制作会社を知りたい場合はこちらの記事から！ こんにちは、デザイナーの藤田です。 私は最近、日本語のロゴをひたすら眺めるのにはまっております。漢字とかな文字の組み合わせは、その他の言語のロゴには見られない個性があり、とても素敵ですよね。 というわけで今回の記事は、最近見つけた素敵な日本語のロゴをまとめてみました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！ ※ 2014年10月16日に公開した記事を再編集したものです。 日本語の素敵なロゴ 眺めていて素敵で、デザインの勉強にもなるようなロゴを集めています。 1.
新しさ満載！GIFアニメーションを効果的に使ったwebサイト6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 今回はGIFアニメーションについてお話させていただきます！ GIFアニメーションは、複数のGIF画像をつなげてパラパラマンガのようにWEB上で動きをつける表現手法のことです。 昔からある手法なので古くさいイメージを持たれている方もいるかもしれませんが、手軽でブラウザを問わず閲覧することができ、その表現力の幅広さからGIFアニメーションは長年愛され続けています。 特にFLASHの人気が低迷してからは完全復活しましたね。 そんなGIFアニメーションを効果的に使用したWEBサイトをご紹介させていただきます。 GIFアニメーションを効果的に使用したWEBサイト 卤猫 http://www.oamul.com/ 海外のイラストレーター＆アニメーターOamul Luさんのポートフォリオサイトです。 とにかくイラストの雰囲気がとても柔らかくて癒されます。 ポートフォ
デザイナーが選ぶデザイナーのための無料写真素材サイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアの王です。 そもそも「素材」というのは「何かを作るための原材料」ですから、デザイナー・グラフィッカーなどにとっての「写真素材」とは、新しい何かを作るためのもととなる写真であって、ほぼそのままアイキャッチとして使ったり、記事内で使ったりするものではありません！ 同じ「写真素材」とは言っても、使い方によっては向き不向きっていうのがありますからね。今回は特にデザイナー向けの無料で使える写真素材サイトをご紹介します！ 私は「デザイナーに優しい写真素材」とは以下のような特徴を持っていると考えています。（もちろんすべてのケースに当てはまるわけではないが） 被写体が明確 背景が単純 同じオブジェクトを複数のアングルから撮っている テクスチャ系 切抜き済み そのため、今回は以上の特徴を多く持っている写真素材サイトだけに焦点をあてて紹介したいと思います！ おすすめ順で列挙していきますので、上位にき
【国内・海外】おしゃれ文房具のかわいい通販サイト9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、もりたです。 先日、色上質無地の付箋紙がたくさん並んだ自分のパソコンをみて、「うわ……色気もへったくれもない……」って愕然としたので、かわいい付箋紙を探すために文房具通販サイトを週末眺めて過ごしていました。 今回はその中からかわいい文房具を扱っている、かわいいサイトをピックアップしてみました！ 必ずほしくなる！ かわいい文房具のかわいいデザインサイト10選 山田文具店 定番の商品から、医療用グッズといった変わったものや、教材グッズ、駄菓子屋グッズなど懐かしいレトロな商品まで扱っているお店。 小学校の保健室で脱脂綿が詰まっていたあの瓶とかあって用途もないのに欲しくなる！ ものすごい数の商品があるので、ずっと見ていても飽きません。 山田文具店 | 文具（ステーショナリー）を愛する人のための、雑貨セレクトショップ OSANPO Shopping オリジナルスタンプなどを販売しているお
これがあれば自信が持てる! ライター必携の原稿セルフチェックシート15項目 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。子煩悩ライターのイワタテです。 娘、と書くより、愛娘、と書いた方がしっくり来るんです。 きっと、愛しているからでしょうね。 ところで、ライターという職種に限らず、仕事で文章を書くすべてのみなさん。 原稿、自信をもって出していますか？ 僕は、自信をもって出しています。 その秘密は、原稿提出直前に必ず使う、15項目のセルフチェックシートです。 このチェックシートを活用するようになってからというもの、クライアントの機嫌は良くなるし、読者からのレスポンスが見違えたし、みるみる仕事が増えていくし……父ちゃんやったぜ愛娘！ 原稿送信のボタンを押すときはいつも不安になるという方。 よろしければこのチェックシート、印刷して机のどこかに貼って、使ってみてください。 □ 原稿の結論がタイトルに明記されているか。 何が書いてある原稿か直感的に理解できなければ、そもそも読者はページを開かない。 □ 想
Illustrator（イラレ）でマーブル模様・柄を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。 以前、「アイスクリーム柄に使える！Photoshopでシームレスなマーブル模様を作る方法」という記事を書いたのですが、今回はIllustratorでマーブル柄を作成する方法をご紹介したいと思います。 まずは下準備、キャンバスに好きな色を乗せる 今回は濃い目のグレーの下地に5色ほど乗せました。あとでまぜこぜになることを考えてバランスよく配置します。 うねりツールを使ってまぜる！ うねりツールはここにあります。 うねりツールを選択すると円形のブラシが出てくるので、かき混ぜたいオブジェクトを選択してドラッグしてみてください。 ブラシの範囲内がドラッグしている間回転します。 Altキーを押しながらドラッグするとブラシの大きさが変わります。 また、「うねりツール」をダブルクリックするとオプションが出てきます。ここでうねりを適応する幅や、回転する向きなどを選べます。
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
Illustratorで画像トレースする方法！落書きからイラストを作ってみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Photoshopでゴミ取りをする。 まずは、写真のゴミ取りから取り掛かります。 こちら、弊社 落書き ホワイトボードの写メです。 この状態からPhotoshopの「レイヤースタイル」→「トーンカーブ」で周りを白く飛ばし、余計な背景を消しゴムツールで削ってゆきます。 同じ作業をなんどか繰り返して…… こんな感じの、なるべく線だけが見える画像にします。 画像トレースでIllustratorに線画を取り込む。 先ほど作った画像をIllustratorに配置し、画像を選択した状態で、「ウィンドウ」→「画像トレース」を開きます。 ここを調整してプレビューを確認しながらトレースをすると割りとうまくいきます。 しきい値が多いほど詳細に取り込まれます。 調整が決まったら、プレビューを外してレッツトレース！！ 次に、トレースされた画像を選択して「オブジェクト」→「画像トレース」→「拡張」で線画をパス化して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
