Vue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリ・「Avatar Maker」Avatar MakerはVue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリです。 任意の箇所から好みのパーツを選んで組み合わせてアバターを作成出来るよくあるやつです。素材やスタイルを変更するだけでもオリジナル性を出せそうですね。 コミュニティなんかであると地味に喜ばれそうです。Githubにてソースコードが公開されていますがライセンスの明記はありませんので必要でしたら開発者の方にお問い合わせください。 Avatar Maker
開発が捗るかもしれない(面白い)ダミー画像,テキストまとめ - Qiita
開発でいちいちダミーの画像とかテキストを作るのがめんどくさかったりしますよね。 VSCodeとかだとHTML入力時にloremと打つと自動でスニペットがlorem ipsumを挿入してくれたりします。 Lorem ipsum - Wikipedia だけどloremだけじゃつまらない! そんなあなたの為にダミー画像、テキストをまとめました。 他にもあったらぜひ教えてください！(随時追加します, 編集リクエストだと嬉しい) 代替のネタ元は→APIs you didn't know you needed ダミー画像関係 Placeholder.com 好きなサイズのダミー画像をかえしてくれる。(これは有名かも?) ちなみにテキストも入れられるらしい。便利！ 以下サンプル https://via.placeholder.com/200x100 https://via.placeholder.co
アイキャッチをデザインして表示するワークショップを実施してきました in WordBench奈良 ｜https://wp.yat-net.com/name
2016年 02月 15日 アイキャッチをデザインして表示するワークショップを実施してきました in WordBench奈良 カテゴリ： デザイン タグ：WordBenchワークショップ タイトル通りなのですが、アイキャッチ画像をデザインするワークショップをWordBench奈良におじゃまして開催してきました。 きっかけは、WordBench奈良のFacebookグループで、デザイン関係をやりたいという話が上がっていて、それに登壇させてもらえないか？と打診したのがきっかけです。 WordBenchはWordPressが好きな人が集まるコミュニティで、WordPressに関する物事を勉強したり、話しあったり、何かを作ったりするんですが、WordPressでテーマを作るにしても、ブログを書くにしてもデザインは切っても切れない関係ないので、こうやって話題に上がってきます。 今回は時間が2時間とい
[イラレの基本！ブラウザで気軽にペンツールの練習ができるサイト、The Bézier Game] 他 海外のIllustrator情報 | WEBデザインすーぷ
2015年3月3日 Illustrator ベジェゲーム The Bézier Game A game to help you master the pen tool ペンツールのマスターを助けるためのゲームです。 思い通りにベジェ曲線を扱えない初心者さん必見のサイトです。ペンツールはPhotoshopやShade、Inkscapeなどでも使いますが、Illustratorを始める時はこれを使わないと始まらない！というぐらい重要なツールです。でも独学の人はそもそもどうやってペンツールに慣れたらいいのかわからなくて、最初に挫折しちゃう人も多いですよね。 このサイトは最初にお手本を見せてくれるので、まずはそのまま真似してみてください。45度刻みのところはShiftキーを使うといいですよーとか、Altキーを押すとアンカーポイントを切り替えれる、などというところはハートの描き方までに教えてくれるの
![[イラレの基本！ブラウザで気軽にペンツールの練習ができるサイト、The Bézier Game] 他 海外のIllustrator情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4367ff08eb140cd5709e63dddc806cb6ce665489/height=288;version=1;width=512/http%3A%2F%2Fi2.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F03%2Fi2.jpg%3Ffit%3D723%252C240)
CSS Sprite Maker
CSS Sprite Maker is a freeware Windows application that combines different images into a single image for use in modern web design and generates relevant CSS. Using CSS Sprite Maker is very simple. Just select the different icon images you want to join, tweak the options as per your need and hit the Generate button. It will make a single transparent PNG from the icons and generate necessary CSS an
Staccal2のアイコンが出来るまで
div.version {clear: both; } div.icon {width:270px; float: left; margin-bottom: 100px; } div.icon img {background: #525252; padding: 15px; width: 240px;} div.desc {float: right; width:360px; } div.desc strong {font-size: 20px; padding-bottom: 10px;} 年始にPCを整理していた所、Staccal2のアイコンが出来るまでのデザインの変遷を見つけてしまいました。 いつか記事にしようと開発中に残しておいたものと思いますが忘れ去っていました。かなり今更なコンテンツなのですが、折角なのでご紹介しようと思います。
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
Photoshopで、1枚のレイヤーから線画だけ抽出する方法
MS Office カテゴリ MS Office (100) 関連タグ Access (35) Excel (83) PowerPoint (8) Python (0) YouTube (6) 入門 (34) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (21) twitter (10) WordPress (76) YouTube (6) アプリ (28) イラスト (42) デザイン (15) ブログ (39) 入門 (34) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7) Photoshop (18) Premiere (3)
シャープに写す！ モノや風景を撮るならF8～F11を活用しよう
“開ける”の次は“絞る”です。ボケを簡単に楽しめる、開けて撮るシーンに対して、被写体の広い範囲にピントを合わせたりする際には、絞って撮ることが重要になります。 絞りを“開ける”撮影テクニックをお届けした前回にを踏まえ、今回はセカンドステップ“絞る”です。一眼ならではのボケを簡単に楽しめる、レンズの開放値（レンズの一番明るい数字）に慣れたら、次は効果的に絞る撮影事例を紹介します。 F4などを使って何パターンか絞った写真を撮っておく 明るいレンズを使って写真を撮っていると、例えば「旅先での記念写真、背景がボケすぎて、どこなのか分からなくなっちゃった……」なんていう経験はないでしょうか。F1.4やF2.8では、イメージしているよりもボケすぎてしまうケースがあります。 こういった場合はF4やF5.6などを使って、何枚か絞った写真を撮っておくのがお勧めです。あとでイメージ通りのボケ感の写真をその中か
バナーデザインのコツ11選！初心者が気をつけるべきポイント、ビフォーアフターも紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーののっちです。 好きな業務の1つがバナー制作なのですが、最初の頃は「決められた空間に文字と画像を詰めて、さらには綺麗に見せて……」と、まるでジグソーパズルのようなあの作業にもの、すごーーく時間がかかっていました。これは新米デザイナーなら、誰でも一度は通る道だと思います。 そこで今回は、新米デザイナーが知っておきたい“美しい”バナーを“効率的”に制作するためのフローについてまとめます。 独学でつまずいていませんか？ バナーデザインの作り方を効率的に学びたい、プロに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年2月に編集部が情報を更新し
素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。
HOME ブログ GIMP , webデザイン , WordPress , YOUTUBE , 【PR】 , フォトショップ 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。2014.10.15 ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用しているのにも関わらず、ロゴを自作しているために素人っぽく見えてしまうサイトを良く見かけます。ここではその4つの特徴をまとめてみました。 ① ロゴの背景に写真を挿入している② ドロップシャドウのかけすぎ（なぜかポップな書体とセットが多い）③ 背景を透明にすることができず枠が浮いている④ サイト全体とミスマッチな色とマークを採用↓ 画像を
【バナーデザインの教科書】訴求したいイメージ別｜王道デザイン8選！ | LISKUL
「どうすればこの商材の魅力を最大限に伝えるバナーができるの？」 このような悩みを持つデザイナーさんはたくさんいらっしゃると思います。 よくある「バナーデザインまとめ」のようなサイトを閲覧してもイメージ別のデザイン（配色やフォント）の特徴が見えず、毎回まとめサイトを参考にしていると作業がなかなか進まず、イライラすることもあるでしょう。 そんな方のために今回は訴求したいイメージ別のバナーデザインの特徴をお教えます。 「安心感や信頼感」「誠実さ」「かわいい」「お得感」「先進性」など訴求したいイメージごとに最適なフォントや配色、その他の特徴をまとめて紹介していますので、ご自身が制作したいバナーのイメージに合わせてご覧下さい。 コンバージョンする！高品質なバナー作成方法 【はじめに】デザインイメージ図今回は日本カラーデザイン研究所の配色イメージスケール図をベースとしてイメージ別のバナーデザインをまと
とある櫻花の画像生成（ジェネレーター）- とある風画像を自動生成
とあるさくらのジェネレータ とある の （） 方向 縦 横 色合い 科学色（赤） 魔術色（青） その他 色の指定: → 公開 する しない 誹謗中傷は侮辱、名誉毀損となり、罰せられる場合があります 最近作成された画像の一覧 >>もっと見る >>もっと見る >>もっと見る (C)Kunihiro Tanaka - Twitter - 解説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」
パワポマンメーカーの使い方！ パワポのクリップアートを作成しよう！ | ライフハッカー・ジャパン
travelbanana.net
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
MediBang、マンガ制作ソフト「CloudAlpaca」を無償公開
スタイルを適用するだけで写真が鉛筆画・インク画・水彩画・油絵に変身「FotoSketcher」NOT SUPPORTED
【追記あり】Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」 - Suikolog
