Share
Wat je gaat creërenIn eerdere versies van Smart Objects hebben we afbeeldingsgegevens ingesloten in het PSD-bestand. Nu heeft Adobe Smart Objects geüpgraded in Photoshop CC 2014, zodat we ze ook kunnen koppelen aan externe bestanden. In deze zelfstudie gebruiken we nieuwe functies van de nieuwste gekoppelde slimme objecten om een flexibele brochure te ontwerpen. We zullen Photoshop gebruiken als onze belangrijkste tool en Illustrator om zijn logo te ontwerpen.
We gaan enkele royalty-vrije afbeeldingen gebruiken. Je vindt ze in de voltooide PSD-bestanden. Je kunt het gebruiken om te vergelijken met je laatste werk. We gaan ook het gratis lettertype Alef gebruiken van Google Fonts.
Tijdens dit proces zullen we Adobe Bridge gebruiken om door activa-images te bladeren. Vergeet niet om uw Adobe Photoshop bij te werken, want we gaan de nieuwste functies van versie CC 2014 gebruiken.
Eerst zullen we beginnen met het maken van een nieuw bestand (Besturing N) voor onze brochure. Selecteer de voorinstelling International Paper met maat A5.
De standaardinstelling gebruikt 300 pixels / inch voor zijn resolutie. Dit betekent dat elk vierkant van 1 inch × 1 inch 300 pixels bevat. Dit is de ideale instelling voor afdrukken. Omdat dit echter slechts een eenvoudige tutorial is, willen we misschien de resolutie een beetje verlagen. Stel deze in op 150 pixels / inch. Lagere resolutie betekent minder pixels. Minder pixels betekent snellere verwerkingstijd voor Photoshop.
Dit is het canvas dat we hebben.
Raken Besturing R om de linialen aan de boven- en linkerkant van het canvas te onthullen. Deze linialen helpen ons de positie van de cursor te bepalen en om ontwerpelementen nauwkeurig te plaatsen. Klik met de rechtermuisknop de liniaal en selecteer vervolgens millimeters om zijn eenheid te veranderen.
Activeer de Marquee Tool. Maak een nieuwe rechthoekige selectie meten 11 mm × 11 mm in de linkerbovenhoek van het canvas. Om een perfecte rechthoekige selectie te maken, versleept u de cursor terwijl u de Verschuiving sleutel.
Klik en sleep de liniaal op de selectierand om meteen een nieuwe gids te maken 11 mm horizontaal en 11 mm verticaal.
Doe hetzelfde in de rechterbenedenhoek van het canvas. Teken een rechthoek van 11 mm × 11 mm in de rechter benedenhoek en maak er nieuwe hulplijnen omheen.
Open de stockfoto die beschikbaar is in de bronbestanden. Deze foto is gemaakt door deathtothestockphoto. Klik Bestand> Opslaan als en sla dit op als een PSD-bestand. kiezen Photoshop in de Opslaan als type keuze. We slaan dit op in een PSD-indeling (geen JPG) om in de toekomst gemakkelijker te kunnen wijzigen.
Sleep het PSD-bestand naar het canvas dat we in Photoshop hebben gemaakt. We slepen om het bestand in het canvas te plaatsen. Houd er rekening mee dat het niet de bedoeling is om de afbeelding te kopiëren en vervolgens te plakken, maar we zijn van plan het bestand op het canvas te koppelen. We kunnen dit canvas een containerbestand noemen.
U kunt ook het menu gebruiken, Bestand> Gekoppeld plaatsen. Selecteer in het volgende dialoogvenster het bestand dat u wilt invoegen.
Nadat het afbeeldingsbestand in het canvas is geplaatst, ziet u een selectiekader. U kunt het formaat van de afbeeldingsbestand vergroten of verkleinen door de handles rond te slepen. U hoeft zich geen zorgen te maken over het maken van een fout tijdens het transformeren. Aangezien het afbeeldingsbestand wordt opgeslagen als een slim object, kunt u altijd opnieuw een transformatie uitvoeren of een andere transformatie toepassen zonder de beeldkwaliteit te vernietigen.
Als u het formaat wilt wijzigen terwijl u de beeldverhouding behoudt, versleept u de handvatten terwijl u de knop ingedrukt houdt Verschuiving sleutel.
Druk op de invoeren toets om het transformatieproces te bevestigen. Als u nog steeds niet tevreden bent met het resultaat, past u een andere transformatie toe door op te raken Controle-T. Kijk nu eens naar de Lagen paneel. De achtergrondlaag die we eerder hebben toegevoegd, heeft een klein pictogram in de rechter benedenhoek. Dit pictogram geeft aan dat de laag is gekoppeld aan een ander bestand.
Laten we een voettekst toevoegen aan ons ontwerp. Open het logobestand dat beschikbaar is in deze zelfstudie. Het logobestand komt van deathtothestockphoto. Het is een EPS-bestand, dus u moet het in Adobe Illustrator openen om de vectormogelijkheden te behouden. Selecteer een van de logo's. Kopieer het door op te raken Besturing C.
Maak een nieuw bestand in Adobe Illustrator (Besturing N).
Raken Ctrl-V om het logo te plakken.
Bewaar het logobestand in dezelfde map als onze brochure.
Laten we teruggaan naar ons brochure PSD-bestand. Plaats het vectorlogo in het canvas met behulp van het menu Bestand> Gekoppeld plaatsen. Selecteer het bestand in het volgende dialoogvenster. Open het als een slim object met Bijsnijden tot box gekozen.
Wijzig de grootte van het vectorlogo. Plaats het in de rechterbenedenhoek van het canvas.
Activeer de Type Tool en klik en sleep om een nieuw tekstvak te maken. Vul het met twee of drie korte paragrafen, gevolgd door het bedrijfswebadres in grote letters. Gebruik Alef van Google Fonts voor het lettertype.
Voeg een nieuw tekstvak toe bovenop het canvas. Gebruik hetzelfde lettertype voor consistentie. Stel de lettergrootte groter in, omdat dit de hoofdtitel van de brochure is.
Voorlopig hebben we twee slimme objecten, in het logo en de achtergrond. We weten ook dat de laag Slimme object is gekoppeld aan het oorspronkelijke bestand. Laten we proberen ze te wijzigen en zien wat er gebeurt.
Wijzig eerst de achtergrondinhoud. Activeer het slimme object achtergrond. Open de eigenschappen paneel. Klik Bewerk de inhoud. U kunt ook rechtstreeks Dubbelklik de laag om de inhoud te bewerken.
U kunt dit dialoogvenster vinden. In Photoshop wordt u gevraagd het bestand in hetzelfde gebied op te slaan. Gewoon klikken OK.
De achtergrondlaag wordt geopend als een apart PSD-bestand. Het volgende dat we gaan doen met de achtergrond is om een deel van de foto te bewerken om meer contrast in de tekst toe te voegen. Bekijk de volgende afbeelding. De zwarte tekst staat heel dicht bij het venster.
Selecteer in het achtergrondlaagbestand enkele delen van de achtergrond en klik vervolgens op Besturing J om het te dupliceren.
Raken Opschuifpijl om het naar boven te verplaatsen.
Selecteer het onderste gedeelte van de afbeelding met behulp van de Marquee Tool.
Raken Controle-T en verander dan van grootte totdat we een schoner tafeloppervlak hebben.
Wis overbodige gebieden met behulp van de Wisser met een zachte, grote borstel.
We zijn klaar met het bewerken van het achtergrondlaagbestand. Sla op en sluit het. De achtergrond van de brochure wordt automatisch bijgewerkt.
Laten we een andere manier proberen om de achtergrondlaag te bewerken. Sluit het brochurebestand. We weten dat de achtergrondlaag is gekoppeld aan een PSD-bestand. Dus, waarom bewerken we het PSD-bestand niet rechtstreeks? Dubbelklik in Adobe Bridge op het PSD-achtergrondbestand om dit in Photoshop te openen.
Grijp een ander beeld van deathtothestockphoto - je vindt het met de bronbestanden van deze tutorial. Plak het in ons PSD-bestand. Sla de PSD op.
Laten we het brochurebestand openen in Photoshop en kijken wat er vervolgens gebeurt.
In de Lagen paneel, vindt u een uitroepteken in de achtergrond Smart Object-laag. Dit pictogram waarschuwt ons dat er een probleem is met de laag. In eigenschappen paneel, vindt u ook een vergelijkbaar uitroepteken.
We weten dat de inhoud van het gekoppelde bestand al is bijgewerkt. We kunnen Photoshop opdracht geven om de gegevenslaag bij te werken door op te klikken Laag> Slim object> Gewijzigde inhoud bijwerken.
Bekijk het canvas. De achtergrond wordt automatisch bijgewerkt.
Klik op de Bewerk de inhoud om het bestand te bewerken.
Voer een transformatie uit (Controle-T) in de nieuwe afbeelding.
Sla het achtergrondbestand op. Keer terug naar het brochurebestand en werk de slimme achtergrondlaag bij.
Als u contrast in het voettekst wilt toevoegen, voegt u onderaan een eenvoudige rechthoek toe. Gebruik dezelfde kleur als de kleur van het logo.
Tot nu toe is dit het ontwerp dat we hebben.
Als je wilt, kun je de achtergrond nog steeds bewerken en de afbeelding misschien een beetje verplaatsen.
We hebben de achtergrondafbeelding veranderd. Laten we nu het kleurenschema wijzigen. In deze versie worden de kleuren van het logo en de tekst omgekeerd. Eerst willen we een eenvoudige rechthoek toevoegen voor de tekstachtergrond. Gebruik de Shape Tool met de Vorm optie geselecteerd in de Optiebalk. Stel de Vullen naar # 231f20.
Klik en sleep om een eenvoudige rechthoek onderin het canvas te tekenen.
Verander de tekstkleur in wit.
We willen ook het vectorlogo bewerken en de kleur ervan wijzigen.
We kunnen dit doen door het vectorlogo Smart Object te activeren in de Lagen paneel. Van de eigenschappen paneel, klik op de Bewerk de inhoud knop.
We kunnen ook bladeren naar bestanden die zijn gekoppeld aan de logo-vector en deze vervolgens openen in Photoshop.
Klik met de rechtermuisknop het brochurebestand en selecteer vervolgens Gekoppelde bestanden weergeven.
Adobe Bridge toont u een lijst met bestanden die zijn gekoppeld aan het containerbestand. Zoals je hieronder kunt zien, zijn er twee bestanden die zijn gekoppeld aan deze PSD, achtergrond en logo. Dubbelklik het logobestand om het te bewerken met het juiste programma, in dit geval Adobe Illustrator.
Selecteer alle achtergrondvormen.
Verander hun kleur in zwart. Doe dit opnieuw aan alle vormen achter de tekst.
Keer de tekstkleur om naar wit. Sla op en sluit het vectorbestand.
Laten we terugkeren naar ons brochurebestand. We hebben nu een omgekeerd logo dat overeenkomt met ons huidige kleurenschema.
Door bestanden te koppelen, in plaats van bestanden in te sluiten, gebruiken we verschillende verbonden bestanden in ons ontwerpproject. Natuurlijk willen we niet dat een van hen ontbreekt. Daarom moeten we ze zorgvuldig organiseren. Zorg ervoor dat u ze allemaal in één map plaatst. Zoals je hieronder kunt zien, staan ze allemaal in een map met de naam brochure pakket.
U moet ook begrijpen hoe Photoshop alle gerelateerde bestanden afhandelt. Vanaf de officiële Help-site doorzoekt Photoshop eerst de bestanden op de laatste absolute positie. Als Photoshop is mislukt, zoekt het opnieuw in dezelfde map als het containerbestand.
Laten we eens kijken wat er gebeurt als een van de gekoppelde bestanden ontbreekt. Vergeet niet dat we momenteel twee bestanden hebben die zijn gekoppeld aan het hoofd-PSD-bestand.
Wat als we per ongeluk het logo verwijderen van de plaats van herkomst, die zich in dezelfde map bevindt als de bestandscontainer?
Klik met de rechtermuisknop het hoofd-PSD-bestand en selecteer vervolgens Gekoppelde bestanden weergeven. Er verschijnt een waarschuwingsbericht en herinnert ons eraan dat er bestanden ontbreken.
Als we het containerbestand openen in Photoshop, wordt er een dialoogvenster weergegeven met de ontbrekende bestanden.
Klik op de Kiezen om het ontbrekende bestand te zoeken. Zodra u het hebt gevonden, selecteert u het en klikt u vervolgens op Plaats knop.
Een vinkje geeft aan dat de ontbrekende gekoppelde bestanden zijn gevonden.
U kunt ervoor kiezen om het waarschuwingsvenster te negeren. Als u dit doet, binnen de Lagen paneel en eigenschappen paneel, vindt u een vraagtekenpictogram dat u vertelt over het verlies van het bijbehorende bestand.
Klik op de Bewerk de inhoud knop of Dubbelklik de laag en probeer vervolgens het ontbrekende bestand handmatig te vinden.
Zorg er dus voor dat u het containerbestand en de bijbehorende bestanden altijd in dezelfde map plaatst. Een ander voordeel van het gebruik van het gerelateerde bestand is een kleinere bestandsgrootte. Zoals u op de statusbalk kunt zien, is de bestandsgrootte van de container 14.43 MB.
U kunt de eerdere methode altijd gebruiken met Smart Objects, wat inhoudt dat u de bestanden insluit. Inbedden betekent dat u de afbeeldingsgegevens rechtstreeks in het containerbestand plaatst.
U kunt alle slimme objecten insluiten door op te klikken Laag> Slimme objecten> Alles embedden.
U ziet geen koppelingspictogram in de miniatuur van de laag of de eigenschappen paneel. In plaats daarvan ziet u een normaal oud pictogram van een slim object.
U ziet ook het verschil in de bestandsgrootte tussen de ingesloten en de gekoppelde slimme objecten. Omdat embedded betekent dat u alle afbeeldingsinformatie in één containerbestand plaatst, krijgt u een zeer grote bestandsgrootte. In dit geval genereren ingesloten slimme objecten 70 MB terwijl gekoppelde slimme objecten 14 MB genereren.
In deze zelfstudie hebben we twee bestanden, PSD (Photoshop) en AI (Illustrator), aan een brochurebestand gekoppeld. Eigenlijk kunt u die bestanden ook koppelen aan een ander bestand voor een project met meerdere ontwerpen, bijvoorbeeld door het vectorlogo aan een visitekaartbestand te koppelen.
Op deze manier kunnen we eenvoudig het vectorlogo bewerken en wordt het resultaat automatisch bijgewerkt in zowel containerbestanden, brochure en visitekaartje. In dit geval veranderen we het tekstlogo van een naar s.
Het vectorlogo in de brochure wordt ook automatisch bijgewerkt.
Uit deze lange handleiding kunnen we zien dat de nieuwe gekoppelde slimme objecten in Adobe Photoshop ons meer vrijheid bieden om niet-destructief te werken. Deze nieuwe functie zal zeer nuttig zijn voor degenen die als een team werken. Men kan zich bijvoorbeeld concentreren op de lay-out, de ander op het logo, en de ander kan zich richten op fotomanipulatie voor de beeldachtergrond. Ik hoop dat je nieuwe trucs kunt vinden om deze nieuwe functie te gebruiken. Laat het me weten in het opmerkingenveld als je slaagt.
Accentsconagua