Een sjabloon maken
Ga naar Build > Template Basics om een sjabloon te maken. Selecteer Designer of Developer. Op deze pagina kunt u afbeeldings- en tekstlagen toevoegen. U kunt lagen ook opnieuw ordenen, de grootte en positie van lagen wijzigen en schaduw- en gloedeffecten toepassen op afbeeldingen en tekst.
Zie ook de opleidingsvideo van de Grondbeginselen van het 0} Malplaatje {.
&allowCanvasPrompt en &layer=0 in de URL en drukt u op Enter of Return .De eerste sjabloon maken creating-the-initial-template
Wanneer u een sjabloonset maakt, heeft de optie Publish after a save op de volgende manieren invloed op de set en stelt u leden in:
Zie ook manueel het publiceren activaen manueel unpublishing activa.
U kunt een sjabloon maken op basis van een bestaande sjabloon. Open de sjabloon, selecteer Save As en voer een nieuwe naam in het dialoogvenster Opslaan als in.
om het aanvankelijke malplaatje tot stand te brengen:
-
Gebruik een van de volgende methoden om uw oorspronkelijke sjabloon te maken:
-
selecteer eerst de PSD of de beelden: In het Browse paneel, selecteer het dossier of de beelden van PSD u voor uw malplaatje wilt, ga Build > Template Basics.
-
Begin van het scherm van het Malplaatje: Ga naar Build > Template Basics. Selecteer Designer of Developer.
-
-
Voer in het dialoogvenster Canvasgrootte invoeren de afmetingen voor breedte en hoogte van de sjabloon in.
-
Selecteer een map in de Asset Library en sleep het PSD-bestand of de afbeeldingen die u voor de sjabloon wilt gebruiken naar het scherm Sjabloon.
-
Als u klaar bent, controleert u of Publish after a save is geselecteerd (standaard) in de rechterbenedenhoek van de pagina.
-
Selecteer Save .
-
Selecteer een map waarin u de sjabloon wilt opslaan, voer een naam voor de sjabloon in en selecteer Submit .
Adobe Dynamic Media Classic verkleint afbeeldingen indien nodig om deze op het canvas te passen, het gebied op het scherm Sjabloon waarin u de sjabloon kunt definiëren.
Een sjabloonset bewerken editing-a-template-set
Of u nu een gepubliceerde set of een niet-gepubliceerde sjabloonset bewerkt, de optie Publish after a save heeft op de volgende manieren invloed op de set en stelt leden in:
Zie ook manueel het publiceren activaen manueel unpublishing activa.
om een malplaatjereeks uit te geven:
- Blader in de rasterweergave naar een Sjabloonset en selecteer vervolgens Edit onder de afbeelding.
- Wijzig de sjabloon naar wens.
- Als u klaar bent met bewerken, controleert u of Publish after a save is geselecteerd (standaard) in de rechterbenedenhoek van de pagina.
- Selecteer Save , selecteer een opslagmap, voer een naam voor de set in en selecteer vervolgens Save .
Een sjabloon verwijderen
Wanneer u een Sjabloonset verwijdert, wordt de set zelf naar de prullenbak verplaatst. De leden (of "kinderen") binnen die set worden echter niet beïnvloed, maar ze behouden hun bestaande gepubliceerde of niet-gepubliceerde status.
Zie ook manueel het publiceren activaen manueel unpublishing activa.
om een Malplaatje te schrappen:
- Selecteer een of meer sjablonen in de rasterweergave, lijstweergave of detailweergave.
- Ga op de algemene navigatiebalk naar File > Delete > Delete .
Het scherm Sjabloon begrijpen understanding-the-template-screen
Het scherm van het Malplaatje biedt hulpmiddelen om lagen te manipuleren en te bepalen.
Gebruik deze gereedschappen op het scherm Sjabloon, zodat u sjablonen kunt maken:
-
Pan: Hiermee kunt u lagen selecteren, verplaatsen rond het canvas, de grootte ervan wijzigen of de lagen roteren.
-
Text - Maakt een tekstlaag. Sleep op het canvas om een tekstlaag te maken en voer de tekst in de laag in. Zie Creërend een tekstlaag.
-
Preview: opent het voorvertoningsscherm en toont de sjabloon in een zoomviewer. U ziet hoe het malplaatje aan gebruikers op uw Website of toepassing kijkt.
-
Parameter Summary Hiermee opent u het scherm Parameter Summary. U kunt de naam van elke laag in een malplaatje zien, en op elke laag, de namen van parameters die zijn geactiveerd.
-
Text Editor v4.3 and Text Editor v4.2: Gebruik de meest recente en meest volledige teksteditor. U kunt kiezen om Teksteditor v4.3 of de vorige Teksteditor, Teksteditor v4.2, te gebruiken. Bij het maken van sjablonen is Teksteditor v4.3 standaard geselecteerd. Als u oudere sjablonen bewerkt, is Teksteditor v4.2 standaard geselecteerd. Teksteditor v4.3 biedt momenteel geen ondersteuning voor tekstomloop, dus wanneer u oudere sjablonen bewerkt die tekstomloop gebruiken, gebruikt u Teksteditor v4.2 om de kwaliteit van de sjabloon volledig intact te houden. Als uw oudere sjabloon geen tekstomloop gebruikt, kunt u Teksteditor v4.3 kiezen om te profiteren van de vele nieuwe functies die deze biedt. U kunt bijvoorbeeld Marges verhogen, Marges verlagen, tekst in hoofdletters instellen en tekst passend maken kopiëren.
note note NOTE Teksteditor v4.2 is bedoeld om als optie te worden verwijderd in Adobe Dynamic Media Classic. U wordt aangeraden om teksteditor 4.3 zo veel mogelijk te gebruiken. De optie Word Wrap wordt opgenomen in een toekomstige versie van de Teksteditor. -
Designer and Developer: selecteer de optie die uw rol het best beschrijft.
-
Canvas: definieert het totale beschikbare gebied, in pixels, voor het definiëren van de sjabloon. De standaardgrootte is 300 × 300 pixels. Lagen worden op het canvas geplaatst.
-
Layers list: geeft de naam van lagen in de sjabloon weer. Als u een laag wilt selecteren, selecteert u de naam ervan in de lijst Lagen. De lijst Lagen bevat gereedschappen voor het toevoegen van effecten aan lagen, het verwijderen van lagen, het opnieuw ordenen van lagen en het bepalen van parameters voor lagen. Zie Werk met lagen.
-
Layer Properties area: In dit gebied kunt u de achtergrondkleur, dekking, grootte en positie van een laag wijzigen. U kunt ook de achtergrondkleur, dekking en grootte van het canvas wijzigen. U kunt ook schaduw- en gloedeffecten aanpassen. Zie Werk met lagen.
Afbeeldingslagen maken creating-image-layers
-
Sleep de afbeelding van de elementenbibliotheek naar het canvas.
De id-naam van de afbeelding wordt weergegeven in de lijst Lagen.
note note NOTE Indien nodig verkleint Adobe Dynamic Media Classic de afbeeldingen, zodat deze op het canvas passen wanneer u een afbeeldingslaag maakt.
Een tekstlaag maken creating-a-text-layer
-
Selecteer het gereedschap Text .
-
Sleep om een tekstvak te maken op het canvas of op een afbeelding.
-
Voeg in het tekstscherm dat wordt geopend, tekst toe door een van de volgende handelingen uit te voeren op het tabblad Voorbeeld:
- Typ tekst in het tekstvak. Kies Tekst passend maken om de tekst in het tekstvak te laten passen.
- Plak tekst van het klembord in het tekstvak.
-
Selecteer Apply en sluit het tekstscherm.
Tekst opmaken format-text
Ga als volgt te werk om tekst in een tekstlaag op te maken:
-
Dubbelklik in de lijst Lagen op de naam van het tekstvak met tekst die u wilt bewerken. De Teksteditor wordt geopend.
-
Selecteer in het tekstvak van de Teksteditor de tekst die u wilt opmaken. U kunt alle tekst, delen van de tekst of afzonderlijke tekens selecteren.
-
Geef een of meer van de volgende opmaakopties op en selecteer vervolgens Apply .
-
Font: Kies een lettertype in het menu Lettertype. Als het gewenste lettertype niet in het menu staat, kunt u het naar de Adobe Dynamic Media Classic uploaden. Zie Lettertypen.
-
Font Size: Kies een tekengrootte in het menu, typ een specifieke grootte in het vak of selecteer de Up - of Down -pijlen om de grootte met twee punten te vergroten of te verkleinen.
-
Color: selecteer deze optie om een kleur voor tekst te kiezen.
-
Bold , Italic of Underline : selecteer de tekst en selecteer vervolgens het pictogram voor het type opmaak dat u op de tekst wilt toepassen.
-
All Caps , Superscript of Subscript : selecteer de tekst en selecteer vervolgens het pictogram voor het type opmaak dat u op de tekst wilt toepassen.
-
Alignment: Kies een uitlijningsknop om tekst in de tekstlaag links uit te lijnen, te centreren of rechts uit te lijnen.
-
Tracking: typ of selecteer een numerieke waarde waarmee u de hoeveelheid ruimte tussen woorden wilt aanpassen.
-
Kerning: typ of selecteer een numerieke waarde waarmee u de hoeveelheid ruimte tussen tekens wilt aanpassen.
-
Line Spacing: typ of selecteer een numerieke waarde waarmee u de hoeveelheid ruimte tussen regels wilt aanpassen.
-
Baseline Shift: typ of selecteer een numerieke waarde waarmee u een geselecteerd teken omhoog of omlaag wilt verplaatsen ten opzichte van de basislijn van de omringende tekst. Deze optie is vooral handig wanneer u breuken handmatig instelt of de positie van inline-afbeeldingen aanpast.
-
Alinea's opmaken format-paragraphs
-
Dubbelklik in de lijst Lagen op de naam van het tekstvak met tekst die u wilt bewerken. De Teksteditor wordt geopend.
-
Selecteer de alinea die u wilt opmaken.
-
Geef een of meer van de volgende opmaakopties op en selecteer vervolgens Apply .
-
Alignment - Geef het type uitlijning op door op Align left , Align center , Align right of Justify te klikken.
-
End of Paragraph Justification: selecteer deze optie om het type uitvulling op te geven voor de laatste regel in de alinea: de laatste regel wordt links uitgelijnd, de laatste regel wordt gecentreerd en de laatste regel wordt rechts uitgelijnd.
-
Line Spacing: typ of selecteer een numerieke waarde waarmee u de hoeveelheid ruimte tussen alle regels in de alinea wilt aanpassen.
-
Indent All: selecteer deze optie om de mate waarin de tekst inspringt, te verhogen.
-
Remove Indent: selecteer deze optie om de mate waarin de tekst inspringt, te verlagen.
-
Indent First Line - Geef de hoeveelheid op waarmee u de eerste tekstregel wilt laten inspringen.
-
Space Before Paragraph - Geef de hoeveelheid ruimte op die boven de eerste tekstregel in de alinea moet komen.
-
Space After Paragraph - Geef de hoeveelheid ruimte op die u onder de laatste tekstregel in de alinea wilt weergeven.
-
Vertical Align: selecteer waar u de tekst verticaal in het tekstvak wilt weergeven: Boven, Midden, Onder.
-
Text Direction: selecteer de richting waarin u de tekst wilt weergeven: van rechts naar links of van links naar rechts.
-
Eigenschappen van tekstlagen aanpassen adjust-text-layer-properties
-
Selecteer in het scherm Sjabloonbasisbeginselen het tekstvak dat u wilt aanpassen.
-
Selecteer in het deelvenster Laageigenschappen een van de volgende opties:
-
Shrink Text (Text Editor v4.2 only): selecteer deze optie om de tekst te verkleinen zodat deze in het tekstvak past.
-
Word Wrap (Text Editor v4.2 only): Selecteer een omloopoptie om op te geven of en hoe de tekst omloopt:
-
Wrap: hiermee loopt de tekst om in een te klein horizontaal tekstvak te passen.
-
No Wrap: laat de tekst niet omlopen wanneer het tekstvak te klein horizontaal is, en knipt in plaats daarvan een gedeelte van de tekst weg.
-
Nonbreaking Wrap: hiermee wordt tekst zo verpakt dat deze in een tekstvak past en worden woorden niet afgebroken.
-
Position - Geeft de locatie van het tekstvak op het canvas aan.
-
Padding: Hiermee voegt u marges toe of snijdt u de laagrechthoek bij. Geef het aantal pixels op dat u voor Links, Boven, Onder en Rechts wilt toevoegen of verwijderen. Voer positieve getallen in als u een marge of negatieve getallen aan het uitsnijden wilt toevoegen.
-
Tekstbroncode weergeven en bewerken view-and-edit-text-source-code
De informatie op het tabblad Source van de Teksteditor is ter referentie. Bewerk de tekst alleen als u bekend bent met het bewerken van broncode.
-
Dubbelklik in de lijst Lagen op de naam van het tekstvak met tekst die u wilt bewerken. De Teksteditor wordt geopend.
-
Als u in de Teksteditor de broncode voor de tekst wilt weergeven, selecteert u het tabblad Source in de Teksteditor.
-
Bekijk of bewerk de tekst naar wens.
Wijzigingen blijven intact als u heen en weer schakelt tussen de voorvertoning en de Source-weergave.
-
Selecteer Apply om de bewerkingen te renderen.
Werken met lagen working-with-layers
Gebruik de lijst Lagen en het gebied Laageigenschappen om met lagen te werken. U kunt lagen opnieuw ordenen, de grootte en de positie van lagen wijzigen, lagen roteren en de achtergrondkleur, de voorgrondkleur, de dekking en de overvloeimodus van een laag bepalen.
U kunt ook de grootte van het canvas wijzigen, de achtergrondkleur kiezen en de instelling voor de dekking wijzigen.
Lagen opnieuw ordenen reordering-layers
Het wijzigen van de laagvolgorde kan van invloed zijn op de vormgeving, vooral wanneer er sprake is van transparantie of overdrukken. Bekijk een voorvertoning van het resultaat voordat u de wijzigingen doorvoert.
-
Gebruik een van de volgende technieken om de lagen in een sjabloon opnieuw te ordenen:
- Selecteer een laag in de lijst Lagen. Selecteer vervolgens Up of Down zo vaak als nodig is om het op de juiste positie in de lijst te plaatsen.
- Sleep een laag omhoog of omlaag in de lijst Lagen.
De grootte en positie van lagen en het canvas wijzigen changing-the-size-and-position-of-layers-and-the-canvas
Lagen moeten klein genoeg zijn om op het canvas te passen. U kunt de grootte van een laag of het canvas handmatig wijzigen of maatmetingen invoeren. U kunt de positie van een laag handmatig wijzigen of verschuivingsmetingen invoeren. U kunt een laag ook roteren.
-
Veranderend de grootte van een laag: Om de grootte van een laag of het canvas te veranderen, selecteer de laag of het canvas op de lijst van Lagen en gebruik één van deze technieken:
-
manueel veranderende grootte: Selecteer en sleep een hoek van de laag of het canvas. Met tekstlagen kunt u ook een zijde van de laag slepen. Houd Shift ingedrukt terwijl u sleept om de grootte te wijzigen, maar de hoogte-breedteverhouding (de vorm) te behouden.
-
het ingaan van metingen van de laaggrootte: Ga pixelmetingen in de de tekstvakjes van B (Breedte) en van H (Hoogte) op het gebied van de Eigenschappen van de Laag in.
U kunt een laag niet alleen vergroten of verkleinen, maar ook verkleinen. Voer hiertoe een opvullingsmeting in in het vak Links, Rechts, Boven en Onder in het gebied Laageigenschappen. Door opvulling wordt een marge aan de huidige laag toegevoegd die wordt verschoven ten opzichte van de omtrek van de basislaag. Opvulling is handig als u een slagschaduw of een effect Buitenste gloed toevoegt en u het effect beter zichtbaar wilt maken. Door opvulling wordt een laag groter en wordt de achtergrondkleur weergegeven in het uitgebreide gebied met opvulling. De basislaag verplaatst zichzelf ten opzichte van de nieuwe grootte van de laag. Als de huidige laag bijvoorbeeld is gecentreerd op de basislaag en u de linkerzijde van de laag uitbreidt, wordt deze verder naar rechts van de basislaag verplaatst.
-
Veranderend de positie van een laag: Om de positie van een laag op het canvas te veranderen, selecteer zijn naam in de lijst van Lagen en gebruik één van deze technieken:
-
manueel veranderende positie: Beweeg de wijzer dichtbij maar niet over een laaggrens, en wanneer u de vier-geleide pijlcurseur ziet, en begint te slepen.
-
het ingaan van de metingen van de plaatscompensatie: Ga X en Y verschuivingsmetingen in de de tekstvakjes van X en van Y in. Deze metingen vertegenwoordigen de x- en y-verschuiving van het ankerpunt in pixels.
-
het Roteren van een laag: De Rotate doos maakt een lijst van de hoek waaraan de laag werd geroteerd. Als u een laag wilt roteren, selecteert u de naam van de laag in de lijst Lagen en gebruikt u een van de volgende technieken:
-
manueel het roteren: Beweeg de curseur dichtbij maar niet over een hoek van de laag. Wanneer u de rotatiecursor ziet, sleept u de hoek van de laag. Houd Shift tijdens het slepen ingedrukt om in stappen van 15 graden te roteren.
-
die een graadmeting ingaat: Ga het aantal graden in om de laag te roteren. De rotatie is rechtsom. Als u de selectie linksom wilt roteren, voert u een negatief getal in.
verberg een laag of een laageffect:
U kunt een laag- of laageffect verbergen door het oogpictogram naast de naam van een laag of effect te selecteren. Verborgen lagen worden niet weergegeven in voorvertoningen of uitvoer. De laaggegevens worden niet verwijderd uit de URL. In plaats daarvan wordt hide=1 aan de URL toegevoegd om te zien dat de laag verborgen is. Bijvoorbeeld:
layer=5&src=is{PortalCo/title}&pos=274,192&effect=-1&.effect=Drop Shadow&blendmode
layer=5&src=is{PortalCo/title}&pos=274,192&hide=1&effect=-1&.effect=Drop Shadow&blendmode
De achtergrondkleur, dekking en overvloeimodus bepalen
Als u een achtergrondkleur, dekking en overvloeimodus voor een laag of het canvas wilt kiezen, selecteert u de laag of het canvas en gebruikt u de volgende technieken:
-
Voorgrondkleur: Selecteer Foreground Color en kies een kleurenmonster om de kleur van de schaduw of gloed te veranderen. U kunt ook een parameter color-value in het vak invoeren. De achtergrondkleur is alleen van toepassing op lagen die transparantie gebruiken. Het is bijvoorbeeld van toepassing op een gedeeltelijk transparante laag in een prijstag of de achtergrond van een tekstveld. Lagen die bestaan uit een PSD-, TIFF- of PNG-afbeelding waarop transparantie is ingeschakeld, kunnen een transparante achtergrond hebben.
-
Achtergrondkleur: Selecteer Background Color en kies een kleurenmonster om de kleur van de opgevulde gebieden te veranderen.
-
Opaciteit: Sleep de schuif van de Opaciteit om het even welke laag doorzichtig te maken zodat een deel van het onderliggende beeld door toont. De instelling van 100 procent is dekkend en 0 is transparant.
-
overvloeiwijze: Om één van de mengselwijzen te simuleren beschikbaar in Photoshop, kies een optie. De opties zijn Normaal, Verspreiden, Lichter, Donkerder, Vermenigvuldigen en Scherm. Deze opties zijn beschikbaar voor lagen, niet voor het canvas.
Schaduw- en gloedeffecten gebruiken op lagen using-shadow-and-glow-effects-on-layers
U kunt een schaduw of gloed op een laag toepassen. De schaduw of gloed wordt toegepast op de omtrek van de laag en wordt naar binnen of naar buiten uitgebreid, afhankelijk van de optie voor schaduw of gloed die u kiest. Als uw sjabloon afkomstig is uit een PSD-bestand met schaduw- en gloedeffecten, kunt u deze effecten aanpassen in Adobe Dynamic Media Classic.
Nadat u een schaduw- of gloedeffect hebt toegepast, kunt u de grootte, kleur, dekking en positie aanpassen in het gedeelte Laageigenschappen van het scherm Sjabloon.
Pas een schaduw- of gloedeffect toe op een laag applying-a-shadow-or-glow-effect-to-a-layer
-
Selecteer een laag in de lijst Lagen.
-
Selecteer het menu
Add Effecten kies een optie:-
Drop Shadow - Hiermee past u een schaduw toe op de onder- en rechterzijde van de laag.
-
Inner Shadow - Hiermee past u een schaduweffect toe binnen alle randen van de laag.
-
Outer Glow: past een gloedeffect toe rond alle randen van de laag.
-
Inner Glow: past een gloedeffect toe binnen alle randen van de laag.
-
Nadat u een effect hebt toegepast, wordt in de lijst Lagen een effectnaam weergegeven. Als u een effect wilt verwijderen, selecteert u de naam in de lijst Lagen en selecteert u vervolgens Delete .
Een schaduw- of gloedeffect aanpassen adjusting-a-shadow-or-glow-effect
Als u een schaduw- of gloedeffect wilt aanpassen, selecteert u eerst de naam van het effect in de lijst Lagen. Wijzig vervolgens de instellingen in het gedeelte Laageigenschappen van het scherm Sjabloon:
-
Color: Selecteer de knop Kleur en kies een kleurstaal om de kleur van de schaduw of gloed te wijzigen. U kunt ook een parameter color-value in het vak invoeren.
-
Opacity: Sleep de schuifregelaar om te bepalen hoe intens het effect is. Minder dekkende effecten zijn transparanter.
-
Blend Mode: als u een van de overvloeimodi wilt simuleren die beschikbaar zijn in Photoshop, kiest u een optie. De opties zijn Normaal, Verspreiden, Lichter, Donkerder, Vermenigvuldigen en Scherm.
-
Size: voer metingen in in het vak X en Y om het schaduweffect te vergroten of te verkleinen. Grootteopties zijn alleen beschikbaar voor binnenschaduwen en slagschaduwen.
-
Grow: Sleep de schuifregelaar om het effect naar binnen of naar buiten uit te breiden.
-
Blur: Sleep de schuifregelaar om doezelen aan de randen van het effect te bepalen. Effecten met meer vervaging zijn doezelder.
Lagen maskeren masking-layers
De lijst Lagen bevat een knop Masker die aangeeft hoe het masker of het alfakanaal van een laag wordt gebruikt. Met de knop Masker kunt u het effect van een achtergrondlaag toepassen op een bepaalde laag of op de gehele bovenliggende laag in de sjabloon. Selecteer een laag in de lijst Lagen en selecteer Mask om deze frames te doorlopen:
- De achtergrond van de laag is dekkend.
- De laaginhoud wordt omgekeerd en de achtergrond van de laag wordt gevuld met effen zwart.
- De achtergrond van de laag wordt gevuld met effen zwart.