タグ シェイプ
人気順 5 users 50 users 100 users 500 users 1000 userscounterNetのポーズをPhotoshop、クリスタなどシェイプを扱えるソフトで行う簡単な方法
概要 Blenderを使う方法など色々出てきましたが、どうやら最終的に部位分けされた色で体裁を保っていれば何でも良いようです。 なお背景は黒じゃないとダメみたいです。 つまり、シェイプとか拡縮・回転などかけても劣化しない形式で作れるソフトなら何でも良いわけですね。もしくは毎回直線ツールとかブラシで直線引い... 続きを読む
ブックマークしておくと便利! 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む
Rubyオブジェクトの未来をつくる「シェイプ」とは(翻訳)|TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: The Future Shape of Ruby Objects 原文公開日: 2021/09/10 原著者: Chris Seaton RubyKaigi Takeout 2021: The Future Shape of Ruby Objects by Chris Seaton - RubyKaigi Takeout 2021 日本語タイトルは内容に即したものにしました。本記事はRubyKaigi Tako... 続きを読む
これはまずい、Photoshopでもバージョンアップで表示が変わる! | CS5
Photoshop 2020の新機能紹介では一切触れられていないのですが、内部的に変更があったようです。それが発覚したのがAdobeコミュニティの次の投稿など(原因が同じと思われる投稿が複数あります)です。 Photoshop CC2020とCC2019 で「シェイプの線」と「レイヤー効果:境界線」の表示プライオリティが違う 自分でも同じ... 続きを読む
日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材 -日本の風習を伝える100のアイコン | コリス
日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材を紹介します。 配布中止になっていたのですが、今回当ブログで再配布することになりました。作者様に感謝です! アイコンのフォーマットは、2種類。 .png(透過PNG) .psd(シェイプ) アイコンは日本人に馴染みのある日本の伝統や文化、四季の風物詩がシンプルにデザインされています。.psdのシェイプは、サイズやカラーを変更すること... 続きを読む
日本語にもしっかり対応してる!PhotoshopのPSDファイルをSketchファイルに変換する -PSD to Sketch | コリス
ツールを移行する時にネックになるのが、既存のファイルです。 Photoshopで作成したPSDファイルをSketchファイルに変換するオンラインサービスを紹介します。レイヤー、シェイプ、スマートオブジェクト、マスクなどにも対応しており、PSDで作成したファイルがSketchで利用できるようになります。 日本語フォントや日本語のレイヤー・ファイル名でも問題なく、またかなりのファイルサイズでも問題なく... 続きを読む
フリーフォントで完成!ミニマルな無料ロゴテンプレート総まとめ(Photoshop / Illustrator 対応) - PhotoshopVIP
ロゴデザイン制作に迷ったら確認したい、ミニマルスタイルのロゴ用テンプレート素材を集めました。文字とシンプルなシェイプで作成されたミニマルスタイルが中心で、どれもフリーフォントを使って編集できるものばかりです。 自由なサイズや色に変更することができ、どんなデザインとも合わせやすいのが特長。ロゴに黄金比を取り入れたり、グラフィックデザインで人気のブラシフォントを使ったモダンレトロ・スタイルなど、ロゴ制... 続きを読む
デジタルイラストを本格的なタッチで描ける!質感や空気感やディテールの表現がすごいPhotoshopのブラシ素材 -Fenris31 | コリス
さまざまなペイントやシェイプ、質感を生み出すテクスチャ、空や雲や煙や埃などの空気感、模様や飾りなどのディテール、デジタルイラストを本格的なタッチで描けるPhotoshopのブラシ素材を紹介します。 Fenris31 Br...記事の続きを読む 続きを読む
Clippy - Web上で画像の表示する形を自在に設定 MOONGIFT
画像をWebサイトに表示する際には、四角くか画像自体を起動する形に切り抜かないといけないとお思いでしょうか。実際にはCSS3を駆使することで元の画像は変えずに表示する形状を変えることができます。 とはいえそのような表示指定を手作業で行うのはとても面倒です。そこで使ってみたいのがClippyです。 Clippyの使い方 こちらがメイン画面です。画像と形を選ぶだけの簡単操作です。 シェイプは色々と用意... 続きを読む
Photoshopのパスファインダーパネルを作りました(CS6/CC用) - saucer
意外と知られていないですが、PhotoshopでもIllustratorのパスファインダーのように、複数のシェイプを組み合わせて新しいシェイプを作成する機能があります(CS6以降)。でも、メニューとオプションバーを使って2回の操作を行わねばならず、Illustratorのようにワンクリックで実行することはできません。そこで、これらの処理をスクリプトにまとめ、実行しやすいようにパネルにしました。CS... 続きを読む
美しいソリッドなラインとかわいいベタ塗りの2種類が揃ってる無料のアイコン素材 -Pixeden | コリス
ビジネスサイトでも個人ブログでも無料で利用できる、ソリッドとベタ塗りの2種類が揃った高品質のアイコン素材を紹介します。 アイコンのアイテムは128種類、それぞれにソリッドとベタ塗りが揃っています。 ダウンロードできるアイコンのフォーマットは3種類、それぞれ30px, 60px用が用意されています。 .ai .eps .psd .psdはシェイプで作成されているので、サイズやカラーの変更も簡単です。... 続きを読む
iPhone.design » 日本の風習を伝える100のアイコン − 完全版
『日本の風習を伝える100のアイコン』プロジェクトの完成版です。 日本固有の風習を伝えるもので、多少なりともアイコンとしての需要がありそうなものを、今まで4回に渡って配布してきました。 今回はその完成版です。 100個揃った完成版をもって5回目の配布に換えさせていただきます。 また、完成にあたってシェイプを含むpsd及びaiデータの販売を開始しました。 $5.00で販売のところを、コリスさんとのタ... 続きを読む
Photoshop CC(14.1.2)の「属性」パネルでシェイプのサイズや位置を変更する方法 | Stocker.jp / diary
Webデザイン Photoshop CC(14.1.2)の「属性」パネルでシェイプのサイズや位置を変更する方法 Top diary Thursday, October 10th, 2013 Photoshop CC では、長方形などのシェイプを作成した際に「属性」パネルでシェイプのサイズや位置を変更することができるようになりました。 これでWebデザインカンプ制作がやりやすくなる!と思ったのですが... 続きを読む
ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons | コリス
商用でも無料で利用できる、ミニマルでサークル状のフラットなデザインがかわいい全300種のアイコン素材を紹介します。 Metrize Icons ダウンロードできるアイコンのフォーマットは、これ以上ないくらいに揃ってます! PSD (各アイコンはシェイプ) SVG (512 x 512) EPS AI PDF Web Font (ttf, eot, woff) さらに、次のアップデートではpngとc... 続きを読む
Photoshopのシェイプでできること。
PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む
四角の画像を一瞬で角丸にしてしまうMacアプリ「Kakumaru Punch」が鬼便利。 | 和洋風KAI
今まで、四角の画像を角丸にするって結構大変でした。 僕の場合、Photoshopで加工してましたが、「コピーを作って → 画像を統合して → シェイプで角丸のレイヤーつくって → 選択範囲を取得して → 統合した画像をその選択範囲で切り取る」という、大変めんどうなことをしていました。全行程5分くらいかかってたかも・・・。 しかし、今回ご紹介する「Kakumaru Punch」を使えば1秒、一瞬で美... 続きを読む
PhotoshopでWebデザイン作成のステップアップに役立つエントリーまとめ - NAVER まとめ
これからPhotoshopでWebデザインを始めたいなーと思っている初心さん向けの、Photoshopのツールパネルについてのまとめです。ツールパネルの他、ブラシやパターン、シェイプの整理方法、スタイルを使った簡単Webデザインもご紹介します。 続きを読む
iPhoneの充電ができるカードタイプのUSBケーブル「ChargeCard」 - Touch Lab - タッチ ラボ
バッテリー容量が心細いiPhoneを使うユーザーにとって、USB-Dockケーブルは文字通り「生命線」ですが、必要なときにかぎって手元に無かったりするものです。この「ChargeCard for iPhone」は、iPhoneの充電用ケーブルをカード型にすることで携帯性を向上。財布などにしまっておけば、ケーブルが無くて充電できないという事態を防ぐことができるという製品です。乾電池のようなシェイプの... 続きを読む
PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」:phpspot開発日誌
CSS3Ps PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」 CSS3でちょっと凝ったオブジェクトを作りたい場合に、Photoshopがそのまま使えてCSS3にコンバートしてくれます。 CSS3で描画した驚きのグラフィックス、というのも、こうしたツールを活用すると驚きのCSS3グラフィックスでもなんでもなくなるのかも。 シェイプをデザインします グラデーショ... 続きを読む
CSS3で描かれたシェイプのサンプル集:phpspot開発日誌
CSS3 Shapes | CSS3 Shapes Resource CSS3で描かれたシェイプのサンプル集。 CSS3でちょっとした図形を描いてみようといった場合に参考に出来ます。 図形そのままでは使えないかもしれませんが、ちょっとしたデザインのアクセントなどに応用することが出来るかもしれません ハートもちょっとCSSが長くなりますが描けます 関連エントリ アニメーションするバナーをCSS3で作... 続きを読む
Chromeでフローチャートやマインドマップを簡単に作図できる LucidChartで遊ぼう!!
『LucidChart』はブラウザー上でさまざまな図を手早く簡単に作成できる作図ツールだ。豊富なテンプレートを元に、さまざまなシェイプをドラッグ・アンド・ドロップで配置。シェイプどうしを線でつないだり色分けすることで、専用ソフトにもひけを取らない本格的な作図を行なえる。 続きを読む
使えそうなPhotoshopシェイプ素材満載のサイト「Shapes 4 Free」:phpspot開発日誌
Free Shapes for Photoshop (CSH) - Download Now! | Shapes 4 Free 使えそうなPhotoshopシェイプ素材満載のサイト「Shapes 4 Free」 サイト作成に便利そうなシェイプが多数公開されています。 種類も豊富なので色々と使えそうです 関連エントリ デザインを楽にしてくれるPhotoshop用カスタムシェイプ色々 Androidア... 続きを読む
Photoshopで立体感のあるボタンを作成する方法 / ウェブデザインライブラリー
投稿日:2011年7月26日 レベル:初心者 ソフトウェア: このチュートリアルではPhotoshopで立体感のあるボタンを作成する方法を紹介します。 Step1 : はじめに Step2 : レイヤーを設定する Step3 : ガイドを配置する Step4 : ボタンの形状を描く Step5 : 大きい方のシェイプへレイヤースタイルを適用する Step6 : 小さい方のシェイプにレイヤー... 続きを読む
持ってると便利な手描き風のアロー・矢印のPhotoshopのシェイプ素材 | コリス
商用でも無料利用できる、アロー・矢印のシェイプ素材を紹介します。 70+ Hand Drawn Arrows Shapes ダウンロードできるアロー・矢印は全部で71種類あり、シェイプなのでサイズや縦横比やカラーを簡単に [...] 続きを読む
ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」:phpspot開発日誌
ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 2011年06月23日- The Endless Mural ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」。 マウスの軌道に追尾して予め用意されたシェイプがアニメーションしながら描画されます。描画の方式も色々選べます。 Photoshopのブラシ... 続きを読む