Waarschijnlijk heeft elke webdesigner zijn eigen set vanTrucs Photoshop-favorieten uit de kast. Voor een goede reden. De krachtige tool voor het bewerken van afbeeldingen van Adobe is een hoofdbestanddeel van de wereld van webdesign. Er zijn maar heel weinig programma's die kunnen concurreren met deze uitstekende software en zijn brede scala aan functies.
Hoewel de meeste webontwerpers al veel weten over PhotoShop, is er altijd meer dat u kunt leren. Het programma is tenslotte niet alleen krachtig maar ook complex. Daarnaast worden er regelmatig nieuwe dingen toegevoegd door middel van updates.
Om deze reden is het een goed idee om je favoriete tool te blijven verkennen. Om u daarbij te helpen, bekijken we in deze zelfstudie enkele van de beste Photoshop-trucs. Van de Trucs die uw workflow kunnen verbeteren, werk en leven gemakkelijker kunnen maken, tijd kunnen besparen en u kunnen helpen bij het ontwerpen van de best mogelijke sites.
Ben je klaar om meer te leren over Photoshop? Dit is wat we hieronder zullen zien.
1 - Stroomlijn uw werkruimte
Laten we beginnen met de basis. Het eerste dat u moet doen om uw workflow te verbeteren, is door Photoshop in te stellen op een manier die compatibel is met hoe u het gebruikt. Het werk wordt tenslotte gemakkelijker met een schoner stuk gereedschap.
Om deze reden is onze eerste stop "Venster> Werkruimte> Grafisch en web> Essentieel". Als u deze optie kiest, verandert de outils beschikbaar voor wat u waarschijnlijk zult gebruiken voor webdesign.
Ga dan naar "Bewerken> Voorkeuren". Hier zijn een van de belangrijkste stops de eenheden en de regels. Welke maat u hier ook kiest (hoogstwaarschijnlijk pixels), dit is de standaardwaarde voor alle toekomstige documenten.
(Snelle tip: om de regels voor afzonderlijke documenten te wijzigen, klikt u er met de rechtermuisknop op en kiest u de gewenste maateenheid.)
Ga vervolgens naar "Voorkeuren> Prestaties> Geschiedenis en cache" en klik op "Web / UI-ontwerp".
Dit zal de cache-instellingen wijzigen om kleinere bestanden met veel lagen te bevoordelen, die u het meest zult gebruiken.
Op dezelfde locatie kunt u ook het aantal historische staten kiezen. Dit is het aantal stappen waarnaar u terug kunt gaan als u iets ongedaan wilt maken.
2 - Leer de sneltoetsen
Voor elk programma dat u regelmatig gebruikt, is sneltoetsen leren meestal een goede zaak.
Ik gebruik bijvoorbeeld Ctrl + Alt + 2/3 om de h2- en h3-headers te maken bij het schrijven van dit bericht. Het is veel sneller dan het gebruik van de werkbalkoutils van de editor omdat ik het toetsenbord niet hoef te verlaten.
Hetzelfde geldt voor Photoshop. Weten hoe een actie met enkele toetsen uit te voeren is oneindig sneller dan klikken op de menu's.
We zullen in dit artikel een aantal sneltoetsen noemen. Ik raad dit spiekbriefje echter ook aan om de snelkoppelingen naar de meest voorkomende Photoshop-bewerkingen te leren. Bovendien is het ook een goed idee om er een gewoonte van te maken om naar sneltoetsen te kijken voor dingen die je keer op keer doet.
3 - Groepeer lagen en noem ze
Wanneer u met Photoshop werkt, werkt u met lagen. Niet alleen hebben de meeste elementen op afzonderlijke lagen, maar veranderingen zoals helderheid / contrast worden ook toegevoegd als een laag.
Om deze reden kan alles heel snel door elkaar worden gehaald. Gelukkig zijn er tal van opties om minder te doen, waaronder de mogelijkheid om lagen te groeperen en een naam te geven.
Allereerst kunt u door op een willekeurige laag te dubbelklikken de naam wijzigen in wat u maar wilt.
Op deze manier kunt u gemakkelijk zien of een laag de achtergrondafbeelding, het menu of de zijbalk bevat.
Als alternatief kunt u ook meerdere lagen tegelijk kiezen door de Ctrl-toets ingedrukt te houden om afzonderlijke lagen te selecteren of door Shift ingedrukt te houden om een ​​reeks aangrenzende lagen te markeren. Ctrl + G verandert ze in een groep.
4 - Zoeken naar lagen
Het benoemen en groeperen van lagen is een goed begin. Door met tientallen of zelfs honderden te werken, kunt u nog steeds gemakkelijk verdwalen.
Voor deze gevallen hebt u ook de optie om uw lagen te filteren. Gebruik hiervoor gewoon het menu bovenaan het menu Lagen om te filteren op type, naam, effect, kleur en meer.
Klik anders met de rechtermuisknop op de lagen en kies daar de groepsoptie. Hoe dan ook, je lagen zijn veel overzichtelijker. Bovendien kunt u de laaggroepen ook een naam geven.
Selecteer anders direct een laag met behulp van het gereedschap Verplaatsen, houd "Ctrl" ingedrukt en klik op een laag of een object.
5 - Maak een raster
Het raster is een van de belangrijkste principes in webdesign. Het brengt orde in het ontwerp en helpt u bij het plaatsen van uw objecten. Om deze reden is het logisch om een ​​raster in Photoshop te maken.
Gebruik hiervoor "Beeld> Nieuwe markering". U kunt ook horizontale en verticale hulplijnen maken door op een liniaal te klikken en deze naar het document te slepen. Gebruik Ctrl om bestaande regels te verplaatsen.
6 - Importeer kleurstalen
U kunt kleurstalen rechtstreeks in Photoshop laden vanuit HTML-, CSS- of SVG-bestanden. Op deze manier heb je een goed startpunt voor je kleurenschema wanneer je bestaande bestanden gebruikt, zoals een logo.
Om te profiteren van deze Photoshop-hint, opent u het deelvenster Stalen, klikt u op het vervolgkeuzemenu in de rechterbovenhoek en kiest u ' Laad Stalen ". Navigeer nu naar het bestand en open het om uw nieuwe kleurvoorbeelden te importeren.
7 - Bewaar aangepaste vormen
In het bijzonder, wanneer u meerdere pagina's ontwerpt voor dezelfde site of websites die een soortgelijk ontwerp hebben, zult u meerdere keren dezelfde objecten en vormen gebruiken. Om deze reden is het logisch om ze in een aangepaste vorm op te slaan voor snel hergebruik.
Om dit te doen, klikt u met de rechtermuisknop op de betreffende vorm met het padkeuzegereedschap (de zwarte pijl). Kies dan Definieer de aangepaste vorm ". Als je dat eenmaal hebt gedaan, kun je die vorm openen via de opties op de bovenste balk van het gereedschap Aangepaste vorm. Klik gewoon op het dropdown-menu waar het zegt " Vorm En kies uw opgeslagen formulier.
8 - Wissel tussen de achtergrond- en voorgrondkleuren
Om de achtergrondkleur en voorgrondkleur te wisselen zonder op het pictogram te klikken, drukt u gewoon op "X" op uw toetsenbord. Als u wilt dat de kleuren terugkeren naar gewoon zwart en wit, kunt u dit doen door op "D" te drukken.
9 - Verander de dekking via het toetsenbord
Nog een sneltoets: voor elk hulpmiddel dat de dekking kan wijzigen, kunt u dit gewoon via het toetsenbord doen. De cijfers 1 tot 0 stellen de dekking op alles in tussen 10% en 100%. Hetzelfde werkt ook met de dekking van de lagen.
10 - Teken rechte lijnen
Houd de Shift-toets ingedrukt om een ​​rechte lijn te tekenen met een tool. Dan kun je een lijn trekken (horizontaal en verticaal) die automatisch wordt gekoppeld als een nagel. Klik anders op twee verschillende punten om een ​​rechte lijn ertussen te maken.
Dat is alles voor deze Photoshop-tips, ik hoop dat het je helpt om beter te ontwerpen op photoshop.
