Tutorial: weißer Hintergrund hinter Text

16. Juli 2012 / 2 Kommentare

Hallo, ihr lieben Leser und alle anderen da draußen in der weiten Welt :)
Ich möchte schon wieder ein Tutorial machen! Ja, mir ist irre langweilig. Wer aus der Überschrift nicht schlau geworden ist, schaut sich einfach das Bild an. 



So wird es am Ende in etwa aussehen. :) Um das Bild so zu bearbeiten benötigt ihr GIMP. (Download Windows & Mac) Seid mir nicht böse, ich habe die wichtigen Sachen lila und nicht rot markiert :D




Zuerst öffnet ihr also GIMP und öffnet das zu bearbeitende Foto. Achtet darauf, dass die Vordergrundfarbe schwarz und die Hintergrundfarbe weiß ist. Klickt in der Werkzeugleiste auf das Große A. Damit macht ihr den Text. Zieht ein Feld - egal wie groß - auf das Bild. Es ist egal wo ihr den Text hinmacht, das werden wir am Ende, wenn man alles besser beurteilen kann, noch ändern können. Wählt die gewünschte Schrift und zieht es dann so hin, dass der Text in einer Zeile ist.



Nun müsst ihr die Auswahl anpassen. Zieht nun erneut das Textfeld so weit zusammen wie möglich. Aber Achtung! Gerade bei den y, g, p's, etc, also alle Buchstaben die in den "Keller" gehen, kann es schnell passieren, dass ihr die abschneidet.



Wenn ihr jetzt alles angepasst habt klickt ihr auf Ebene, dann auf Auswahl aus Text und dann nochmal auf Auswahl aus Text. Nun sind eure Buchstaben markiert.



Da wir aber den Hintergrund der Buchstaben markiert haben wollen, klickt ihr nun auf Auswahl und dann auf Invertieren.



Jetzt brauchen wir das Füllwerkzeug (Das befindet sich in der Werkzeugleiste rechts neben dem großen A.) Achtet darauf, dass ihr bei Füllart HG-Farbe und bei Betroffener Bereich Ganze Auswahl füllen auswählt. Klickt nun einfach irgendwo, am besten direkt neben den Text, hin.



Einfach dann auf Auswahl und dann Nichts auswählen klicken und ihr seid schon fast fertig.



Jetzt könnt ihr noch mit dem Verschieben-Werkzeug euren Text dort hinmachen, wo ihr ihn haben wollt. Das Werkzeug ist ebenfalls in Der Werkzeugleiste. oh, wunder. Zweite Reihe, ganz rechts (Zumindest bei mir! ihr findet das schon!)

Und das wars auch schon. Liebe Grüße :)

2 Kommentare :

  1. 17 Zoll glaube ich:
    http://www10.pic-upload.de/17.07.12/aglqi96v913m.png

    AntwortenLöschen
  2. Zu dem funktioniert nicht:
    .post blockquote {
    background: #fffff;
    border-left: 3px solid ##a7a7a6;
    border-right: 3px solid ##a7a7a6;
    padding: 5px;
    font-family: Cantarell;
    font-size: 11.5px;
    color: ##ac8062
    }

    (aus deinem Quelltext)
    Du hast bei den Farbangaben das # doppelt. Es darf nur einmal dastehen. Und hinter dem letzten Punkt muss noch ein Semikolon stehen.
    Füg es so ein:

    .post blockquote {
    background: #fffff;
    border-left: 3px solid #a7a7a6;
    border-right: 3px solid #a7a7a6;
    padding: 5px;
    font-family: Cantarell;
    font-size: 11.5px;
    color: #ac8062;
    }

    Ich hoffe ich konnte helfen?

    AntwortenLöschen

Copyright © by Theresa of 'Photography is a way to live' 2011 - 2013