Werken met tekengebieden in Photoshop CC

Werken met tekengebieden in Photoshop CC

Net als in Adobe Illustrator bieden Photoshop-tekengebieden de mogelijkheid om afzonderlijke pagina's of schermen binnen één document te bouwen. Dit kan vooral handig zijn als u schermen maakt voor een mobiele applicatie of kleine brochure.

U kunt een tekengebied zien als een speciaal type laaggroep die is gemaakt met behulp van het deelvenster Lagen. De functionaliteit ervan is misschien niet zo intuïtief in Photoshop als in Adobe Illustrator, maar met een beetje oefening zou je het onder de knie moeten krijgen. Volg deze stappen om te zien hoe u zelf tekengebieden kunt maken:

In dit voorbeeld wordt een nieuw document gemaakt met het startdocument van de iPhone 6. Als u een nieuw document begint met het oude venster Nieuw document, maakt u een nieuw bestand met de volgende afmetingen: 750 breed x 1334 hoog.Werken met tekengebieden in Photoshop CC

Maak een document ter grootte van de iPhone 6.

Als u uw nieuwe document hebt gemaakt met het startbestand van de iPhone 6, ziet u al een tekengebied in het deelvenster Lagen.Werken met tekengebieden in Photoshop CC

Het deelvenster Lagen met een tekengebied dat al is gemaakt.

Als u geen tekengebied ziet, maakt u er nu een door Nieuw tekengebied te kiezen in het menu van het deelvenster Lagen.Werken met tekengebieden in Photoshop CC

U kunt uw eigen tekengebied toevoegen met behulp van het menu van het deelvenster Lagen.

Bij het maken van tekengebieden kunt u kiezen uit een groot aantal vooraf ingestelde formaten of uw eigen aangepaste tekengebiedgrootte definiëren.

Kies Bestand → Ingesloten plaatsen en navigeer naar de map Book03-Photoshop. Dubbelklik om de afbeelding met de naam water_sky te selecteren of selecteer de afbeelding en druk op Plaats.

Wanneer de afbeelding op het tekengebied verschijnt, pak je een van de hoekgrepen, houd je de Shift-toets ingedrukt en klik en sleep je naar buiten om de afbeelding te schalen en het hele tekengebied te vullen. Wanneer het formaat en de positie van de afbeelding is bereikt, schakelt u het selectievakje Vastleggen in de optiebalk in of drukt u op Enter om de plaatsing van de afbeelding te bevestigen.Werken met tekengebieden in Photoshop CC

Plaats een afbeelding en rek deze uit zodat deze op het hele tekengebied past.

Vervolgens voeg je een tekstlaag toe.

Selecteer het gereedschap Tekst en klik en sleep op het tekengebied om een ​​tekstgebied te maken en een nieuwe tekstlaag toe te voegen.

Typ de tekst, WATER & SKY. Gebruik de besturingselementen in de optiebalk om het type in te stellen op de volgende eigenschappen:

  • Lettertype: Myriad Pro Bold
  • Maat: 110 pt
  • Kleur: Wit

Selecteer de knop Vastleggen in de optiebalk nadat u uw type hebt ingesteld.Werken met tekengebieden in Photoshop CC

Voeg een tekstlaag toe aan je tekengebied.

U kunt op Ctrl+Return (Windows) of ⌘ +Return (Mac) drukken om ook een tekstlaag vast te leggen.

U ziet dus dat u met tekengebieden werkt, net zoals u met elk ander Photoshop-document zou werken. Het verschil komt in de volgende stap, waar u zult zien hoe u extra tekengebieden aan uw bestand kunt toevoegen.

Extra tekengebieden toevoegen

U kunt ook extra tekengebieden maken. Misschien wilt u een mobiele app voor meerdere schermen die is gemaakt in Photoshop, of wilt u gewoon meerdere versies van één scherm maken. Voor deze instructies gaat u verder met het hierboven gestarte project.

Klik op het gereedschap Verplaatsen en selecteer het verborgen gereedschap Tekengebied.Werken met tekengebieden in Photoshop CC

Gebruik het gereedschap Tekengebied om de tekengebieden te manipuleren en meer te maken.

Plustekenpictogrammen verschijnen aan alle kanten van het tekengebied. U kunt op deze plustekenpictogrammen klikken om extra tekengebieden toe te voegen.

Klik op het plustekenpictogram rechts van uw bestaande tekengebied om te zien dat er een nieuw leeg tekengebied is toegevoegd.Werken met tekengebieden in Photoshop CC

Voeg een leeg tekengebied toe door op het plustekenpictogram te klikken.

Kijk eens in het deelvenster Lagen. Zorg ervoor dat, net als bij lagen, het nieuwste tekengebied boven de geselecteerde laag verschijnt.

U kunt ook de tool Tekengebied gebruiken om uw eigen tekengebied op maat te maken. Doe dit door te klikken en te slepen met het tekengebiedgereedschap op het Photoshop-canvas. Selecteer in de balk met gereedschapsopties een vooraf ingesteld formaat in het pop-upmenu Grootte, of laat het gewoon in uw aangepaste formaat.

Je tekengebieden een naam geven

Voordat dit bestand complexer wordt, is het verstandig om de tekengebieden een naam te geven. Dit doe je in het deelvenster Lagen.

Selecteer het initiële tekengebied (Artboard 1) en dubbelklik op de naam van het tekengebied. Als het tekstvak actief is, typt u de naam Thuis.

Dubbelklik op de naam Artboard 2 in het deelvenster Lagen en noem deze laag Beach.

Inhoud toevoegen aan het tweede tekengebied

Voeg nu een afbeelding en wat tekst toe aan het tweede tekengebied:

Klik op het gereedschap Tekengebied en schakel het terug naar het gereedschap Verplaatsen.

Zorg ervoor dat het Beach-tekengebied is geselecteerd in het deelvenster Lagen en kies Bestand → Ingesloten plaatsen. Navigeer naar de map Book03_Photoshop en selecteer de afbeelding met de naam Strand en druk op Plaats. De afbeelding wordt toegevoegd aan het tweede tekengebied.

Net als bij de laatste afbeelding die u hebt geplaatst, houdt u de Shift-toets ingedrukt en sleept u met Shift op een hoekpunt om de afbeelding proportioneel groter te schalen en het scherm te vullen.

Terwijl het gereedschap Verplaatsen actief is, klikt en sleept u de afbeelding. Merk op dat hoewel het in hetzelfde document staat, het illustraties op andere tekengebieden niet overlapt of hindert.

Klonen van het ene tekengebied naar het andere

Kloon nu de tekst van het Home-tekengebied naar het Beach-tekengebied:

Terwijl het gereedschap Verplaatsen nog steeds is geselecteerd, houdt u Ctrl ingedrukt en klikt u (Windows) of ⌘ -klikt u (Mac) op de tekst WATER & SKY in het Home-tekengebied. Dit activeert die laag.

Houd uw Alt-toets (Windows) of Option-toets (Mac) ingedrukt en klik en sleep de tekst van het ene tekengebied naar het andere.

Als u de Shift-toets ingedrukt houdt tijdens het slepen, blijft de afbeelding uitgelijnd.

Schakel over naar het tekengebied en dubbelklik op de nieuw gekloonde tekst om het tekstgebied te activeren en typ FUN BEACHES.Werken met tekengebieden in Photoshop CC

Een Photoshop-bestand met twee tekengebieden.

Elementen verplaatsen van het ene tekengebied naar het andere

Om een ​​element van het ene tekengebied naar het andere te verplaatsen, sleept u de elementen eenvoudig van het ene tekengebied naar het andere. Wanneer u een element tussen tekengebieden verplaatst, probeert Photoshop het op dezelfde locatie te plaatsen ten opzichte van de oorsprong van de liniaal in de linkerbovenhoek van de tekengebieden.

Uw tekengebieden exporteren

U kunt uw bestand opslaan als een Photoshop-bestand om lagen te behouden, maar in dit voorbeeld exporteert u het bestand als een PDF van twee pagina's. Of gebruik de functie Bestand → Exporteren om uw tekengebieden te exporteren als PNG's, JPEG's, PDF's en meer.

Tekengebieden exporteren als afbeeldingselementen

U kunt tekengebieden rechtstreeks exporteren als JPEG-, GIF- of PNG-afbeeldingsitems vanuit het deelvenster Lagen .

Tekengebieden exporteren als PDF

U kunt tekengebieden exporteren als PDF-documenten. Volg deze stappen:

Selecteer in Photoshop Bestand > Exporteren > Tekengebieden naar PDF.

Doe in het dialoogvenster Tekengebieden naar PDF het volgende:

  • Kies de bestemming/locatie waar u de gegenereerde PDF-documenten wilt opslaan.
  • Geef een bestandsnaamvoorvoegsel op voor de gegenereerde PDF-documenten. Bijvoorbeeld Campagneverzekering.
  • Geef op of u alleen de inhoud op de tekengebieden wilt exporteren of ook de inhoud in gebieden die de tekengebieden overlappen.
  • Geef op of u alle tekengebieden wilt exporteren of alleen de tekengebieden die momenteel zijn geselecteerd.
  • Geef op of u samen met de tekengebieden ook tekengebiedachtergronden wilt exporteren.
  • Geef op of u één PDF-bestand wilt genereren voor alle tekengebieden in het huidige document, of één PDF-document per tekengebied wilt genereren. Als u ervoor kiest meerdere PDF-documenten te genereren, krijgen al deze documenten het bestandsnaamvoorvoegsel dat u eerder hebt opgegeven.
  • Geef een codering op voor de geëxporteerde PDF-documenten: ZIP of JPEG. Als u JPEG heeft gekozen, geeft u ook een Kwaliteit instelling op (0-12).
  • Geef op of u het International Color Consortium (ICC)-profiel wilt opnemen in de geëxporteerde PDF-documenten. Een ICC-profiel omvat gegevens die een kleureninvoer- of uitvoerapparaat karakteriseren.
  • Geef op of u naast de geëxporteerde tekengebieden ook de tekengebiednamen wilt exporteren. Terwijl u deze instelling selecteert, kunt u een aangepast lettertype, lettergrootte, letterkleur en kleur van de canvasextensie opgeven.

Klik op Uitvoeren. Photoshop genereert het PDF-document.

Tekengebieden exporteren als bestanden

U kunt tekengebieden exporteren als afzonderlijke bestanden. Volg deze stappen:

Selecteer in Photoshop Bestand > Exporteren > Tekengebieden naar bestanden.

Doe in het dialoogvenster Tekengebieden naar bestanden het volgende:

  • Kies de bestemming waar u de gegenereerde bestanden wilt opslaan.
  • Geef een voorvoegsel voor de bestandsnaam op.
  • Geef op of u alleen tekengebiedinhoud wilt exporteren of ook overlappende gebieden wilt opnemen.
  • Geef op of u alle tekengebieden wilt exporteren of alleen de tekengebieden die momenteel zijn geselecteerd.
  • Geef op of u samen met de tekengebieden ook tekengebiedachtergronden wilt exporteren.
  • Kies het bestandstype waarnaar u wilt exporteren. U heeft de mogelijkheid om te exporteren als BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 of PNG-24.
  • Geef de exportopties op voor het bestandstype dat u hebt geselecteerd.
    • Geef op of u naast de geëxporteerde tekengebieden ook de tekengebiednamen wilt exporteren. Terwijl u deze instelling selecteert, kunt u een aangepast lettertype, lettergrootte, letterkleur en kleur van de canvasextensie opgeven.

Klik op Uitvoeren. Photoshop exporteert de tekengebieden als bestanden in het geselecteerde formaat.


Scherm Een gedeelte van een PDF-bestand pakken

Scherm Een gedeelte van een PDF-bestand pakken

U kunt de tool Momentopname in Adobe Acrobat CS5 gebruiken om zowel tekst als afbeeldingen te selecteren en een afbeelding van een bepaald gebied in een PDF-bestand te maken. Het resultaat wordt gewoonlijk een schermopname van een sectie in een PDF-bestand genoemd. Het resultaat is een afbeelding en je tekst is geen […]

Pixels meten, tellen en analyseren in Photoshop CC

Pixels meten, tellen en analyseren in Photoshop CC

Ontworpen voor onderzoekers en wetenschappers, zijn de meetmogelijkheden in Photoshop CC behoorlijk krachtig. Je kunt zo ongeveer alles meten en het aantal dingen in een technisch beeld tellen, misschien van een microscoop of telescoop. Als je de exacte grootte van een element in een afbeelding weet, kun je zo ongeveer alles ontdekken […]

De hulpmiddelen voor uitvloeien in Adobe CS5 Illustrator

De hulpmiddelen voor uitvloeien in Adobe CS5 Illustrator

Wanneer u de hulpmiddelen voor Uitvloeien in Adobe Creative Suite 5 (Adobe CS5) Illustrator gebruikt, kunt u objecten buigen - ze golvend, kleverig of stekelig maken - door eenvoudige tot complexe vervormingen te creëren. De Liquify-tools kunnen allerlei creatieve of gekke (afhankelijk van hoe je het bekijkt) vervormingen aan je objecten bewerkstelligen. Jij […]

Teksteigenschappen aanpassen in Adobe XD

Teksteigenschappen aanpassen in Adobe XD

Wanneer u tekst in uw Adobe XD-project heeft, kunt u beginnen met het wijzigen van de teksteigenschappen. Deze eigenschappen omvatten Lettertypefamilie, Lettergrootte, Lettertypegewicht, Uitlijning, Tekenafstand (spatiëring en tracking), Regelafstand (voorloop), Opvulling, Rand (lijn), Schaduw (slagschaduw) en Achtergrondvervaging. Dus laten we eens kijken hoe die eigenschappen worden toegepast. Over leesbaarheid en lettertype […]

QR-codes maken in InDesign CC

QR-codes maken in InDesign CC

U kunt InDesign gebruiken om afbeeldingen met QR-codes te maken en te wijzigen. QR-codes zijn een vorm van streepjescodes waarin informatie kan worden opgeslagen, zoals woorden, cijfers, URL's of andere vormen van gegevens. De gebruiker scant de QR-code met haar camera en software op een apparaat, zoals een smartphone, en de software maakt gebruik van […]

Werken met tekengebieden in Photoshop CC

Werken met tekengebieden in Photoshop CC

Net als in Adobe Illustrator bieden Photoshop-tekengebieden de mogelijkheid om afzonderlijke pagina's of schermen binnen één document te bouwen. Dit kan vooral handig zijn als u schermen maakt voor een mobiele applicatie of kleine brochure. U kunt een tekengebied zien als een speciaal type laaggroep die is gemaakt met behulp van het deelvenster Lagen. Zijn […]

Tekstterugloop in Adobe Illustrator CC

Tekstterugloop in Adobe Illustrator CC

Tekst inpakken in Adobe Illustrator CC is niet helemaal hetzelfde als een cadeautje inpakken - het is makkelijker! Een tekstomloop dwingt tekst om rond een afbeelding te lopen, zoals weergegeven in deze afbeelding. Deze functie kan een beetje creativiteit toevoegen aan elk stuk. De afbeelding dwingt de tekst eromheen te wikkelen. Maak eerst […]

Het formaat van vormen wijzigen in Illustrator

Het formaat van vormen wijzigen in Illustrator

Bij het ontwerpen in Adobe Illustrator CC heb je vaak een vorm nodig met een exacte grootte (bijvoorbeeld 2 x 3 inch). Nadat u een vorm hebt gemaakt, kunt u het formaat het beste aanpassen aan exacte afmetingen door het deelvenster Transformeren te gebruiken, dat in deze afbeelding wordt weergegeven. Laat het object selecteren en kies vervolgens Venster → Transformeren naar […]

Transparantie toepassen op SVGs

Transparantie toepassen op SVGs

Leer hoe u transparantie toepast op SVG-afbeeldingen in Illustrator. Ontdek hoe u SVG's met transparante achtergronden kunt uitvoeren en transparantie-effecten kunt toepassen.

Werken met afbeeldingen in Adobe XD

Werken met afbeeldingen in Adobe XD

Nadat u uw afbeeldingen in Adobe XD hebt geïmporteerd, heeft u niet veel controle over het bewerken, maar u kunt afbeeldingen vergroten of verkleinen en roteren, net zoals u bij elke andere vorm zou doen. U kunt ook eenvoudig de hoeken van een geïmporteerde afbeelding afronden met behulp van de hoekwidgets. Uw afbeeldingen maskeren Door een gesloten vorm te definiëren […]