CSS Animo
div{display:inline-block;width:13px;height:13px;background:#f39c12;border-radius:50%;animation:bouncing-loader .6s infinite alternate}.animoBouncingLoader::after,.animoBouncingLoader::before,.animoBouncingLoader>div{content:''}.animoBouncingLoader>div{margin:0 5px}.animoBouncingLoader>div{animation-delay:.2s}.animoBouncingLoader::after{animation-delay:.4s}@keyframes bouncing-loader{to{opacity:.1;t
次亜塩素酸ナトリウム液の作り方
次亜塩素酸ナトリウム液は、塩素系漂白剤等を希釈して作ります。 次亜塩素酸ナトリウム液は使い方を間違えると効果がなくなるだけでなく、思わぬ事故につながることがあります。 用途に応じた希釈や使用、保管時の注意事項を守りましょう。 新型コロナウイルス消毒の希釈方法 新型コロナウイルス対策で、調理器具、トイレのドアノブ、便座、衣類等を消毒する場合は、約0.05パーセント濃度の希釈液を使用します。（図は市販の原液濃度5パーセントの塩素系漂白剤を使用したときの目安です） 原液濃度が5パーセントから6パーセントの塩素系漂白剤を使用する場合は、500ミリリットルのペットボトル1本の水に、5ミリリットル（ペットボトルのキャップ1杯）の塩素系漂白剤を入れます。 使用するときの注意事項 手指の消毒には絶対に使用しないでください。 使用する際は十分に換気してください。 有害ガスが発生するため、酸性のものと混ぜて使
免疫力を高めたり、血行を促したり、健康的なお肌を作ったり。身体にうれしい効果をたくさんもたらしてくれる、ねぎ。 それなのに、自分からは決して多くを語らず、むしろ主役の良さをスッと際立たせてくれ、さらに彩りや見栄えなんかも良くしちゃったりして。それはそれは「できるヤツ」なんです。
Photoshopでカラーのグリッチノイズを生成する方法を紹介。レトロ、ギーク系のデザインから「躍動感」や「最先端」をイメージさせるような案件まで対応する人気手法です。以前の記事「画像にグリッチノイズ風の効果をつける」の応用編となります。*本連載はPhotoshopで作る定番グラフィックの制作工程を一から手順通りに解説するHow to記事です。 ■使用する機能「レイヤー効果」「長方形選択ツール」「ハーフトーンパターン」「描画モード」
X(Twitter)をWebブラウザ版で開く方法！開けない時の対処法も[iPhone/Android/PC]
こんにちは、BXデザイン室 BXデザイン2チーム 大滝です。BXでは、年中チーム内の誰かが何かのロゴを作っています。新しい会社、サービス、イベント、商品、それらのリニューアル、リブランディング…等々。ロゴが必要になる場面はすごく多いです。 私は日々周りに溢れるロゴや文字を見て、何の書体がベースなのかなぁ。どういう作り方をしているのかなぁ。と考えたり、検索したり、線が綺麗だなぁと思ったり、企業のロゴの刷新について調べたりすることが好きです。 今回は、LINEに入社するときにも気になっていたロゴと使用フォントについて書こうと思います。 1．LINEのロゴの遍歴 LINEのロゴは、何度か変わっています。 LINEの始まりは2011年6月、東日本大震災で大切な人と連絡が取れなかった経験を元に生まれました。震災の時、私も東北におりまして、家族や友達と連絡が取れず不安な日々を過ごしたので、LINEのサ
サクッと一発でできるIllustratorの波線の作り方。効果一発でできる分、使いにくい癖もあります。 線を引く ペンツールで線を引きます。 効果ジグザグ 「効果」→「パスの変形」→「ジグザグ」で滑らかにを選択します。 アピアランスなので調整可能 アピアランスなので、後から調整が可能です。対象オブジェクトを選択した状態で「ジグザグ」をクリックで数値の調整ができます。 具体的な使用例と使いにくい点 効果で一発で変換できる分使いにくいのが、四角形の場合４辺すべてに効果が適用されてしまうところです。つまり下記の水や雪みたいな厚みをだした表現がやりにくいのが現状です。一部のパスのみだけ波線が適用できるようになれば良いんですが。 アピアランス分割を適用してしまうと線が塗りに変わってしまうので、色々とやり方がありますが、私の場合、選択した状態で「SHIFT+OPTION」を押しながら上にもっていき、ド
2019.07.09 UPDATE イベント新商品のお知らせ 全国架空書店ブックカバーの全デザインを紹介します 全国架空書店ブックカバーの全デザインを紹介いたします。 47都道府県、54種類の個性豊かなブックカバーは、書店名をすべて小林賢太郎さんが命名されました。 あらかじめ決まっている書店名をお題に、各都道府県にゆかりのある作家さんたちが素晴らしいデザインをしてくださいました！ 地方ごとにご紹介いたしますので、書店名と見比べながら楽しんで見ていただけましたら嬉しいです。 ＜北海道・東北＞ ＜左上から右に＞ 【北海道A】ひぐま書店 / illustration | nombre 【北海道B】どさんこぶんこ / illustration | SEIGO MIWA 【岩手県B】いわて銀河書房 / illustration | ナガノチサト 【山形県】 さくらんぼ書林 / illustratio
2020.3.14 イラレでギザギザトゲトゲの吹き出しの作り方 漫画でよく大声や叫び声なんかで使われる、ギザギザでトゲトゲの爆弾的な吹き出しの作り方です。 イラストレーター(Adobe Illustrator）で作る方法はいろいろあるんですが、クラウンツールを使えば自然な感じの吹き出しが、かんたんに５秒で作れるので紹介します。 クラウンツールを使って吹き出しを作る ツールバーの真ん中あたり、「線幅ツール」と同じグループに「クラウンツール」があります。線幅ツールを長押しでクラウンツールを表示、選択します。 クラウンツールで図形の内側から外に向かって、ほんの少しドラッグします。 外側に向かってトゲトゲができます。 これを一気にひと筆書きのように全方向にドラッグすると、こうなります。 グイッと外側に押しだすようにドラッグします。5秒で吹き出しのできあがり。
Illustratorで粒子を使った宇宙空間のようなグラフィックを作る方法｜DESIGN REMARKS [デザインリマークス]
今回は、Illustratorを使って粒子状のパーツで構成された宇宙空間のようなグラフィックの作り方をご紹介します。 この方法を覚えればIllustratorでの表現の幅が広がるでしょう。 実際の作り方に入る前に、まずは2つのテクニックを知ってください。 使用する2つのテクニックを覚える 今回のグラフィックの作成には2つの簡単な技法を用います。 点線をブレンドして点描を作る技法 点線を2本用意してください。これは直線・曲線、あるいは円でも大丈夫です。 今回は円で作ります。 二つの線(円)を選択した状態で、 オブジェクト > ブレンド > 作成 を選択します。 すると点線同士が繋がり、面での点描になります。 点描の数を調整したい場合には、ブレンドオプションのウィンドウでステップ数を選択し、数を変更します。 ２つの線を違う色にすればグラデーションになります。 ブレンドで面での点描を作ったのちに
![Illustratorで粒子を使った宇宙空間のようなグラフィックを作る方法｜DESIGN REMARKS [デザインリマークス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1a1d5d22f75bd6b512ae63c3fe4fb4900ae94fc/height=288;version=1;width=512/https%3A%2F%2Fdesign-remarks.com%2Fwp-content%2Fuploads%2F2020%2F12%2Fparticle_graphic_thumb-1200x675.jpg)
耳鳴りの最新治療理論にもとづいた総合診療を実践しています。問診では耳鳴りの具体的な症状から鼓膜所見、血圧、貧血といった内科的所見も確認します。さらに睡眠やライフスタイルをヒアリングしたうえで検査を行い、治療方針を決定します。耳鳴りの治療法は多種多様ですが、当クリニックでは総合的治療をモットーとしており、薬物療法や音響心理学的治療、認知療法、ストレスマネージメントなどさまざまな治療法を統合的に実践するのが特徴です。
Illustrator(イラレ)でデザインを印刷すると、画面で設定していた色が違う！なんとことはたまに起こります。そんなイラレで印刷すると色が変わる(色が違う)ときの確認すべきポイントと対処方法をご紹介します。 何年もデザイナーをやっていると、経験上、だいたい原因は同じ場合がほとんどなので、印刷して思うような色味にならない方は是非ご覧ください。 IllustratorやPhotoshopをまだ持っていない方はAdobeソフトが使い放題になるAdobe CCがおすすめです！こちらのAdobe CCを安く購入する方法を参考にしてください。 イラレで印刷したとき色が変わる(色が違う)ときの原因と確認事項 Illustratorで印刷したときに色が変わる(色が違う)ケースはいくつか考えられます。 これからご紹介するのはイラストレーターのデータ上(aiデータ)での原因と対処方法です。大抵は、イラスト
この画像のような、SF的でHUDとかに合いそうな円のイラレでの作り方を紹介したいと思います。 1. 円を作ります。 2. 線分を「破線」にし、適当な値を入れていきます。 (線のウインドウがない場合は、メニューバーの「ウインドウ＞線」を選択することで出てきます) 3. 作った円の同心円を複数作り、2を繰り返します。 こうすることで、複数の欠けた円ができ、重ねることで、なんかかっこいい感じの円ができます！
Adobe Photoshop 235 今回は『Photoshop』で画像にレンズフレアを追加できる『フレアオーバーレイテクスチャー素材』をまとめて紹介していきます٩( ‘ω’ )و
Webアイコンといえば、ボタンの遷移先を示したり、サービスの内容を簡潔に表したりと、役割は様々。 「文字だけの情報ではユーザーに伝わりにくい…」 「写真素材ばかりでバランスが悪い……」 そんなとき配置するだけで文字の情報量をはるかにしのぐ存在と言えます。 無料で使用できるアイコンダウンロードサイトはたくさんあるけど、 ライセンスの確認、ほしいアイコンがない、サイト全体のトンマナと合わせるのが難しいなど 悩ましいことも多いですよね。 そんな新米Webデザイナーの皆さん。 簡単なWebアイコンなら、Illustratorで自作してみませんか？ デザインのオリジナリティも出るし、後日修正もできる。 Illustrator初心者でも簡単3ステップで作成できる方法を、ちょっとだけ公開します！ アイコンは図形の組み合わせで簡単に作れる！ 初めてIllustratorを触った、 という人でも簡単にWeb
この記事ではIllustratorのグラデーションで透明な表現や文字や線にかけるなどの基本的な使い方を解説していきます。 これもイラストレーターの中では基本でもあり、グラデーションはデザイン表現を大幅に広げてくれます。
はじめまして！ スぺラボ大阪支店勤務5年目CGクリエイターのおとうふと申します。 いつも使っているPhotoshopのツールの用途は知っていても「もっと作業スピード上げられないかな…？」と思い、ちょこちょこ便利機能を調べて早数年が経ちました。 今回は意外と知られていない？Photoshopの便利機能を3つご紹介したいと思います。 目次▼ １.感覚的にできる！ブラシの大きさ・固さの変更方法 ２.見やすくなる！レイヤー便利機能 a.サムネールのレイヤー範囲内表示 b.一度にレイヤーのグループを展開・折りたたむ方法 3.まとめ 1.感覚的にできる！ブラシの大きさ・固さの変更方法 まずはみなさんご存じのブラシツール！ ブラシの大きさを変更するときはどのように操作しているでしょうか？ ブラシプリセットピッカーや既定のショートカットを使っていますか？ どちらも有名な方法ですが、操作手順が多く意外と不便
【おさいほう】ワークキャップの型紙の作り方
頭のサイズを測る 帽子の一番下の部分がきて欲しい高さの所をメジャーで巻いてはかる＝Ａ Ａから頭の一番高いところをまっすぐ定規で測るＢ てっぺんを作る 1枚 Ａ÷3.14÷2＝半径で円を描く 楕円にしたい場合は横を3～5ｍｍ内側に 縦を3～5ｍｍ外を通るように円を補正してください。 周りに1ｃｍ縫い代をつける。 横の部分を作る 横Ａｃｍ+縫い代2ｃｍ 縦Ｂ+縫い代2ｃｍの長方形で切る。 縫い代込みです。 つばを作る 紙の上にてっぺんの型紙を重ねて好みのつばの広さで線を描いてください ※てっぺんは縫い代をつける前の丸のほうです そのままだとつばが横の部品に対して直角になるので修正する。 いくつか当分割する奇数が割りやすいかもしれません。 分割線を引いたら切る 2枚 カーブのきつい辺の角を基点に分割した型紙を広げる 下にしいた紙にテープで固定する。 するとこのようにつばが斜めに下がります。 どれ
木の葉っぱなどが描ける、Photoshop用のブラシです。■利用規約は配布ページ内にあります。使用の前にご一読ください。ダウンロードはこちらからhttps://chroma960.booth.pm/i
今回はIllustratorで流れるようなリボンの作り方を解説しようと思います。 何かとこのようなリボンのあしらいは使う機会も多いと思うのでぜひ覚えておきましょう。 ペンツールで波線を作ろう まずはペンツールを使います。 ショートカットキーはPです。 そのまま適当に波線を書いてみましょう。 多少歪でも問題ありません。 3D機能で立体表現にしましょう 続いて、立体的に表現をしようと思います。 あとで調整がしやすいようにアピアランスを使いましょう。 メニューバーのウィンドウにカーソルを当てて、プルダウンメニューを開き、アピアランスを選択しましょう。 次に、アピランスの効果メニューから→[3D]→[押し出し・ベベル…]を線を選択したまま適用します。 この立方体をぐるぐると動かしながらリボンのうねりを作っていきましょう。 ワイヤーフレーム表示にすることで、リボンの重なりの部分がわかりやすくなるので
Illustratorで「集中線」をとっても簡単かつ、調整が効きやすい方法で作成してみましょう。 集中線がある事で、見せたいもののインパクトを一気に高める事ができるようになります。 使いすぎるとくどくなりますが、非常に効果的な強調方法ですので、ぜひデザインの引き出しに入れておきましょう。
「BACK TO THE MEMORIES PART3」公式サイト
FANTASTIC 6の中に、 父親が現役サッカー選手の メンバーがいた！ いつまでも現役にこだわる父、 それを応援する母と息子… だが“ある問題”が発生！ FANTASTIC 6が問題解決に一肌脱ぐ！ 親子で楽しめる懐かしい名曲の数々と、 毎公演変わる大喜利、 そしてメンバーの新作かくし芸を お楽しみに！
3jigen.net
This domain may be for sale!
モーダルを開くボタンを作る モーダルを作る1. アートボードサイズいっぱいに図形を作成(画像グレー部分) 2. スクロールさせたいモーダルの図形を作成 3. 両方選択して「中マド」で切り抜きます 4. 出来た図形を使い、大元のページをクリッピングします。 5. さらに図形をコピーして上に重ね、グレーアウトを表現します 6. 上記で作ったパーツの下に、白背景とモーダルの中身を設置 7. グレーアウトのパーツを、プロトタイプモードで「スクロール時に位置を固定」に設定します 仕上げ大元のアートボードとモーダルのアートボードを、プロトタイプモードで繋げば完成です。記事最上のXDファイルを直接見てもらえると、直感的に分かると思います！ ちょっと無理やりですが、ひと工夫したXD小ネタでした。
このブログではダッフィーの服を中心に、ぬいぐるみの服の作り方や型紙をアップしています。 最近、こんな声を聞きました。
デザインをにぎやかにするなど案外使える場面が多い放射状のオブジェクトですが、アピアランスを使って簡単に作成することができます。 ということで、今回は「イラストレーターのアピアランスの破線機能を使って簡単に放射状のオブジェクトを作る方法」をご紹介します。 [aside]制作情報 作成目安・2分 使用ソフト・illustrator CC2016 オブジェクトサイズ・100×100(px) [/aside] 1.円作成 まずツールパネルの中の長方形ツールを長押しして楕円形ツールに切り替え円を作っていきます。※今回は100px × 100pxのサイズで作っています。 この時、Shiftキーを押しながら円を作る事によって縦横同比率のキレイな円が出来ます。 また、アートボードをクリックして直接数値を打っても良いでしょう。 ２.「線」を設定で破線に アピアランスの塗りを「なし」にして線の設定をしていきま
フロントエンドエンジニアに資格は必要？フロントエンドエンジニアにおすすめの資格・検定10選｜IT/Web・広告業界専門求人サイト Webist（ウェビスト）
WebクリエイターWebクリエイター業界すべて(---)Webプロデューサー・Webマスター(---)Webディレクター(---)Webデザイナー(---)Webコンサルタント(---)Web編集・ライター(---)Web動画編集(---)Webマーケッター(---)データサイエンティスト・Webアナリスト(---)プロジェクトマネージャー(---)制作進行管理(---)その他(---)WebエンジニアWebエンジニア業界すべて(---)システムエンジニア(---)フロントエンドエンジニア(---)コーダー(---)プログラマー(---)データエンジニア(---)ネットワークエンジニア・サーバーエンジニア(---)その他(---)広告/出版クリエイター広告/出版クリエイター業界すべて(---)プランナー(---)ライター(---)カメラマン(---)デスク・編集(---)校正・校閲(---
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ねぎラボ | ねぎ好きのためのレシピサイト！ | ユーフーズ株式会社
Photoshopでカラーグリッチノイズを作る方法（ノイジーでグラフィカルなビジュアル生成）
Twitterスペースの音声データをダウンロードする方法！リクエストが必要です | みんなのSNS
LINEのロゴとフォントについて｜LINE CREATIVE CENTER
イラレの波線の作りかたと、苦手な表現 - DESIGN TREKKER
全国架空書店ブックカバーの全デザインを紹介します | お知らせ | 水縞
イラレでギザギザトゲトゲの吹き出しの作り方 - クラウンツールの使い方
耳鳴りの専門治療 | 小林耳鼻咽喉科内科クリニック｜ 東京都目黒区
イラレで印刷すると色が変わる(色が違う)ときの確認事項と対処方法
https://www.elle.com/jp/gourmet/gourmet-gifts/g75948/gpi-cookie-18-0405/
【Illustrator】SFチックな円の作り方 - デザインのメモ
【Photoshop】全て無料!!画像にレンズフレアを追加できる『フレアオーバーレイテクスチャー素材』まとめ
Illustrator初心者でも簡単3ステップで描けるアイコン作成 | 東京のホームページ制作 / WEB制作会社 BRISK
イラレのグラデーションで透明な表現や文字や線にかける基本的な使い方を解説
スペラボのらぼ‐豊富なナレッジを持つスぺラボならではのオウンドメディアコンテンツ‐
#フリー素材 【フリー素材】木のブラシ（Photoshop用） - くろまのイラスト - pixiv
Illustratorで流れるようなリボンをとっても簡単に作る方法 | デザインカルチャーブログ リバティー デバート
Illustratorで、円状と横に流れる「集中線」をアピアランス効果などで作る方法 - デザイナーブリッジ
XDでスクロール可能なモーダルを表現する方法｜長竹 友泰
【型紙無料】ダッフィーの帽子（キャップ）【作り方と型紙】
アピアランスの破線機能を使った放射状のオブジェクトの作り方【Illustrator(イラストレーター)】