Share
Was Sie erstellen werdenIn früheren Versionen von Smart Objects haben wir Bilddaten in die PSD-Datei eingebettet. Adobe hat jetzt Smart Objects in Photoshop CC 2014 aktualisiert, sodass wir sie auch mit externen Dateien verknüpfen können. In diesem Lernprogramm werden wir neue Funktionen der neuesten Linked Smart Objects verwenden, um eine flexible Broschüre zu erstellen. Wir verwenden Photoshop als Hauptwerkzeug und Illustrator, um das Logo zu gestalten.
Wir werden einige lizenzfreie Bilder verwenden. Sie finden sie in den fertigen PSD-Dateien. Sie können es zum Vergleich mit Ihrer endgültigen Arbeit verwenden. Wir werden auch die kostenlose Schriftart Alef von Google Fonts verwenden.
Dabei verwenden wir Adobe Bridge zum Durchsuchen von Asset-Bildern. Denken Sie daran, Ihr Adobe Photoshop zu aktualisieren, da wir die neuesten Funktionen von Version CC 2014 verwenden werden.
Zuerst erstellen wir eine neue Datei (Control-N) für unsere Broschüre. Wählen Sie die Voreinstellung aus Internationales Papier mit Größe A5.
Die Standardeinstellung wird verwendet 300 Pixel / Zoll für seine Auflösung. Dies bedeutet, dass jedes Quadrat der Größe 1 Zoll × 1 Zoll 300 Pixel enthält. Dies ist die ideale Einstellung zum Drucken. Da dies jedoch nur ein einfaches Tutorial ist, möchten wir möglicherweise die Auflösung etwas verringern. Stellen Sie es auf 150 Pixel / Zoll ein. Eine niedrigere Auflösung bedeutet weniger Pixel. Weniger Pixel bedeuten eine schnellere Bearbeitungszeit für Photoshop.
Hier ist die Leinwand, die wir haben.
Schlagen Control-R um die Lineale auf der oberen und linken Seite der Leinwand anzuzeigen. Diese Lineale helfen uns, die Position des Cursors zu erkennen und die Designelemente genau zu platzieren. Rechtsklick das Lineal und dann auswählen Millimeter seine Einheit ändern.
Aktivieren Sie das Auswahlwerkzeug. Machen Sie eine neue rechteckige Auswahlmessung 11 mm × 11 mm in der oberen linken Ecke der Leinwand. Um eine perfekte rechteckige Auswahl zu treffen, ziehen Sie den Cursor bei gedrückter Taste Verschiebung Schlüssel.
Klicken und Ziehen das Lineal auf die Auswahlkante, um rechts eine neue Hilfslinie zu erstellen 11 mm horizontal und 11 mm vertikal.
Machen Sie dasselbe in der rechten unteren Ecke der Leinwand. Zeichnen Sie ein Rechteck von 11 mm × 11 mm in der rechten unteren Ecke und erstellen Sie neue Hilfslinien.
Öffnen Sie das vorhandene Foto, das in den Quelldateien verfügbar ist. Dieses Foto wurde von deathtothestockphoto zur Verfügung gestellt. Klicken Datei> Speichern unter und speichern Sie diese dann als PSD-Datei. Wählen Photoshop in dem Speichern unter Möglichkeit. Wir speichern dies in einem PSD-Format (nicht in JPG), um es in Zukunft einfacher zu ändern.
Ziehen Sie die PSD-Datei auf die in Photoshop erstellte Leinwand. Wir ziehen, um die Datei auf der Leinwand zu platzieren. Denken Sie daran, dass wir nicht vorhaben, das Bild zu kopieren und dann einzufügen, sondern die Datei auf der Leinwand verlinken. Wir können diese Leinwand als Containerdatei bezeichnen.
Sie können auch das Menü verwenden, Datei> Verknüpfen. Wählen Sie im nächsten Dialogfeld die Datei aus, die Sie einfügen möchten.
Nachdem die Bilddatei in die Leinwand eingefügt wurde, wird ein Begrenzungsrahmen angezeigt. Sie können die Größe der Bilddatei ändern, indem Sie die Ziehpunkte daran ziehen. Sie brauchen sich keine Sorgen zu machen, wenn Sie einen Fehler machen, während Sie ihn umwandeln. Da die Bilddatei als Smart Object gespeichert wird, können Sie jederzeit erneut eine Transformation durchführen oder eine andere Transformation anwenden, ohne die Bildqualität zu beeinträchtigen.
Ziehen Sie an den Ziehpunkten, während Sie das Bildseitenverhältnis beibehalten Verschiebung Schlüssel.
Schlagen Sie die Eingeben Schlüssel zur Bestätigung des Transformationsprozesses. Wenn Sie mit dem Ergebnis immer noch nicht zufrieden sind, wenden Sie eine andere Transformation an, indem Sie auf klicken Control-T. Schauen Sie sich jetzt das an Schichten Panel. Die zuvor hinzugefügte Hintergrundebene hat ein kleines Symbol in der rechten unteren Ecke. Dieses Symbol zeigt an, dass die Ebene mit einer anderen Datei verknüpft ist.
Fügen wir eine Fußzeile in unser Design ein. Öffnen Sie die mit diesem Tutorial verfügbare Logodatei. Die Logodatei stammt von deathtothestockphoto. Da es sich um eine EPS-Datei handelt, sollten Sie sie in Adobe Illustrator öffnen, um die Vektorfunktionen zu erhalten. Wählen Sie eines der Logos aus. Kopieren Sie es durch Schlagen Steuerung-C.
Erstellen Sie eine neue Datei in Adobe Illustrator (Control-N).
Schlagen Steuerung-V um das Logo einzufügen.
Speichern Sie die Logodatei im selben Ordner wie unsere Broschüre.
Kommen wir zurück zu unserer Broschüre PSD-Datei. Platzieren Sie das Vektorlogo über das Menü auf der Leinwand Datei> Verknüpfen. Wählen Sie im nächsten Dialogfeld die Datei aus. Öffnen Sie es als Smart Object mit Crop To Bounding Box ausgewählt.
Ändern Sie die Größe des Vektorlogos. Platziere es in der rechten unteren Ecke der Leinwand.
Aktivieren Sie das Typ Werkzeug und dann klicken und ziehen, um ein neues Textfeld zu erstellen. Füllen Sie es mit zwei oder drei kurzen Absätzen, gefolgt von der Website-Adresse des Unternehmens in großem Text. Verwenden Sie für den Schriftarttyp Alef von Google Fonts.
Fügen Sie ein weiteres Textfeld über der Leinwand hinzu. Verwenden Sie zur Konsistenz dieselbe Schriftart. Stellen Sie die Schriftgröße größer ein, da dies der Haupttitel der Broschüre ist.
Im Moment haben wir zwei Smart Objects, im Logo und im Hintergrund. Wir wissen auch, dass die Smart-Objekt-Ebene mit der Originaldatei verknüpft ist. Versuchen wir, sie zu ändern und zu sehen, was passiert.
Ändern Sie zunächst den Hintergrundinhalt. Aktivieren Sie das Smart Object Hintergrund. Öffne das Eigenschaften Panel. Klicken Inhalt bearbeiten. Sie können auch direkt Doppelklick die Ebene, um den Inhalt zu bearbeiten.
Sie finden dieses Dialogfeld möglicherweise. Photoshop fordert Sie auf, die Datei in demselben Bereich zu speichern. Klick einfach OK.
Die Hintergrundebene wird als separate PSD-Datei geöffnet. Das nächste, was wir mit dem Hintergrund tun werden, ist das Bearbeiten eines Teils des Fotos, um den Text kontrastreicher zu gestalten. Schauen Sie sich das folgende Bild an. Der schwarze Text liegt sehr nahe am Fenster.
Wählen Sie in der Hintergrundschichtdatei einige Teile des Hintergrunds aus und klicken Sie dann auf Steuerung-J um es zu duplizieren.
Schlagen Pfeil nach oben verschieben um es nach oben zu bewegen.
Wählen Sie den unteren Teil des Bildes mit Auswahlwerkzeug.
Schlagen Control-T und ändern Sie dann die Größe, bis wir eine sauberere Tischoberfläche haben.
Löschen Sie nicht benötigte Bereiche mit der Taste Radiergummi mit einem weichen, großen Pinsel.
Die Bearbeitung der Hintergrundschichtdatei ist abgeschlossen. Speichern Sie und schließen Sie es dann. Der Hintergrund der Broschüre wird automatisch aktualisiert.
Versuchen wir eine andere Möglichkeit, die Hintergrundebene zu bearbeiten. Schließen Sie die Prospektdatei. Wir wissen, dass die Hintergrundebene mit einer PSD-Datei verknüpft ist. Warum bearbeiten wir die PSD-Datei nicht direkt? Doppelklicken Sie in Adobe Bridge auf die PSD-Hintergrunddatei, um sie in Photoshop zu öffnen.
Schnappen Sie sich ein weiteres Bild von deathtothestockphoto - Sie finden es mit den Quelldateien dieses Tutorials. Fügen Sie es in unsere PSD-Datei ein. Speichern Sie die PSD.
Lassen Sie uns die Broschürendatei in Photoshop öffnen und sehen, was als Nächstes passiert.
In dem Schichten In der Leiste finden Sie ein Ausrufezeichen in der Hintergrundebene des Smart-Objekts. Dieses Symbol warnt uns, dass ein Problem mit der Ebene vorliegt. Im Eigenschaften In diesem Fenster finden Sie auch ein ähnliches Ausrufezeichen.
Wir wissen, dass der Inhalt der verknüpften Datei bereits aktualisiert ist. Wir können Photoshop anweisen, die Datenschicht durch Klicken auf zu aktualisieren Ebene> Smart Object> Geänderten Inhalt aktualisieren.
Schau dir die Leinwand an. Der Hintergrund wird automatisch aktualisiert.
Drücke den Inhalt bearbeiten Schaltfläche zum Bearbeiten der Datei.
Transformation durchführen (Control-T) in das neue Bild.
Speichern Sie die Hintergrunddatei. Kehren Sie zur Broschürendatei zurück und aktualisieren Sie die Hintergrund-Smart-Ebene.
Um einen Kontrast in der Fußzeile hinzuzufügen, fügen Sie unten ein einfaches Rechteck hinzu. Verwenden Sie dieselbe Farbe wie die Farbe des Logos.
Bisher haben wir das Design, das wir haben.
Wenn Sie möchten, können Sie den Hintergrund noch bearbeiten und das Bild möglicherweise etwas verschieben.
Wir haben das Hintergrundbild geändert. Nun ändern wir das Farbschema. In dieser Version werden die Farbe des Logos und der Text invertiert. Zunächst möchten wir ein einfaches Rechteck für den Texthintergrund hinzufügen. Verwenden Sie die Formwerkzeug mit dem Gestalten Option ausgewählt in der Optionsleiste. Stellen Sie das ein Füllen zu # 231f20.
Klicken und Ziehen um ein einfaches Rechteck in den unteren Bereich der Leinwand zu zeichnen.
Ändern Sie die Textfarbe in Weiß.
Wir möchten auch das Vektor-Logo bearbeiten und dessen Farbe ändern.
Wir können dies tun, indem Sie das Vektorlogo Smart Object im aktivieren Schichten Panel. Von dem Eigenschaften klicken Sie auf die Schaltfläche Inhalt bearbeiten Taste.
Wir können auch nach Dateien suchen, die mit dem Logo-Vektor verknüpft sind, und diese dann in Photoshop öffnen.
Rechtsklick die Broschürendatei und dann auswählen Verknüpfte Dateien anzeigen.
Adobe Bridge zeigt eine Liste der Dateien an, die mit der Containerdatei verknüpft sind. Wie Sie unten sehen können, gibt es zwei Dateien, die mit dieser PSD verknüpft sind, Hintergrund und Logo. Doppelklick die Logodatei, um sie mit dem entsprechenden Programm zu bearbeiten, in diesem Fall Adobe Illustrator.
Wählen Sie alle Hintergrundformen aus.
Ändern Sie ihre Farbe in Schwarz. Wiederholen Sie dies für alle Formen hinter dem Text.
Invertieren Sie die Textfarbe in Weiß. Speichern Sie und schließen Sie die Vektordatei.
Kehren wir zu unserer Broschüre zurück. Wir haben jetzt ein invertiertes Logo, das unserem aktuellen Farbschema entspricht.
Durch das Verknüpfen von Dateien verwenden wir, anstatt Dateien einzubetten, mehrere verbundene Dateien in unserem Designprojekt. Natürlich möchten wir nicht, dass einer von ihnen fehlt. Deshalb müssen wir sie sorgfältig organisieren. Stellen Sie sicher, dass Sie alle in einem Ordner ablegen. Wie Sie unten sehen können, befinden sie sich alle in einem Ordner mit dem Namen Broschürenpaket.
Sie sollten auch verstehen, wie Photoshop alle zugehörigen Dateien behandelt. Von der offiziellen Hilfeseite aus durchsucht Photoshop zuerst die Dateien an der letzten absoluten Position. Wenn Photoshop fehlgeschlagen ist, wird erneut in demselben Ordner wie die Containerdatei gesucht.
Mal sehen, was passiert, wenn eine der verknüpften Dateien fehlt. Denken Sie daran, dass derzeit zwei Dateien mit der Haupt-PSD-Datei verknüpft sind.
Was ist, wenn wir versehentlich das Logo aus dem Ursprungsort entfernen, der sich im selben Ordner wie der Dateicontainer befindet?
Rechtsklick die Haupt-PSD-Datei und dann auswählen Verknüpfte Dateien anzeigen. Eine Warnmeldung wird angezeigt und erinnert uns daran, dass Dateien fehlen.
Wenn wir die Containerdatei in Photoshop öffnen, wird ein Dialogfeld mit den fehlenden Dateien angezeigt.
Drücke den Wählen Klicken Sie auf die Schaltfläche, um nach der fehlenden Datei zu suchen. Wenn Sie es gefunden haben, wählen Sie es aus und klicken Sie dann auf Platz Taste.
Ein Häkchensymbol zeigt an, dass die fehlenden verknüpften Dateien gefunden wurden.
Sie können das Warnungsdialogfeld ignorieren. Wenn Sie dies tun, in der Schichten Panel und Eigenschaften In diesem Fenster finden Sie ein Fragezeichen-Symbol, das Sie über den Verlust der zugehörigen Datei informiert.
Drücke den Inhalt bearbeiten Taste oder Doppelklick die Ebene und versuchen Sie dann, die fehlende Datei manuell zu finden.
Stellen Sie daher sicher, dass sich die Container-Datei und die zugehörigen Dateien immer im selben Ordner befinden. Ein weiterer Vorteil der Verwendung der zugehörigen Datei ist die geringere Dateigröße. Wie Sie in der Statusleiste sehen können, beträgt die Dateigröße des Containers 14,43 MB.
Sie können die frühere Methode immer mit Smart Objects verwenden, die Dateien einzubetten. Einbetten bedeutet, dass Sie die Bilddaten direkt in die Containerdatei einfügen.
Sie können alle Smart Objects einbetten, indem Sie auf klicken Ebene> Smart Objekte> Alle verknüpfen einbetten.
In der Miniaturansicht der Ebene oder in der Ebene wird kein Verknüpfungssymbol angezeigt Eigenschaften Panel. Stattdessen wird ein normales altes Smart-Objekt-Symbol angezeigt.
Sie werden auch den Unterschied in der Dateigröße zwischen den eingebetteten und den verknüpften intelligenten Objekten feststellen. Da eingebettet bedeutet, dass Sie alle Bildinformationen in einer Container-Datei ablegen, erhalten Sie eine sehr große Dateigröße. In diesem Fall erzeugen Embedded Smart Objects 70 MB, während Linked Smart Objects 14 MB generieren.
In diesem Lernprogramm haben wir zwei Dateien, PSD (Photoshop) und AI (Illustrator), mit einer Broschürendatei verknüpft. Sie können diese Dateien für ein Designprojekt mit mehreren Dateien auch mit einer anderen Datei verknüpfen, z. B. das Vektor-Logo mit einer Visitenkartendatei verknüpfen.
Auf diese Weise können wir das Vektorlogo einfach bearbeiten und das Ergebnis wird automatisch in beiden Containerdateien, Broschüren und Visitenkarten aktualisiert. In diesem Fall ändern wir das Textlogo ab ein zu s.
Das Vektor-Logo in der Broschüre wird automatisch aktualisiert.
In diesem ausführlichen Lernprogramm können wir sehen, dass die neuen Linked Smart Objects in Adobe Photoshop mehr Freiheit für zerstörungsfreies Arbeiten bieten. Diese neue Funktion ist sehr hilfreich für diejenigen, die als Team arbeiten. Zum Beispiel kann man sich auf das Layout konzentrieren, das andere auf das Logo und das andere auf die Fotomanipulation für den Bildhintergrund. Ich hoffe, Sie können neue Tricks finden, um diese neue Funktion zu nutzen. Wenn Sie erfolgreich sind, lassen Sie es mich im Kommentarbereich wissen.
Accentsconagua