latex 插圖 上下放_專輯插圖中上下文中的文本

latex 插圖 上下放

Especially if, like me, you’re not properly educated in the world of visual design, typography, and all those other things that a formal education can bring. We’re kind of playing around until something fits right, and doesn’t feel jarring to the eyes.

尤其是如果像我一樣,您對視覺設計,版式以及正規教育可能帶來的所有其他方面的知識不了解。 在某種合適的事物出現之前,我們一直在玩耍,并且不會感到眼睛不適。

In all likelihood this is a very obvious fact of general graphic design, that maybe that everyone else knows instinctively and only I’ve more recently come to learn. But it’s been sat on my mind for a while, and it’s a question that comes to mind on any cover I create. How do I make the text fit into the artwork, and avoid just having the text slapped over the top of it?

這在一般的圖形設計中可能是一個非常明顯的事實,也許其他所有人都有本能地知道,只是我最近才開始學習。 但這已經在我心中坐了一段時間了,這是我創作的任何封面上都會想到的一個問題。 如何使文字適合藝術品,并避免僅將文字拍在藝術品頂部?

So a few ways on how to make text fit, based on my own limited experience, featuring a few examples of my own work. Perhaps it will help you with some inspiration, if you decide to have text at all! This is not a formally structured piece, as I write these mostly for fun, so if I double-back or things seem out of place, that will be why!

因此,根據我自己的有限經驗,提供了幾種使文本適合的方法,并列舉了一些我自己的作品。 如果您決定完全使用文字,也許會對您有所啟發! 這不是一個形式化的結構,因為我主要是為了娛樂而寫這些,因此,如果我背靠背或者東西看起來不合適,這就是原因!

考慮字體 (Consider the Font)

Font choice is important. You’ll likely get a feel if its right or not just from trying different ones. A rustic Old Western film looking font probably won’t sit right on a sci-fi looking cover. So expand your font library a little!

字體選擇很重要。 嘗試不同的方法是否正確,您可能會感覺到是否正確。 質樸的老式西方電影外觀字體可能無法正確放置在科幻小說封面上。 因此,稍微擴展字體庫!

There’s a lot of fantastic resources out there for free fonts. It’s always worth checking the licenses on those fonts though. For instance, dafont.com has a great libary, but a number of different license types. The one I see a lot is ‘Free for Personal Use’, which essentially means you can’t use it for any public-facing or potentially-money-making purpose, so best to ignore those.

有很多很棒的免費字體資源。 不過,始終值得檢查這些字體的許可證。 例如, dafont.com具有強大的庫,但是有許多不同的許可證類型。 我經常看到的是“免費供個人使用”,這基本上意味著您不能將其用于任何面向公眾或可能賺錢的目的,因此最好忽略這些。

Myfonts.com occasionally emails about a series of freebies.

Myfonts.com有時會通過電子郵件發送有關一系列免費贈品的信息。

designcuts.com (really fantastic resource) has freebies constantly, not just for fonts, and I’ve picked up a few of their paid packs in recent months.

designcuts.com(非常棒的資源)一直在不斷提供免費贈品,而不僅僅是字體,而且最近幾個月我已經收到了一些付費產品。

creativemarket.com has weekly freebies every Friday, also not just for fonts.

creativemarket.com每個星期五都有每周免費活動,不僅限于字體。

There’s tons more, but those come to mind first and foremost.

還有更多,但首先想到的是這些。

黑白文本幾乎總是看起來不錯 (Black/White Text Almost Always Looks Good)

I’ve found that in almost any scenario, black or white text laid over a scene will simply work. I personally think it gives a nice simple elegance.

我發現在幾乎任何情況下,放置在場景上的黑色或白色文字都可以正常工作 。 我個人認為它具有很好的簡單優雅。

將文本放在透視圖中 (Put that Text in Perspective)

Image for post
Challace — Paybakz Da Getbak Pt 2.
Challace-Paybakz Da Getbak Pt 2。

Got a wall or something else you can warp/wrap the text on to? See how it looks! It’s a fun way to achieve a grafitti style look at times.

有墻壁或其他可以變形/包裹的內容嗎? 看看它看起來如何! 這是有時獲得涂鴉風格外觀的一種有趣方式。

將文字顏色補充到圖稿 (Complement the Text Colour to the Artwork)

Image for post
Not a real band. Using the red from the petri dish for text.
不是真正的樂隊。 使用培養皿中的紅色文本。

Especially when you’ve got two predominantly featuring colours, take the lesser used one and have it complement the artwork.

特別是當您擁有兩種主要具有特色的顏色時,請選擇較少使用的一種并使其與藝術品相輔相成。

帶有色塊的剔除文本 (Knockout Text with a Colour Block)

Image for post
Not a real band. Knocking out the text area and matching the colour block to the red in the scene.
不是真正的樂隊。 剔除文本區域并將色塊與場景中的紅色匹配。

Once I’d learned how to do this I just kept trying it everywhere, and if you’re struggling to pick a colour again, like our first point, you could create a white/black block and knock the text out from that to let your scene peek through. If it doesn’t look right immediately, try out colours from the scene.

一旦我學會了如何做到這一點,我就一直在各處嘗試它,并且如果您像第一個要點一樣仍然在努力選擇一種顏色,則可以創建一個白色/黑色塊,然后將文本敲掉您的場景一覽無余。 如果不能立即看起來不錯,請嘗試使用場景中的顏色。

使場景模糊文本元素 (Obscure Text Elements with the Scene)

Image for post
Pippin Ingram & The Freedom Hoppers — Ocean Kicking. Lightly obscuring the top left of the title with the wave crest.
皮蓬·英格拉姆(Pippin Ingram)和“自由跳躍者”(Freedom Hoppers)—海洋踢。 用波峰輕輕遮住標題的左上方。

You’ll already have seen that I’ve done this in two examples above, and you can do it either with solid objects like a person or solid piece of scenery, but equally if there’s a less solid item you can use that to partially obscure the text, like behind a wave crest, fire, smoke, or whatever you can make use of in the scene. Usually easiest to do this with some masking on the text, or on a layer in front of the text.

您已經看到我已經在上面的兩個示例中完成了此操作,并且可以使用諸如人的固體對象或固體場景來進行此操作,但是同樣地,如果存在較少的固體,則可以使用它來部分遮蓋文字,例如波峰,火,煙或任何您可以在場景中使用的東西。 通常,最簡單的做法是在文本上或文本前面的圖層上使用一些遮罩。

Another one while I look at the above example is to make use of Blending Modes. The band name here was white text initially, but with an overlay blend mode (I think, it’s been a while since I made this one!) applied to let that little touch of colour travel through it. Definitely experiment with blend modes.

在查看上面的示例時,另一個是利用混合模式。 樂隊的名稱最初是白色文本,但是使用了疊加混合模式(我想這是很久了,因為我制作了這個!)使顏色幾乎沒有一點穿過。 絕對可以嘗試混合模式。

在文本上添加效果以匹配場景 (Add Effects onto the Text to Match the Scene)

Image for post
Not a real band. Cool name though, right? ‘Steady As She Burns’. If I had any musical talent I’d be making an Alt Rock 00s band right now.
不是真正的樂隊。 雖然很酷的名字,對不對? “她燃燒時的穩定”。 如果我有任何音樂才華,我現在將加入Alt Rock 00s樂隊。

If you’re able to, try and match some of the overall mixture of textures and colours from your scene onto the text. It’ll make that typography puzzle piece fit so much better than just slapping text on top of everything. Take some of the highlight and darker colours from the scene, maybe an accent, and splatter them over the top of your basic text.

如果可以,請嘗試將場景中紋理和顏色的某些整體混合匹配到文本上。 這將使版式拼圖塊比僅僅在所有內容上打上文字要好得多。 從場景中選取一些突出顯示的顏色和較暗的顏色(可能是重音),然后將它們灑在基本文本的頂部。

使文本樣式與場景元素匹配 (Match the Text Style to Elements of the Scene)

Image for post
Not a real band. In hindsight I should’ve added a glow to the television, but c’est la vie, live and learn!
不是真正的樂隊。 事后看來,我應該給電視增添些許光彩,但請盡情享受,生活和學習!

Usually this will work easier if there’s some kind of basic geometry in the overall artwork. With the example for this one, where I placed a very thin border going around, I found a suitably elongated ‘thin’ font to match the thin border.

如果總體藝術品中有某種基本幾何形狀,通常這樣做會更容易。 在這個示例中,我在周圍放置了一個非常細的邊框,我找到了適當伸長的“細”字體來匹配細邊框。

即使只是一點掩飾也可以使文本更合適 (Even just a touch of masking can make the text more fitting)

Image for post
Hunter Krasa — Midnight Downpour. Very chill.
獵人克拉薩-午夜傾盆大雨。 好冷

Occasionally you might need to make the text stand out more against its background. Here’s an example of a recent commission where I had to do that with a slight black drop shadow, but even so just a touch of splattered masking on the text to give it a more rained-on feel makes it fit that much better compared to without.

有時您可能需要使文本在背景下更加突出。 這是最近一次委托的一個示例,其中我必須使用輕微的黑色陰影來做到這一點,但是即使如此,只要在文本上加上一抹飛濺的蒙版即可使其感覺更加下雨,這使它比不使用時更加合適。

In essence very similar to masking a texture effect over the text layer. Up to you and what looks best to your mind whether thats painting something on, or importing a texture image.

從本質上講,這與在文本層上蒙版紋理效果非常相似。 取決于您,什么才是您腦海中最好的選擇,那就是在某物上繪畫還是導入紋理圖像。

總結思想 (Closing Thoughts)

I’m not saying any of these ideas will necessarily help you, or that I’m an expert (Definitely not!) but if you’ve taken anything away from it then my job is done! It’s also by no means exhaustive of clever ways to get with text, and if you have any hot tips let me know!

我并不是說這些想法中的任何一個都一定會對您有所幫助,或者我是專家(絕對不是!),但是,如果您從中采取了任何措施,那么我的工作就完成了! 這絕不是窮盡巧妙的文本獲取方式,如果您有任何熱門提示,請告訴我!

I think when you can combine a few of these tricks into one cover, it can really bring the look together. Attached is one final example where you’ll see I’ve matched the text colours to the scene, obscured some of the title, and added a little bit of texture onto the text to match the grain of the original photograph.

我認為,當您可以將其中一些技巧組合到一起時,確實可以將外觀組合在一起。 附帶的最后一個示例中,您將看到我已將文本顏色與場景匹配,遮蓋了一些標題,并在文本上添加了一些紋理以匹配原始照片的紋理。

Image for post
Larisa Santiago — Angel. A concept cover.
Larisa Santiago-天使。 概念封面。

If you fancy, keep in touch with me via the IMF Discord, or on Twitter.

如果您愿意,請通過IMF Discord或在Twitter上與我保持聯系。

翻譯自: https://uxdesign.cc/text-in-context-on-album-artwork-557cad222dd4

latex 插圖 上下放

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/274138.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274138.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274138.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

亡羊補牢,為時不晚?

亡羊補牢,為時不晚 人總是想著第二次比第一次做的好,可是會一直有第二次機會嗎?當你思考好,決定做一件事情的時候,為什么不堅持下去呢?當你思考好,記住堅持到底就會勝利。祝福自己&#xff0…

2013年7月份第4周51Aspx源碼發布詳情

大型企業通用管理ERP源碼 2013-7-26 [VS2010]2013.7.4更新內容:1.修復決策模式-客戶等級不能保存問題。2.修復企業知識庫有報錯問題。3.修復運營模式-人力資源分析模塊-在部分模塊點擊查詢后,水晶報表顯示無法加載文件問題,4.修復行政辦公模…

視覺感知_產品設計中的視覺感知

視覺感知The role of the UX designer has evolved immensely over time, but at its core, it remains the same- UX設計人員的角色隨著時間的流逝而發生了巨大的變化,但從本質上講,它保持不變- to deliver information to users in an effective mann…

Android 第三課 Activity的生命周期

新建項目ActivityLifeCycleTest&#xff0c;創建主活動后&#xff0c;再新建兩個子活動--NormalActivity和DialogActivity。 現在活動及其對應布局文件創建完畢。 編輯normal_layout.xml文件&#xff0c;代碼如下&#xff1a; <?xml version"1.0" encoding"…

轉載:Apache commons開源工具簡介

Apache Commons是一個非常有用的工具包&#xff0c;解決各種實際的通用問題&#xff0c;下面是一個簡述表&#xff0c;詳細信息訪問http://jakarta.apache.org/commons/index.html BeanUtilsCommons-BeanUtils 提供對 Java 反射和自省API的包裝 BetwixtBetwixt提供將 JavaBean …

pb 插入報列在此處不_獲取有關[在此處插入問題]的事實

pb 插入報列在此處不Twitter’s recent move to put notices on tweets themselves is one of the most controversial social media features during our times. As a design technologist, I can’t help but wonder the decision-making process behind it. It’s a perfect…

設計模式_單實體模式

Singleton 三要素&#xff1a;private 構造函數、 public 靜態方法、 public 靜態變量 單實例模式的三種線程安全實現方式&#xff08;&#xff23;&#xff0b;&#xff0b;&#xff09; &#xff11; 懶漢模式&#xff1a;即第一次調用該類實例的時候才產生一個新的該類實例…

Android 第四課 活動的啟動模式

啟動模式分為4種&#xff0c;分別為standard&#xff0c;singleTop&#xff0c;singleTask&#xff0c;和singleInstance我們可以在AndroidManifest.xml中通過給<activity>標簽指定android:launchMode屬性來選擇啟動模式。standard standard是活動默認的啟動模式。在stan…

c++編寫托管dll_教程:如何編寫簡單的網站并免費托管

c編寫托管dll本教程適用于誰&#xff1f; (Who is this tutorial for?) This tutorial assumes no prior knowledge and is suitable for complete beginners as a first project 本教程假定您沒有先驗知識&#xff0c;并且適合初學者作為第一個項目 您將需要什么 (What you w…

淺述WinForm多線程編程與Control.Invoke的應用

在WinForm開發中&#xff0c;我們通常不希望當窗體上點了某個按鈕執行某個業務的時候&#xff0c;窗體就被卡死了&#xff0c;直到該業務執行完畢后才緩過來。一個最直接的方法便是使用多線程。多線程編程的方式在WinForm開發中必不可少。本文介紹在WinForm開發中如何使用多線程…

Android 第五課 常用控件的使用方法(TextView、Button、EditView、 ImageView、 ProgressBar、 ProgressDialog等)

總結&#xff1a;見名知意 TextView&#xff1a; Button: EditView: ImageView: ProgressBar: ProgressDialog和AlertDialog有些類似&#xff0c;都可以再界面彈出對話框&#xff0c;都能夠屏蔽其他控件的交互能力&#xff0c;用法也類似。 我們還發現ProgressDialog和AlertDia…

設計 色彩 構圖 創意_我們可以從時尚的創意方向中學到色彩

設計 色彩 構圖 創意The application of fashion as a form of aesthetic expression is a notion familiar to many. Every day, we curate ourselves with inspiration from rising trends, a perception of our personal preferences, and regards to practicality in the c…

Android 第六課 4種基本布局之LinearLayout和Relativelayout

看完控件&#xff0c;緊接著看布局&#xff0c;布局是可以來放置控件&#xff0c;管理控件的。布局里也可以嵌套布局。我們新建項目UILayoutTest項目&#xff0c;活動名和布局名選擇默認。加入活動及其對應的布局已經創建完成。線性布局(LinearLayout)android:layout_gravity屬…

如何在UI設計中制作完美陰影

重點 (Top highlight)Shadows are everywhere in modern UI Designs. They are one of the most essential part of the UI elements right behind the fill, stroke, and cornder radius. &#x1f609;現代UI設計中到處都有陰影。 它們是UI元素中最重要的部分之一&#xff0c…

微軟2013年校園實習生招聘筆試題及答案

原文&#xff1a; http://www.wangkaimin.com/2013/04/07/%e5%be%ae%e8%bd%af2013%e5%b9%b4%e6%a0%a1%e5%9b%ad%e5%ae%9e%e4%b9%a0%e7%94%9f%e6%8b%9b%e8%81%98%e7%ac%94%e8%af%95%e9%a2%98%e5%8f%8a%e7%ad%94%e6%a1%88/#more-195 1. Which of following calling convension(s)…

Android 第七課 4種基本布局之FrameLayout和百分比布局

FrameLayout&#xff08;幀布局&#xff09;&#xff0c;她沒有方便的定位方式&#xff0c;所有的控件都會默認擺放在布局的左上角。 修改activity_main.xml中的代碼&#xff0c;如下&#xff1a; <?xml version"1.0" encoding"utf-8"?> <Frame…

mongodb 群集圖_群集和重疊條形圖

mongodb 群集圖為什么和如何 (Why & How) 1.- Clustered Bar Charts1.- 集群條形圖 AKA: grouped, side-by-side, multiset [bar charts, bar graphs, column charts]AKA &#xff1a;分組&#xff0c;并排&#xff0c;多組[條形圖&#xff0c;條形圖&#xff0c;柱形圖] …

第一次寫python

這是一個在BJDP上學習Coding Kata的時候用到的一個練習&#xff0c;原來打算用Java寫的&#xff0c;但是一想正好是學習的好機會。 就用Python了。第一次&#xff0c;寫的有些復雜。 這個題目是關于購買圖書的打折信息的。 題目來源&#xff1a; http://codingdojo.org/cgi-bin…

Android 第八課 創建自定義控件

常用控件和布局的繼承結構&#xff0c;如下圖&#xff1a; &#xff08;待續。。。。&#xff09; 所有的控件都是直接或間接繼承自View的&#xff0c;所用的所有布局都是直接或間接繼承自ViewGroup的&#xff0c;View是Android中最基本的一種UI組件&#xff0c;它可以在屏幕上…

figma下載_搬到Figma對我意味著什么

figma下載A couple of years ago, amidst the boom of new design and prototyping software, I was pretty reluctant to fight on the Figma/Sketch cold war. I was working on a relatively small design team and, after years helping to design products, well sold on …