2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
商用でも無料で利用できる1,000種類のアイコンが3つのスタイル、そしてPhotoshoop用・Adobe XD用・Sketch用・Figma用・inVision用、そしてSVGまで完備されたMaterial Icons Libraryを紹介します。 一度にすべてのアイテムがダウンロードできるので、備えておくと便利だと思います。 Material Icons Library ラインセスはApache License Version 2.0で、個人でも商用でも無料で利用できます。 アイコンはMaterial Designを踏襲しており、全部で1,000種類のアイテムが揃っています。スタイルは角丸・アウトライン、ツートーンの3種類。合計すると、3,000種類以上になります。 アイコンの特徴 フォーマットは、Photoshop, Adobe XD, Sketch, Figma, inVision
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications
2008年09月11日 フリーでここまでできる！市販ソフト並に使える代替アプリ集。 Photoshop、Officeなどは買うと下手すれば１０万超えることがありますが、別にそこまで出さなくても、むしろ無料で手に入るアプリはやまほどあります。 ◆Photoshopの替わりにGIMP Photoshopに無い機能もあるので、代替えというよりむしろ重宝する。 ■GIMP - The GNU Image Manipulation Program ◆AdobeFLASHの替わりにOpenLaszlo Ajax/Flash対応のリッチインターネットアプリケーションの開発及び配布を行うためのオープンソースプラットフォーム。FLASHの生成ツールだけというわけではない。 ■OpenLaszlo | the premier platform for rich internet applications ※
美しい光を描くためのPhotoshopのチュートリアル集 | コリス
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
お絵かき速報！萌え絵上達法
以前、『プロの画力向上法まとめwiki』という素晴らしいwikiがありました。 今は消えてしまい内容を見ることは出来ませんが、管理人がメモをとっていたので紹介します。 あきまん方法論：量 長期戦 出自：東京デザイナー学院中退 → アニメーター → 株式会社カプコン入社 → イラストレーター どうすれば絵が上手くなりますか？ 本心にうまくなりたかったら 楽しくなる環境をつくろう 褒めてくれる人を作ろう 好きな絵を描こう 心のライバルを作ろう そんでもって いつも何かかいてよう ぐるぐる渦巻くでも可 、 絵は長期戦 超超距離マラソン ある区間 凄いスピードで走っても それでうまくなったりすることはない 一生走るつもりで 小さな楽しいことをみつけて やり続けようぜ 絵がうまくなるのは実に簡単ですよ 毎日たくさん描くと 間違いなくうまくなるよ 絵がうまくなりたいのになれない人は 間違いなく 絵を描
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
Keiji Kobara on Twitter: "PDFの英語論文をDeepLを使って日本語に訳して読んでいる方へ。Shaperという便利なサイトが改良され、PDFをコピペした際に自動で邪魔な改行記号を削除してくれるだけでなく、ワンクリックでDeepLのサイトに貼り付けることが可… https://t.co/MQTjs5Wlvl"
PDFの英語論文をDeepLを使って日本語に訳して読んでいる方へ。Shaperという便利なサイトが改良され、PDFをコピペした際に自動で邪魔な改行記号を削除してくれるだけでなく、ワンクリックでDeepLのサイトに貼り付けることが可… https://t.co/MQTjs5Wlvl
「すごい…」「こうやって世の中は便利になるんや！」――セルシスの創作活動支援サイト「CLIP」で、高品質なサラダの絵を一瞬で描けるブラシ素材が話題を呼んでいます。話題の発端となったCLIP STUDIO PAINT向けの「サラダ素材集」は現在メンテナンス中（追記：12月26日現在は復活）ですが、IllustStudioやComicStudioで利用できる「サラダマルチ」を見ればどんなモノなのか分かりますよ。 ブラシのストロークに合わせて、サラダの具材が勝手に描かれる！！ ヤバイ！！！！ なんということでしょう！！！！ 同ブラシを使うと、ベビーリーフ、プチトマト、アボカド、赤タマネギ、クルトンといったサラダの具材のイラストを、スタンプ感覚でキャンバスに描き込んでいけます。ひと筆描くだけで、ポポポポーンと葉っぱやプチトマトが描かれていき、あっという間に山盛りのサラダが描けてしまうというわけ。す
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル 2009年03月17日- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル。 プロレベルといっても様々ですが、そのなかでも優れたといえるレイアウトとデザインのチュートリアルが公開されています。 真似することでそれなりのものを作るのは難しくなさそうです。 Create a Magic Night Themed Web Design from Scratch in Photoshop マジックをイメージした、少し怪しげなレイアウト。占
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
こんにちは、佐々木です。 予算やスケジュールに余裕のある案件であれば、プロのカメラマンやデザイナーをアサインするのが一般的ですが、ちょっとした案件であればディレクターが写真の撮影や編集を行うことがあります。しかし普段専門でやっていない、いわゆる素人が撮影した写真は「そのまま使うにはちょっと…」というクオリティであることがほとんどです。 そこで今回は、Photoshopの「色調補正」機能を使って、誰でも簡単に「素人が撮影した写真を10秒でイケてる写真にする方法」をご紹介します。 ※写真の補正を本格的にやろうとする方には参考になりません。あくまで、簡易的な方法にすぎませんので、その点もあらかじめご承知おきください。 今回使用したソフトは、かなり昔の『Photoshop 6』ですので、最新バージョンと食い違う部分も出てくるかと思います。そのあたりは適宜読み替えて該当する機能をお探しください。 ぼ
Tweetdeck
Something went wrong, but don’t fret — let’s give it another shot.
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
概要 ▶ PhotoshopVIPのK=100は黒ではありません？ K=100は濃いグレー？ リッチブラックはC=90, M=90, Y=30, K=100？…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」（PhotoshopVIP）で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった（一部）。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か？ 日本に限って言うならはっきりと、「いいえ。違います」 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。（違ったらすみません） 日本と欧米ではブラックのインキの濃度が違う
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々（バンディング）を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事（グラデーションをより美しく滑らかにするPhotoshopのアクション ）をご覧ください。
アドビが日本や米国など7カ国で行った働き方に関する調査で、日本人は唯一、「テレワークではオフィスほど仕事がはかどらない」と答えた人が多数を占めた。 同社は「ハンコや書類へのサインなど、オフィスでしかできない紙を使った業務が、テレワーク環境下の仕事効率化の妨げになっている」と推定している。 調査は、日本、米国、英国、ドイツ、フランス、オーストラリア、ニュージーランドの7カ国で、従業員数1000人以上の企業に勤める男女計3404人（各国約400～500人）を対象に、2021年4月から5月にかけてインターネットで実施した。 「テレワークの方がオフィス勤務より仕事がはかどる」と答えた人は、グローバルで平均69.1％だったのに対して、日本は42.8％と、調査対象国の中で突出して低く、7カ国中唯一、「テレワークだとはかどらない」人が多数派だった。 「テレワークによってワークライフバランスは向上しました
サイトで使用しているFlashのswfファイルを抽出したり、flaファイルにデコンパイルしたり、ActionScriptを抽出できるアプリケーションのリンク集です。 [ad#ad-2] ※バージョンやプロテクトにより、対応不可なものもあります。 flaファイルにデコンパイル Action Scriptの抽出 swf内で使用しているファイルの抽出 ページに使用しているswfを抽出・保存 flaファイルにデコンパイル SWF Decompiler swfファイルをflaファイルにデコンパイルするアプリケーションです。 $79.99。体験版あり。 Motion Decompiler: 日本語版 swfファイルの解析や、flaファイルにデコンパイルするアプリケーションです。 ダウンロード版：9,800円。体験版あり。 Action Scriptの抽出 Flare swfファイルから、Action
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。（テーブルレイアウト世代） 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
GIMPというのは「Photoshopキラー」とも呼ばれていた有名なフォトレタッチソフト。Windows、Mac OS X、Linuxで動作し、日本語化もされていて、機能的にはかなり優秀ではあるものの、どんな画像が作れるのか？というチュートリアルがないとやはり使う気にはなれません。 というわけで、Photoshopでよく作られている画像をGIMPでも作ってみようというチュートリアルや、見た目自体をPhotoshop風にしたもの、CMYKを利用できるようにするプラグインなどをまとめておきます。 [GUG] Tutorials http://gug.sunsite.dk/?page=tutorials 上記サイトには色々あります。 これはアクア風のボタンを作るという有名なモノ iMacっぽいロゴ テープを貼った感じ 稲妻 錆のある金属 さらに一風変わったチュートリアルがここにあります。 BET
IDEA * IDEA
ドットインストール代表のライフハックブログ
PS Brushes.net - Photoshop Brushes, Your Number one source for Photoshop Brushes
Winning by Being Valuable It's a challenge to come up with high ROI trade show booth design ideas that work well. And custom made stands in particular, present even more complexity, due to their size. But there is a popular and cost-effective option you can use to make your stand be noticeable. How could the core competences of a industry leader be seen when the quality of its products is, by natu
URAMAYU
19年ほど、自分の日常やウェブ系のネタやガジェット情報を、面白くさらりと読める、ささやかなエンターテイメントを目指して書いているブログです。2024年初にブログテンプレートが壊れて見づらくなりました。つらい。 こんな写真や、 こんな写真がHDR写真です。 まるでCGみたいな、または妙に写実的な絵画みたいな写真です。 このようなHDR写真がどういう仕組みで出来ているのか、そしてどうやって作成するのか、解説していこうと思います。 HDRとは、High Dynamic Rangeの略で、1枚の画像の中で白トビや黒つぶれを無くして、明るいところと暗いところを同時に階調を残して表現することができる写真の表現技法です。 暗い写真と明るい写真を別々に用意して、いいとこ取りして合成するというものです。 iPhone 4からカメラの標準機能としても備わりましたね。 HDRに向いている写真は以下のようなもの。
今年も残すところあと30日間を切り、もうそろそろ年賀状を用意して送らないといけない時期ですね。そこで今回は年賀状作成ソフトについて書きたいと思います。ちなみにみなさん年賀状はどんなソフトで作成していますか？未だに有料の年賀状ソフトを使っているというあなたには、日本郵便が提供している無償の年賀状ソフト「はがきデザインキット2021」をお勧めしたいです。 この「はがきデザインキット2021」は、日本郵政グループが無料公開しているもので年賀はがきのデザインや宛名を手軽に作成し印刷できるソフトです。フリーにしては非常に出来が良く、市販のソフトと比べても遜色がありません。ちなみに動作にはAdobe AIRを用いておりWindows/Mac/Linuxで動作するほか、iOS/Androidなどのスマートフォン版も用意されています。 はがきデザインキット2021とは？ はがきデザインキットは日本郵政グル
2017年10月21日に公開され世界中で話題になった画像拡大ソフト（Webアプリケーション）Let’s Enhanceがリメイクされましたのでご紹介します。 Photoshopよりも凄い無料の画像拡大ソフト 2022年現在は５枚まで無料で使用できます。数年前までは２５枚まで無料で処理できたのですが、トライアル出来る枚数が減ってしまったようです。そこは少し残念。 とりあえず５枚は無料で試せますから気に入ったら、追加処理分を購入して処理することが可能です。 Let’s Enhanceはニューラルネットワークを使用して画像拡大をするWebソフトです。 マジックフィルターと書かれているものがLet’s Enhanceを使用して拡大したもの。 通常のソフトで行われている画像拡大と手法が異なり、最初にポートレートや風景、食品など画像種類やタイプを認識。その上でネットワークを使用し画像タイプごとに自然な
Photoshopって知れば知るほど、使えば使うほど、便利で欠かせないツールですよね。そんなPhotoshop CCの実作業が快適になる時短テクニックを紹介します。 例えば一時的にスポイトツールを使う時、どのように操作していますか？ 「I」を押してスポイトツールに切り換える時に「I」を長押しで使うと、「I」を離した時に元のツールに戻すことができます（全ツール対応）。戻せるのはスペースバーの時だけではないんですね。 まだまだ知らないことばかりです。 28 Powerful hidden tips, tricks 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 command = Ctrl option = Alt delete =
■ Macっ娘ならオートメータ君つかいたおすわよね iPhoneといっしょにMacに乗り換える子が多いみたい。Mac買ったらまず開くのは「アプリケーション」フォルダなんだけど、左隅にいるちょっと気になるロボット君、「Automator」君っていうんだけど、知ってた？
パスポート更新申請のPDFの仕様が酷いと聞いたので確認してみた - Windows 2000 Blog
3rdに引っ越しました。 2010/12/31 以前＆2023/1/1 以降の記事を開くと５秒後にリダイレクトされます。 普段の日記は あっち[http://thyrving.livedoor.biz/] こちらには技術関係のちょっとマニアックな記事やニュースを載せます。 Windows2000ネタ中心に毎日更新。 <body xmlns="http://www.w3.org/1999/xhtml" xmlns:xfa="http://www.xfa.org/schema/xfa-data/1.0/"><p style="font-family:'Times';font-size:24pt;letter-spacing:0in"> Please wait... </p> <p style="font-family:'Times';font-size:12pt;letter-spacing:
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
もうこれでUI用のアイコンには困らない！商用でも完全無料で利用できる3,000種類のシンプルなアイコン素材
Photoshop用無料のレイヤースタイル1000+で作業時間を大幅短縮 | co-jin
| ＾＾ |秒刊SUNDAY | フリーでここまでできる！市販ソフト並に使える代替アプリ集。
Flashゲームプログラミング講座 For ActionScript3.0
無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に！／事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開
http://www.designwalker.com/2008/12/psd.html
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
イラストレーター騒然！ 「高品質なサラダの絵を一瞬で描けるブラシ」が話題に
チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル:phpspot開発日誌
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
素人が撮影した写真を、10秒でイケてる写真にする方法 : LINE Corporation ディレクターブログ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
「K=100は濃い灰色！」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
Photoshopでの面倒な作業を簡単に！便利すぎるPhotoshopのアクションのまとめ | コリス
日本人は「テレワークだと仕事がはかどらない」 7カ国調査で唯一
swfファイルを抽出・解析・flaにデコンパイルするアプリケーション集 | コリス
DTP→Webデザイナー転向時に、これやったら捗ったよリスト13
GIGAZINE - GIMPをPhotoshop級に使いこなすチュートリアル
日本郵便が無償提供する年賀状ソフト「はがきデザインキット2021」がすごい！
AIを使用した無料の画像リサイズの拡大ソフトが凄い！解像度を最大16倍に！ | デジタル＠備忘録
Photoshop CCの知ってると作業がサクサク快適になる時短テクニックのまとめ
高木浩光＠自宅の日記 - Macっ娘ならオートメータ君つかいたおすわよね
日本語表示も考慮されたコーディング向けのフォント「Source Han Code JP」が公開
写真がめくれた感じを表現する | DesignWalker
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
http://www.designwalker.com/2009/05/illustrator-text-effect.html
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP