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)

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)

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)

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)

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)

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)

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)

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

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,一經查實,立即刪除!