Wenn Sie die Größe des Musters/Foto-Layers ändern müssen, stellen Sie sicher, dass Sie die Umschalttaste gedrückt halten, um zu verhindern, dass das Muster verzerrt wird. Nachdem Sie die Größe geändert haben, klicken Sie auf das Häkchen in der Optionsleiste, um Ihre Änderungen zu übertragen. Es ist auch eine große Zeitersparnis. Richten Sie eine Vorlage für ein Pinterest-freundliches Blog-Beitragsbild oder ein Social-Media-Image ein, finden Sie einen Look, den Sie mögen, der Ihr eigenes Business-Branding ergänzt, und Sie können in wenigen Minuten gemeinsam nutzende Bilder erstellen. Und damit sind wir fertig! Mit der abgesenkten Ebenenopazität ist das Muster nun im gesamten Bild kaum sichtbar, was uns unser Endergebnis gibt: Und so wird es aussehen mit den Copyright-Informationen, die als transluzentes Wasserzeichenmuster angewendet werden: Wählen Sie auf der neu erstellten Textebene den Text per Doppelklick auf das T-Symbol aus. Wenn Sie Ihren Fotos ein Copyright-Wasserzeichenmuster hinzufügen, können Sie diese per E-Mail an Kunden senden oder auf eine Website hochladen, ohne sich Sorgen zu machen, dass jemand sie stiehlt oder Kredite für Ihre Arbeit aufnimmt (nicht, dass irgendjemand daran denken würde, so eine krumme Sache zu tun). Natürlich kann nichts, was wir mit einem Bild tun, vollständig garantieren, dass es nicht gestohlen werden kann, aber zumindest wird das Hinzufügen eines Wasserzeichenmusters es viel schwieriger machen. In diesem Tutorial lernen wir zunächst, wie das Wasserzeichenmuster selbst erstellt wird, und dann werden wir sehen, wie wir es schnell auf eines unserer Bilder anwenden können. Ich hatte gehofft, dass, wenn ich ein sich bewegendes div (Scrolling) und das Ändern des Hintergrundbildes in ein halbtransparentes Png, dies würde mir dann erlauben, das Bild zu sehen, über die die div gescrollt wird. Wir müssen das Wasserzeichenmuster auf einem eigenen Layer hinzufügen, also klicken Sie auf das Symbol “Neuer Layer” am unteren Rand des Ebenenbedienfelds: Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld zu schließen.
Ein neues leeres Photoshop-Dokument erscheint auf Dem Bildschirm (das Schachbrettmuster sagt uns, dass das Dokument leer ist): Legen Sie gemustertes oder strukturiertes Papier oder ein Foto in Text; und Es gibt ein Problem mit Android (bis einschließlich 4.2), wo es nicht wirklich unterstützt -webkit-background-clip – obwohl jeder Test zurück, dass es tut. Die Eigenschaft und alle Werte, die sie haben könnte, einschließlich Text. Selbst Modernizrs testAllProps() kann es nicht fangen. Aber -webkit-text-fill-color funktioniert, so dass Sie im Wesentlichen ein Bild ohne Text erhalten. Ziemlich schlecht. Ich werde meine Copyright-Informationen in zwei Zeilen aufteilen, die tendenziell besser aussehen, wenn sie als Muster angewendet werden. Ich tippe “© 2014” in der ersten Zeile, dann drücke ich Enter (Win) / Return (Mac) auf meiner Tastatur, um zu einer zweiten Zeile zu springen, und ich schließe meine Copyright-Informationen ab, indem ich meinen Namen “Steve Patterson” eintippe. Da wir vorhin die Option Ausrichtung des Mittelpunkttextes in der Optionsleiste ausgewählt haben, werden beide Zeilen zentriert angezeigt: Klicken Sie auf OK, wenn Sie fertig sind, um das Dialogfeld Mustername zu schließen. Es sieht nicht so aus, als ob irgendetwas passiert ist, aber wie wir gleich sehen werden, hat Photoshop den Text jetzt als Muster hinzugefügt, das wir leicht auf jedes Bild anwenden können. Wir brauchen unser Textdokument nicht mehr, also zögern Sie auch nicht, es zu schließen. Jetzt wenden wir das Hintergrundbild nur dann an, wenn wir sicher sind, dass der Browser Hintergrundclip unterstützt.
Einige der Bilder enthielten Screenshots der Anwendung oder relevante E-Mails, die der Dienst an seine Abonnenten gesendet hatte. Obwohl diese Bilder informational erscheinen, sind sie zu komplex. Wie erwartet, sahen benutzer sich das erste Bild an, um den Wert zu messen, aber die Ebene der komplexen Details in den Fotos wurde zu früh für Benutzer dargestellt, die versuchen, die Grundlagen des Dienstes zu verstehen, so dass sie sie an dieser Stelle nicht hilfreich fanden. Infolgedessen neigten die Teilnehmer dazu, auch diese Bilder zu vermeiden. Zusammenfassung: Dekorative Bilder, die in einem abwechselnden Listenlayout verwendet werden, haben dazu geführt, dass Benutzer beim Scannen der Seite in einer Eyetracking-Studie ins Stolpern geraten. Benutzer wurden effizient auf Seiten gescannt, auf denen Text und Bilddaten vertikal ausgerichtet wurden. Legen Sie die Schriftart und Größe in der Optionsleiste oben auf dem Bildschirm fest.