Fonti di fantasia in ImageMagick

Sappiamo già come creare testi e sappiamo come posizionarli su una tela vuota. Ma ci sono momenti in cui dobbiamo davvero rendere i testi unici. Forse è un marchio o qualcosa che vorresti aggiungere al tuo sito web. Ad ogni modo, guarderai come immaginare le cose. In questo tutorial, impareremo come immaginare i testi.

Installazione ImageMagick

Avremo bisogno di immagini per questo, quindi prima installamoci:

sudo apt-get installa imagemagick

IL Nozioni di base

Cominciamo:

Converti -Mize 1000x300 XC: Khaki -PointSize 172 -FILL Purple -Annote +150 +190 'Linuxhint' LinuxHint.jpg

Dimensione - Utilizzato per definire la dimensione della tela. Questo imposta solo l'altezza e la larghezza della tela

XC - Utilizzato per impostare il colore di sfondo, qui, ho usato il kaki

Puntizza - Utilizzato per impostare la dimensione del testo

Riempi: il colore usato per riempire il testo; Qui ho usato il viola

Annota - Annota la tela con testo

Linuxhint.JPG - Il nome del risultato finale o dell'immagine

Fantaiare le cose - piastrelle

Nell'esempio precedente, utilizziamo l'interruttore di riempimento per riempire la parola con il colore viola. Tuttavia, non dobbiamo usare l'interruttore di riempimento. Possiamo usare l'interruttore di piastrelle ad esempio.

-filaggio di piastrelle

In questo esempio, useremo una foto chiamata Photo33.Png (l'immagine di un albero) sull'interruttore delle piastrelle.

Converti -Size 1000x300 XC: Khaki -PointSize 172 -lile Photo33.Png -Annote +150 +190 'Linuxhint' Linuxhint_tile.jpg

In alternativa, puoi anche creare gradienti:

Converti -Mize 1000x300 XC: Khaki -PointSize 172 -tile Gradient: -Annote +150 +190 'LinuxHint' Linuxhint_Gradient.jpg

Sfondo trasparente

In questo caso, per ottenere uno sfondo trasparente. Possiamo impostare lo sfondo su nessuno e il formato di file su PNG.

converti -ze 1000x300 xc: nessuno -pointIze 172 -lile Photo33.Png -Annote +150 +190 'Linuxhint' Linuxhint_Tile_Nobackground.png

Dellineing Testo

Puoi scegliere di delineare i testi nel modo più duro:

Converti -cize 1000x300 xc: khaki -poinze 172 -fill black -annota +151 +191 'linuxhint' -anannote +152 +192 'linuxhint' -annotate +151 +192 'linuxhint' -annota +152 +191 'linuxhint' - Annota +149 +189 'Linuxhint' -Annota +148 +188 'Linuxhint' -Annite +148 +189 'LinuxHint' -Annote +149 +188 'Linuxhint' -Fil Red -Annota +150 +190 'Linuxhint' Linuxhint_outline.png

In altre parole, qualcosa del genere:

Converti -Mize 1000x300 XC: Khaki -PointSize 172 \
-riempimento nero -annoto +151 +191 'Linuxhint' \
-Annota +152 +192 'LinuxHint' \
-Annota +151 +192 'Linuxhint' \
-Annota +152 +191 'Linuxhint' \
-annotare +149 +189 'Linuxhint' \
-annotare +148 +188 'Linuxhint' \
-Annota +148 +189 'Linuxhint' \
-annotare +149 +188 'Linuxhint' \
-riempimento rosso -annoto +150 +190 'Linuxhint' \
linuxhint_outline.png

Fondamentalmente, qui, assicurati di coprire tutti i confini.

Ora, rendiamo il contorno più spesso:

Converti -Size 1000x300 XC: Khaki -PointSize 172
-FILL BLACK -Annote +151 +191 'Linuxhint'
-annotare +152 +192 'Linuxhint'
-annotare +151 +192 'Linuxhint'
-Annota +152 +191 'Linuxhint'
-Annota +149 +189 'Linuxhint'
-Annota +148 +188 'Linuxhint'
-annotare +148 +189 'Linuxhint'
-Annota +149 +188 'Linuxhint'
-Annota +147 +187 'Linuxhint'
-annotare +146 +186 'Linuxhint'
-annotare +153 +193 'Linuxhint'
-riempimento rosso -Norete +150 +190 'Linuxhint' Linuxhint_outline.png

Ma scrivere un milione di righe solo per creare un confine sembra troppo. Quindi, ti presenterò un'alternativa:

-Colore del tratto

-Valore della ictuswidth

Quindi, scriviamo un nuovo codice:

Converti -Mize 1000x300 XC: Khaki -PointSize 172 -Fill Red -Stroke Black -StrokeWidth 4 -Annota +150 +190 'Linuxhint' Linuxhint_outline_Stroke.jpg

Quindi, hai quanto segue:

Dimensione: dimensione della tela
XC: colore di sfondo
Punti: dimensione del carattere
Riempi: riempi le lettere con un colore
STOCK: il colore per creare il contorno con
Scatewidth: lo spessore del contorno
Annotare: annotare il testo su tela
Linuxhint_outline_stroke.jpg: nome del risultato finale

Doppie linee

Ora, vediamo come creare un effetto a doppia linea. Qui, la larghezza della corsa della seconda corsa deve essere di colore diverso e di una larghezza inferiore rispetto alla prima. Fondamentalmente, è come scrivere con un pennarello spesso e poi sopra con un pennarello più sottile e diverso. Quest'ultimo creerebbe l'illusione di una doppia linea.

Converti -dize 1000x300 xc: khaki -poinze 172 -fild rosso -stroke black -strokewidth 4 -annota +150 +190 'linuxhint' -filct no -stronlo bianco -strokewidth 1 -annota +150 +190 'Linuxhint' Linuxhint_outline_stroke1.jpg

O

Converti -Mize 1000x300 XC: Khaki -PointSize 172 \
-riempi rosso -stroke black -strokewidth 4 -annota +150 +190 'Linuxhint' \
-riempire nessuno -Stroke White -StrokeWidth 1 -Annote +150 +190 'LinuxHint' \
linuxhint_outline_stroke1.jpg

Sembra questo se ingrandito:

Una versione leggermente diversa di questo è:

converti -dize 1000x300 xc: nessuno -pointIze 172 -fill rosso -stroke black -strokewidth 35 -annota +150 +190 'Linuxhint' -Stroke White -StrokeWidth 30 -Note +150 +190 'Linuxhint' -Stroke Black -strokeWidth 25 - Annota +150 +190 'Linuxhint' -Stroke White -StrokeWidth 20 -Annote +150 +190 'Linuxhint' -Stroke Black -StrokeWidth 15 -Annote +150 +190 'Linuxhint' -Stroke White -StrokeWidth 10 -Nantato +150 +190 'Linuxhint' -Stroke Black -StrokeWidth 5 -Annote +150 +190 'LinuxHint' -Stroke None -Annote +150 +190 'LinuxHint' LinuxHint_Psychedelic.png

O

converti -ze 1000x300 xc: nessuno -pointIze 172 -fill rosso \
-ictus black -strokewidth 35 -annota +150 +190 'Linuxhint' \
-Sicchia White -StrokeWidth 30 -Annote +150 +190 'LinuxHint' \
-ictus black -strokewidth 25 -annota +150 +190 'Linuxhint' \
-ictus bianca -strokewidth 20 -annota +150 +190 'Linuxhint' \
-Sicke Black -StrokeWidth 15 -Annote +150 +190 'LinuxHint' \
-Sicchia White -StrokeWidth 10 -Annote +150 +190 'LinuxHint' \
-Stroke Black -StrokeWidth 5 -Annote +150 +190 'LinuxHint' \
-Scate Nessuno -Annote +150 +190 'Linuxhint' \
linuxhint_psychedelic.png

Sarebbe così se ingrandisse:

In questo caso, è lo stesso principio del primo scenario. Ma la prima linea è molto spessa e nera, la seconda è bianca e meno spessa della prima, ecc ..

Ombra

Ora, aggiungiamo un po 'di ombra:

Converti -Mize 1000x300 xc: nessuno -font Candice -PointSize 172 -Annote +150 +190 'LinuxHint' -Bur 0x4 -Fild Red -Stroke Black -Annote +150 +190 'Linuxhint' Linuxhint_Shadow.png

Ora, proviamo a creare un contorno morbido con un look sfocato.

Converti -cize 1000x300 xc: nessuno -PointSize 172 -Fil nobile -Stroke Black -strokeWidth 8 -Annote 0x0+150+190 'LinuxHint' -Bur 0x20 -Fil Red -Noventa 0x0+150+190 'Linuxhint' Linuhint_reflect4.png

O

Converti -Mize 1000x300 xc: nessuno -pointIze 172 \
-riempi nessuno -stroke black -strokewidth 8 -annota 0x0+150+190 'Linuxhint' -Bur 0x20 \
-riempimento rosso -Norente 0x0+150+190 'LinuxHint' \
linuhint_reflection4.png

Qui stiamo usando l'interruttore Blur. Stiamo sfocando la corsa.

-Blur Radius xsigma

Si prega di notare che il valore più importante qui è il valore Sigma che determinerà l'entità della sfocatura.

Ora, guardiamo a Motion Blur.

-raggio motion-bur xsigma+angolo

L'angolo, in questo caso, è l'angolo verso il quale si verifica la sfocatura.

Converti -Mize 1000x300 xc: khaki -poinze 172 -Il Purple -Notate+150+190 'LinuxHint' -Motion -Blur 0x25+65 -Filtuli Red -Annote 0x0+150+190 'Linuxhint' Linuxhint_MB.jpg

O

Converti -Mize 1000x300 XC: Khaki -PointSize 172 \
-riempimento viola -annotato+150+190 'Linuxhint' -motion -blu 0x25+65 \
-riempimento rosso -Norente 0x0+150+190 'LinuxHint' \
linuxhint_mb.jpg

Un altro esempio:

Converti -Mize 1000x300 XC: Khaki -PointSize 172 \
-riempimento viola -annotato+150+190 'Linuxhint' -motion -blu 0x25+165 \
-riempimento rosso -Norente 0x0+150+190 'LinuxHint' \
Linuxhint_MB2.jpg

Nel cerchio

Ora, mettiamo il testo in cerchio.

-distorcere gli argomenti del metodo

Utilizzare il metodo distorto per distorcere il testo. Dopo lo switch distort, specificare il metodo (che in questo caso è arco che sarà il testo) e quindi gli argomenti.

Convert -PointSize 172 -Background Nessuno -Etichetta rossa di riempimento: "LinuxHint: All Things Linux" -Distort Arc 340 LinuxHint_Circle1.png

Riflessi

Il codice per le riflessioni è il seguente:

Converti -Mize 1000x300 xc: nessuno -PointSize 172 -Fil Red -Annote 0x125+150+190 'LinuxHint' -Fil Red -Annote 0x0+150+190 'Linuxhint' Linuhint_Reflection.png

O

Converti -Mize 1000x300 xc: nessuno -pointIze 172 \
-riempimento rosso -Norente 0x125+150+190 'Linuxhint' \
-riempimento rosso -Norente 0x0+150+190 'LinuxHint' \
linuhint_reflection.png

Utilizzare l'interruttore annotato.

-annotare xdegreesxydegrees +- t_X+- t_y testo

XDegrees e Ydegrees rappresentano il taglio sul testo. TX e Ty sono l'offset.

Ora, proviamo qualcos'altro:

Converti -cize 1000x300 xc: nessuno -pointIze 172 -fild rosso -annoto 0x125+150+190 'Linuxhint' -Fil Red -Annote 0x0+150+190 'Linuxhint' -Filk Nessuno -Stroke Black -StrokeWidth 4 -Annotato 0x0+150 +190 'Linuxhint' Linuhint_reflection2.png

O

Converti -Mize 1000x300 xc: nessuno -pointIze 172 \
-riempimento rosso -Norente 0x125+150+190 'Linuxhint' \
-riempimento rosso -Norente 0x0+150+190 'LinuxHint' \
-riempire nessuno -Stroke Black -StrokeWidth 4 -Annote 0x0+150+190 'LinuxHint' \
linuhint_reflection2.png

Qui, le opzioni sono innumerevoli e anche cosa puoi fare con questo.

Caratteri sovrapposti

Per scrivere una riga con caratteri sovrapposti, è necessario scrivere e posizionare individualmente ogni lettera.

converti -ze 700x300 xc: nessuno -font Candice -PointSize 172 -Stroke Black -StrokeWidth 4 -Fill White -Stroke Black -Annote +150 +190 L -Stroke Nessuno -Annota +150 +190 L -Stroke Black -Notota +200+ 170 I -Stroke Nessuno -Annote +200 +170 I -Stroke Black -Annote +220 +170 N -STroke Nessuno -Noventa +220 +170 N -Stroke Black -Annote +300 +170 U -Stroke Nessuno -Annota +300+ 170 U -Stroke Black -Annote +390 +170 X -Stroke Nessuno -Annote +390 +170 X Linux_Overlapping.png

O

Converti -Mize 700x300 XC: nessuno -font Candice -PointSize 172 \
-ictus nero -strokewidth 4 -fill bianco \
-ictus nero -annoto +150 +190 l \
-ictus Nessuno -Annota +150 +190 L \
-ictus black -annoto +200 +170 i \
-ictus Nessuno -Annote +200 +170 I \
-ictus nero -annoto +220 +170 n \
-Scate Nessuno -Annota +220 +170 N \
-ictus nero -annoto +300 +170 u \
-Scate None -Norete +300 +170 U \
-Sicke Black -Annote +390 +170 x \
-Scate Nessuno -Annota +390 +170 x \
linux_overlapping.png

E se volevi aggiungere un po 'di colore:

converti -ze 700x300 xc: nessuno -font Candice -pointSize 172 -Stroke Black -Width 4 -Fill Red -Stroke Black -Nantate +150 +190 L -Stroke Nessuno -Annota +150 +190 L -Stroke Black -Noventa +200+ 170 I -Stroke Nessuno -Annote +200 +170 I -Stroke Black -Annote +220 +170 N -STroke Nessuno -Noventa +220 +170 N -Stroke Black -Annote +300 +170 U -Stroke Nessuno -Annota +300+ 170 U -Stroke Black -Annote +390 +170 X -Stroke Nessuno -Annote +390 +170 X Linux_Overlapping_red.png

O

converti -ze 700x300 xc: nessuno -font Candice -PointSize 172 -Stroke Black -StrokeWidth 4 -Fill Red \
-ictus nero -annoto +150 +190 l \
-ictus Nessuno -Annota +150 +190 L \
-ictus black -annoto +200 +170 i \
-ictus Nessuno -Annote +200 +170 I \
-ictus nero -annoto +220 +170 n \
-Scate Nessuno -Annota +220 +170 N \
-ictus nero -annoto +300 +170 u \
-Scate None -Norete +300 +170 U \
-Sicke Black -Annote +390 +170 x \
-Scate Nessuno -Annota +390 +170 x \
linux_overlapping_red.png

Ora, l'accordo è che puoi decidere sulla posizione di ogni lettera.

Onda

Ora, guardiamo l'interruttore d'onda.

-Wave AmplitudexWavele Lunghezza

L'interruttore d'onda lo tagli usando un'onda sinusoidale.

Converti -Mize 1000x300 xc: nessuno -PointSize 172 -Fil Red -Annote 0x0+150+190 'Linuxhint' -Wave 6x6 Linuhint_Shade.png

O

Converti -Mize 1000x300 xc: nessuno -pointIze 172 \
-riempimento rosso -Norente 0x0+150+190 'Linuxhint' -Wave 6x6 \
linuhint_wave.png

Colorato

Ora, creiamo un pezzo colorato.

-Metodo a colori sparsi "x, y color" ... "

Il metodo può essere barzentrico, Bilineaanhattnoanhattantan, Shepards e Inverse.

Converti -font Times -Bold -PointSize 172 -Background Nessuno Etichetta: "LinuxHint" -Sparse -color Barycentric '0, %H Blue %W, 0 Red' Linuxhint_Colorfulf.png

Mescolandolo

Puoi anche mescolare tutto, che viene messo insieme alcuni degli effetti per fare un intero.

Quindi, mettiamo insieme alcuni effetti:

Esempio 1:

In questo caso, stiamo mettendo insieme piastrelle e ictus.

converti -ze 1000x300 xc: nessuno -pointIze 172 -lile Photo33.PNG -Stroke Black -StrokeWidth 3 -Annote +150 +190 'Linuxhint' LinuxHint_Mixed.png

Esempio n. 2:

In questo esempio, stiamo mettendo insieme piastrelle, ictus e distorcere.

converti -ze 1000x300 xc: nessuno -pointIze 172 -lile Photo33.Png -Annote +150 +190 'LinuxHint' -Stroke Black -StrokeWidth 3 -Annote +150 +190 'LinuxHint' -Distort Arc 340 Linuxhint_mix2.png

Esempio #3:

Converti -dize 1000x300 xc: nessuno -pointIze 172 -Annote 0x125+150+190 'Linuxhint' -Norete 0x0+150+190 'Linuxhint' -Sparse -color Baryentric '0, %H Blue %W, 0 Red' Linuhint_Mix2.png

Conclusione

Creare un carattere di fantasia non è troppo difficile. Devi pensarci attentamente perché una parola fuori posto cambierà l'intero effetto. Quindi, assicurati di pensare all'intero processo, scrivere piccole note e quindi scrivere il codice, soprattutto se è molto complicato o molto lungo.