WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- schriftenlogo transparent HG im web

3D, Bildbearbeitung, Farbgebung, Publishing, Typographie, Grafiker, Designer, Templates, Kostenlose und günstige Templates, Design-Cuts, Outsourcing, Erstellen von Webseiten, Visitenkarte bis Printvorlage

Forum » Layout - Webwork bis Print für Webseiten » schriftenlogo transparent HG im ... - 23 Feb 2020 Antworten
schriftenlogo transparent HG im web
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo zusammen,
nach ca 14 tagen intensivstsuche im web, nach tips und tricks, hoffe ich, das ihr mir weiterhelfen könntet. ich bin eher ein hobby - photoshoper als ein profi das nur mal zur info, und hoffe darum auf eure hilfe.
ich habe ein logo erstellt, tranparenter hintergrund mit buchstaben (mein nachname) dies sind in frb. 303030, transparter hintergrund, weil ich es auf verschiedene farben von hintergründen einsetzten möchte.
speichere es als transparentes gif fürs web ab, das problem dabei, sobald ich es in frontpage auf meinen grauen hintergrund einfüge, ist die kontur der einzelnen buchstaben richtig pixelig und unscharf und noch tw mit weißen rand. habe im web schon tips gefunden mit "unscharft maskieren", hat aber leider auch kaum was genutzt.
es würde mich freuen, wenn ihr mir einem anfänger vielleicht mal ein paar gute tips geben könntet. lg
ulrike

  Profil   E-Mail   Editieren   Zitieren
Marcus
Forenheld




Beiträge: 881

Ich bin ebenfalls net der große Ps-ler, aber ich speicher meine transparenten Sachen immer als png ab, solche Probleme wie du hatte ich da eigentlich noch nicht.

  Profil   E-Mail   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
habe dies gerade mal probiert, mit folgenden einstellwerten abgespeichert.
web> png8>selectiv>no dither.
sieht immer noch schlecht aus.
sieh mal selbst.
lg
ulrike
http://www.valentinis.net/html/test.htm

  Profil   E-Mail   Editieren   Zitieren
chip
Foren-Team




Beiträge: 421

Das wird so nicht funktionieren, da die Kanten der Schrift ja geglättet werden sollen. D.h. das die Pixel am Rand der Schrift verschiedene Helligkeitswerte haben und das kann nicht auf alle Hintergründe angepasst werden. Damit dieser Effekt nicht auftritt musst du entweder eine feste Hintergrundfarbe einstellen oder einen Pixelfont verwenden, da bei diesem die Kanten ja nicht geglättet werden (sollen).

---

  Profil   Website   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
danke!
entschuldige mein unwissen, was ist eine pixelfont? wo bekomme ich so etwas.
danke euch
lg
urlike

  Profil   E-Mail   Editieren   Zitieren
weisseweste
Fachidiot




Beiträge: 113

HI,
meine Erfahrung diesbezüglich:
ich speichere das Bild erst einmal im RGB Modus mit einem Hintergrund ab (in einer Farbe, die im Logo nicht enthalten ist, aber ähnlich der Farbe des Hintergrundes deiner Webseite) als jpg in maximaler Qualität (also unter "speichern unter"). Danach öffne ich das Bild und speichere es mit "für web speichern" dann als gif ,Transparenz mit Häkchen, Auswahl "selektiv", "no dither" ab. Überprüfe auch die Anzahl der Farben - lieber mehr als zuwenig, vergrößert aber bei mehr Farben die Dateigröße.
Um den Hintergrund wegzubekommen klickst du auf die Hintergrundfarbe in den Farbenkästchen mit dem Pipettenwerkzeug und darunter dann auf das Icon Transparenz (unter den Farbenkästchen).

Manchmal ist aber auch die Schrift bzw. Schriftgröße entscheidend für das Resultat.
Schau mal unter http://www.designerinaction.de/fonts/show.php3?art=pixelfonts, dort steht öfter dabei: "Beste Darstellung in xx Punkt Grösse".

gruß, weisseweste

  Profil   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
danke für den tip, wenn ich das das jpeg nochmals herhole und dann als gif transparent ohne hintergrund abspeichern möchte, gibt ers bei mit in der farbpalette keinen transparenten hintergrund, den ich auswählen kann, das kästechen -transparent- ist auch gesperrt.
lg
ulrike

  Profil   E-Mail   Editieren   Zitieren
weisseweste
Fachidiot




Beiträge: 113

was für ein Programm und welche Version benützt Du? vielleicht ist das woanders einzustellen.

  Profil   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
adobe photoshop 5.5
lg
ulrike

  Profil   E-Mail   Editieren   Zitieren
axedon
Foren-Team




Beiträge: 1598

Also, du gehst bei einem Pixelfont wie folgt vor:

Neues Bild erstellen, dort bei Hintergrund transparent wählen, Text in der Pixelfont schreiben, web speichern unter, dort gif wählen und transparenten hintergrund - fertig.

Andere Fonts, die geglättet werden sollen:

Neues Bild erstellen, eine deiner Hintergrundfarben wählen, Text in der Font schreiben, web speichern unter, dort gif wählen und transparenten Hintergrund.
So und ab jetzt musst du mit dem Hintergrund und der Glättung experimentieren und versuchen einen Kompromiss zu finden. Das dauert je nachdem wieviele Farben du als Hintergrund hast, ein bisschen.
Kenne das Problem selbst von NWP damals als wir Schriften mit Schriftbeispiel zum Download stellten, aber mit dem Hintergrund zwischen Beige und Weiß abwechselten.

  Profil   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
das geht ja doch ganz einfach, ich habe es einfach mal mit schwar weiß gemacht, das ging am schnellsten, meine verschiedenen grautöne mit hintergrund teste ich noch durch, werde schon das richtige finden.
lg und vielen dank
ulrike

  Profil   E-Mail   Editieren   Zitieren
weisseweste
Fachidiot




Beiträge: 113

Also, ps 5.5 hab ich auch noch, aufm Mac, dürfte aber bei PC nicht anders sein.

Bei Erstellung deines Schriftzuges (Dein Name) im Textfenster darauf achten, dass bei "Glätten": stark, scharf oder glätten eingestellt ist. Das musst du evtl. austesten, was am besten kommt.
Und jetzt das Bild in Menüleiste: "Bild", "Modus"-> indizierte Farben wechseln (ist ja noch im RGB vom jpg).
Und jetzt in Menüleiste "Datei", "Exportieren" ->"gif89a exportieren" auswählen.
Da geht dann ein Fenster auf, mit Deinem Bild. Aktiviere die Pipette+ und klicke auf Deinen Hintergrund, der transparent werden soll. Du siehst, die Farbe geht weg .... gegebenfalls vergrößerst du und mußt noch mehr mit der Pipette anklicken, da der Hintergrund mehrere Farbennuancen enthält. Achtung, nicht zuviel wegklicken, sonst wirds wieder pixelig am Textrand. Danach "OK" klicken und speichern.

Die Funktion "für web speichern" geht wohl nur, wenn man das Bild mit Hintergrund speichert. Ich erinnere mich, dass ich es damals auch nicht mit der Transparenz mit "für web speichern hinbekommen habe.

gruß weisseweste

  Profil   Editieren   Zitieren
chimpao
Pixelschubser
Threadstarter




Beiträge: 8

hallo,
das war ein super tip, vielen dank!
bis bald
ulrike

  Profil   E-Mail   Editieren   Zitieren
 

Antworten
Forum » Layout - Webwork bis Print für Webseiten » schriftenlogo transparent HG im ...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - schriftenlogo transparent HG im web im Forum Homepage Hosting AntwortenLetztes Posting
Fremde Bilder auf eigener Homepage
in "Layout - Webwork bis Print für Webseiten"
9 25.10.2019 12:51 von Paiso
Suche Webdesign Agentur - Muss kein Design Awards Gewinner sein
in "Layout - Webwork bis Print für Webseiten"
6 09.10.2019 18:46 von terinaee
Corporate Identity gestalten
in "Layout - Webwork bis Print für Webseiten"
10 28.08.2019 13:04 von UweBr
Nummernschild-Schrift
in "Layout - Webwork bis Print für Webseiten"
3 30.07.2019 13:50 von Sonja
Sehr gute Spiegelreflexkamera gesucht
in "Layout - Webwork bis Print für Webseiten"
1 29.07.2019 08:02 von Robeni
Thekenaufsteller mit eigenem Design
in "Layout - Webwork bis Print für Webseiten"
6 21.07.2019 16:45 von Robeni
Wie Rechnung richtig schreiben als Webdesigner?
in "Layout - Webwork bis Print für Webseiten"
3 24.06.2019 16:57 von Robeni
Onepager - Flop oder Top?
in "Layout - Webwork bis Print für Webseiten"
0 11.03.2019 10:49 von taxidriver
[Suche] Webdesigner für ein Projekt
in "Layout - Webwork bis Print für Webseiten"
7 18.01.2019 14:43 von Michael222
Briefbögen heute noch zeitgemäß
in "Layout - Webwork bis Print für Webseiten"
2 15.11.2018 14:49 von onlinesonne
Webseitenerstellung inklusive Pflege und Betreuung - mit Ratenzahlung
in "Layout - Webwork bis Print für Webseiten"
0 26.10.2018 14:08 von Rieke
Software / Progg fürs Webdesign...
in "Layout - Webwork bis Print für Webseiten"
2 16.10.2018 08:28 von Icenso
Photoshop - Transparente dunkle Fläche
in "Layout - Webwork bis Print für Webseiten"
1 07.03.2018 10:36 von Ruzzla
Ebay Shop Design
in "Layout - Webwork bis Print für Webseiten"
1 27.11.2017 13:49 von Allon



Besucher : 6541052    Heute : 1121     Gestern : 1106     Online : 15     23.2.2020    18:18      0 Besucher in den letzten 60 Sekunden        
Nach oben