Entwerfen aus einem Foto: Schnelle Tipps und Best Practices
Fotografie ist das Beste, was Design seit Typografie ausmacht. Ein Qualitätsfoto kann einen schlechten Designer gut und einen guten Designer großartig aussehen lassen. Es kann Emotionen vermitteln, Farbe einbringen, einen starken Schwerpunkt bilden und bereitstellen.
Heute werden wir uns einige Tipps, Techniken und Ideen für das Entwerfen großartiger Fotografie ansehen.
Entdecken Sie Envato-Elemente
Wo finde ich gute Fotos?
Zuallererst ist Fotografie eine der besten Fähigkeiten, die Sie als Designer erwerben können. Fotografen erstellen Bilder, Designer verwenden Bilder, um zu kommunizieren. Die beiden Felder könnten einfach nicht komplementärer sein, wenn sie es versuchen würden.
Wir werden bald einen Artikel veröffentlichen, der sich mehr darauf bezieht, also werde ich jetzt nicht weiter gehen, außer zu sagen, dass Sie sich PhotoTuts ansehen sollten, einen großartigen Blog, der Ihnen helfen kann, ein besserer Fotograf zu werden, egal wo Sie gerade liegen das Talentspektrum.
Selbst wenn Sie ein großartiger Fotograf sind, haben Sie nicht immer die Zeit und die Ressourcen, um das Foto aufzunehmen, das Sie selbst benötigen. In diesen Fällen ist die Fotografie Ihr Freund.
Die Verwendung von Bildmaterial kann jedoch schwierig sein. Lesen Sie daher unbedingt unseren Artikel 10 Fallstricke, die Sie bei der Verwendung von Bildmaterial vermeiden sollten.
Wenn Sie ein Budget für Stock-Fotografie haben, schauen Sie sich iStock an. Es mag die Wahl des Klischees sein, aber es gibt definitiv einen Grund dafür. Sie haben eine Menge wirklich hochwertiger, erschwinglicher Bilder.
Wenn Sie kein Budget haben, versuchen Sie stattdessen SXC, eine völlig kostenlose Stock-Fotografie-Site. Es gibt eine Menge schrecklicher Dinge auf SXC, aber Sie werden auch einige Juwelen finden, wenn Sie bereit sind, etwas Zeit in sie zu investieren.
Schließlich sollten Sie sich unbedingt die von Flickr Creative Commons lizenzierten Fotos ansehen. Flickr ist eine riesige Quelle für exzellente Fotografie und die Sammlung von Creative Commons ist ziemlich umfangreich.
Achten Sie nur darauf, die Zuordnungsanforderungen für jedes Bild im Auge zu behalten. Sie können kostenlos verwendet werden, erfordern jedoch normalerweise einen Link oder eine Gutschrift in irgendeiner Form, die zusammen mit der Verwendung angegeben wird.
Farbschemata
Eine der wichtigsten Methoden zum Entwerfen einer Seite um ein Foto ist das Festlegen des Farbschemas. Normalerweise erfordert das Erstellen eines einfarbigen Schemas viel Nachdenken und Planung und kann eine ziemlich einschüchternde Aufgabe sein, wenn Sie neu im Design sind.
Wenn Sie jedoch die Fotografie als Helden verwenden, erledigt sie die ganze Arbeit für Sie. Einer der ältesten Tricks in der Goodies-Tasche des Designers besteht darin, ein Farbschema direkt aus den Farben eines Fotos zu erstellen.
Betrachten Sie als Beispiel das folgende Bild.
Was ich hier gemacht habe, ist einfach die Photoshop-Pipette zu verwenden, um einige Farben vom Foto zu nehmen. Dies gibt uns eine wirklich schöne Palette, die sich eng in unsere Bilder einfügt.
Von hier aus wählen Sie einfach ein paar aus, die Ihnen gefallen, und laufen mit ihnen. Probieren Sie verschiedene Farbtöne und Trübungen aus. Die Farben sind nur ein Ausgangspunkt und müssen nicht unbedingt strengen Richtlinien entsprechen.
Typografie
Die meisten Designer haben Probleme mit der Integration von Schrift in sie. Ich kann nicht verfolgen, wie viele Websites und Poster ich täglich sehe, die alle Ideen der Lesbarkeit verwerfen, weil sie eine schöne dünne Schrift auf einem „auffälligen“ Hintergrund verwenden möchten.
Dies führt zu etwas, das auf den ersten Blick anständig aussieht, aber tatsächlich Ihren Kopf verletzt, wenn Sie versuchen, es zu lesen.
Mein erster Rat wäre, ein anderes Foto und / oder eine andere Schriftart auszuwählen, aber manchmal kann man es nicht einfach ändern. Der Kunde möchte, was der Kunde möchte, und Sie können oft nichts tun, um seine Meinung zu ändern.
In diesen Situationen besteht Ihre Aufgabe darin, die Klarheit der Nachricht zu erhöhen. Wenn Sie mit dem geschäftigen Foto und der dünnen Mädchenschrift nicht weiterkommen, suchen Sie nach Möglichkeiten, um es besser hervorzuheben.
Eine der einfachsten Möglichkeiten, dies zu erreichen, ist das Ausleihen aus der obigen Farbpalettenmethode. Probieren Sie eine schöne Volltonfarbe aus dem Bild aus und erstellen Sie eine Farbleiste für den Text.
Hören Sie nicht damit auf, nur ein farbiges Rechteck zu erstellen. Im Bild oben sehen Sie, dass ich einen leichten Schatten auf die Box aufgetragen, die Deckkraft verringert und das Foto im Bereich hinter der Box unscharf gemacht habe, um eine Art Milchglaseffekt zu erzielen.
Das richtige Foto auswählen
Im Idealfall haben Sie als Designer das Recht, sowohl das Foto als auch die Typografie auszuwählen, die Sie implementieren. In diesen Fällen möchten Sie etwas finden, das fast leer genug Platz hat, um Ihre Nachricht zu speichern.
Es muss kein fester Hintergrund sein, aber es sollte so einfach wie möglich sein und in dem Bereich, in dem der Typ platziert werden soll, nicht viel Farbkontrast aufweisen.
Kontrast ist eine gute Sache im Design, aber wenn Sie ihn hinter Ihren Text stellen, ist dies einfach eine unsachgemäße Verwendung, die zu visueller Verwirrung führt. Der Kontrast sollte stattdessen zwischen dem Typ und dem Hintergrund liegen (siehe Abbildung unten).
Hier haben wir die Bilder alle auf die eine Seite und den Text auf die andere Seite geschoben. Das Weiß und Gelb in den Buchstaben werden nicht wie in den obigen Beispielen aus dem Bild ausgewählt, sondern stattdessen ausgewählt, weil sie auf schwarzem Hintergrund einen hohen Kontrast aufweisen. Wenn ich die Hemdfarbe des Mannes probiert hätte, hätte die Lesbarkeit stark gelitten.
Wenn Sie auf das Bild oben klicken, sehen Sie das Originalfoto. Der Hintergrund war eigentlich ein wenig beschäftigt und reichte nicht weit über die Schulter des Mannes hinaus. Ich malte ein Bokeh aus und verlängerte die rechte Kante, um meinen Zwecken zu entsprechen. Dies dauerte nur eine Minute und ersparte mir Stunden bei der Suche nach dem einen Foto, das perfekt zu meinen Bedürfnissen passt.
Machen Sie sich keine Sorgen um das perfekte Foto, sondern finden Sie eines mit einer guten Struktur, mit der Sie arbeiten können.
Bluten
Ob im Internet oder in gedruckter Form, ein Foto mit vollem Anschnitt hat etwas, das einfach edel und schön aussieht. Es ist jedoch nicht immer praktisch oder möglich für das, womit Sie arbeiten müssen.
Angenommen, der Kunde gibt Ihnen ein vertikales Foto und eine horizontale Werbefläche. Was dann? In diesen Fällen können Sie verschiedene Tricks ausprobieren. Das horizontale Zuschneiden des Fotos ist das erste, was Ihnen in den Sinn kommt, funktioniert jedoch nur unter wenigen Umständen.
Eine weitaus praktischere Lösung besteht darin, Ihr Foto den vertikalen Raum ausfüllen zu lassen und den Rest mit einer Volltonfarbe zu füllen. Diese Lösung ist einfach und sieht scharf aus. Es gibt Ihnen auch viel Platz, um Ihre Nachrichten und kleinere Bilder, die Sie benötigen, zu platzieren.
Im folgenden Design habe ich erneut den Farbabtasttrick von oben verwendet (Sie können diesen Trick beim Entwerfen mit Fotos einfach nicht überbeanspruchen), um eine der dunkelsten Farben zu erfassen, die ich im Bild finden konnte, in diesem Fall die Farbe von den Flecken der Giraffe .
Da das Foto einen hellen Hintergrund hat, sorgt das Abtasten einer der dunkleren Farben für einen kräftigen Kontrast zwischen den beiden Hälften und bringt wirklich viel visuelles Interesse auf die Seite.
Weine nicht, wenn du nicht bluten kannst
Wenn Sie mit Druck arbeiten, kann es vorkommen, dass Sie weder das Foto noch die Farbe vom Rand des Papiers ausbluten können. Diese Einschränkung ergibt sich häufig aus der Zusammenarbeit mit kleinen Organisationen, die selbst Druckmaterialien erstellen und keine randlosen Aufträge ausführen können.
Was Sie in diesen Situationen nicht tun möchten, ist, etwas zu entwerfen, das bis zum Rand blutet, und es dem Drucker dann zu ermöglichen, es einfach dort abzuschneiden, wo es will, und einen weißen Rand um den Rand zu lassen. Dies schreit nach billigem Druckauftrag und ist daher ziemlich klebrig.
Stattdessen möchten Sie ein Design mit vielen Leerzeichen erstellen, damit die Ränder absichtlich aussehen. Wenn es richtig gemacht wird, wird niemand jemals wissen, dass Ihr Drucker nicht an den Rand gehen kann. Es sieht einfach so aus, als hätten Sie eine Designentscheidung getroffen, um es nicht so weit zu bringen.
Im obigen Bild habe ich auf allen Seiten des Fotos viel Abstand angebracht, damit der Rand eher absichtlich als zufällig erscheint. Beachten Sie auch, wie ich die Himmelsstruktur hinter die Buchstaben gebracht habe, damit es sich anfühlt, als würde sich das Foto unter dem Weiß ausdehnen. Dies ist ein weiterer großartiger kleiner Trick, mit dem Sie die Wirksamkeit der grenzenlosen Illusion erhöhen können.
Die oben beschriebene Methode funktioniert in vielen Fällen recht gut, aber wenn Sie bei der Fotoauswahl die Freiheit haben, gibt es einen noch besseren Weg, um dieses Problem zu lösen.
Wenn Sie ein Bild finden, das auf einem weißen Hintergrund aufgenommen wurde, erhalten Sie mühelos einen randlosen Look, der nicht billig oder unprofessionell erscheint.
Beachten Sie, wie sehr die Kröte oben wirklich vom Hintergrund springt (Wortspiel beabsichtigt). Achten Sie bei dieser Technik darauf, ein Bild mit viel Kontrast und hellen Farben zu finden, damit es die Aufmerksamkeit Ihrer Betrachter auf sich zieht.
Beachten Sie auch, wie ich das Originalbild umgedreht habe, sodass die Kröte in den Werbebereich zeigt. Dies ist ein einfacher Trick, der Ihre Aufmerksamkeit auf die Anzeige und auf den Inhalt lenkt und nicht von dieser weg.
Fazit
Die obigen Informationen sollten Ihnen viel zu denken geben, wenn Sie das nächste Mal überlegen, mit Fotografie zu entwerfen. In der Tat ist der Schlüssel zum Erfolg hier, unbedingt mit Fotografie zu entwerfen, aber um Fotografie herum zu entwerfen.
Ein starkes Image ist der perfekte Held für Ihr Design, und Ihre Aufgabe besteht dann darin, die Kommunikation so darum zu wickeln, dass beide effektiv hervorgehoben werden.
Zu den besten Ratschlägen oben gehört, niemals die Lesbarkeit zu opfern, immer Farben aus dem Bild zu ziehen, wenn Sie können, der Kontrast ist Ihr Freund und niemals zuzulassen, dass Beschnittbeschränkungen die wahrgenommene Qualität des Endprodukts beeinträchtigen.
Vielen Dank fürs Lesen, tun Sie uns einen Gefallen und teilen Sie den Artikel auf Twitter oder über Ihre bevorzugte Methode, wenn es Ihnen gefallen hat!
