10 Killer Adobe Photoshop-tips voor ontwerpers

Geloof het of niet, als je Photoshop gebruikt om een ​​website te ontwerpen, ben je op het goede pad om een ​​succesvolle webontwerper te worden. Dit komt simpelweg doordat Photoshop een van de meest geavanceerde tools in de ontwerpindustrie is die uw creatieve verbeeldingskracht kunnen laten uitkomen met zijn overvloed aan professionele tools die uw productiviteit tegelijkertijd verhogen.

Maar hoe goed weet u over Photoshop? Soms vragen we ons af waarom bepaalde webontwerpers in 5 dagen een website-indeling met extreem zware afbeeldingen kunnen ontwerpen, terwijl we ongeveer 10 dagen nodig hebben om dat soort ontwerp te voltooien. Het gaat waarschijnlijk niet om hoe snel je kunt klikken, het gaat erom hoe goed je weet over Photoshop, hoe je zijn volledige potentieel ontgrendelt om je productiviteit te verhogen.

We willen dat je weet hoe je zijn volledige potentieel kunt ontsluiten. Ja, daarom hebben we dit bericht gemaakt om u 10 uiterst nuttige Photoshop-tips te bieden om uw ontwerpsnelheid te verbeteren. Er kan een snelkoppeling, functie of instelling zijn waar u niets van weet, maar niet meer. Met dit artikel ga je ze allemaal leren kennen, en je zult sneller en sneller ontwerpen.

Opmerking: sneltoetsen die in dit artikel worden genoemd, zijn in Windows Photoshop-indeling. Als je Mac gebruikt, zorg er dan voor dat je weet dat Ctrl = Cmd (Command) en Alt = Opt (Option).

10. Ongedaan maken, Meer Ongedaan maken alstublieft

Ik ben er absoluut van overtuigd dat we ontwerpers erg verslavend zijn om iets ongedaan te maken, zelfs tot wanneer we een fout hebben gemaakt bij het maken van een tekening, hebben we de neiging om het ongedaan te maken..

Zoals je misschien weet door op Ctrl + Z in Photoshop te drukken, kun je de vorige actie ongedaan maken, maar wanneer je opnieuw op dezelfde toetscombinatie drukt, wordt de vorige actie opnieuw uitgevoerd. Dit is vrij onnatuurlijk en lastig omdat je altijd meerdere keren ongedaan moet maken om de gewenste staat te bereiken.

Geloof het of niet, Photoshop heeft een specifieke knop voor meerdere ongedaan maken, en het is Alt + Ctrl + Z. Ja, door deze toetsencombinatie te gebruiken, kunt u meerdere keren ongedaan maken, afhankelijk van de waarde van Historiestaten die u instelt in Bewerken> Voorkeur> Prestatie.

Als je gewend bent om de toetscombinatie van Undo te normaliseren, dit is Ctrl + Z, dan kun je eenvoudig op Ctrl + Shift + Alt + K drukken om het paneel Toetsenbord sneltoets te openen en de toetsencombinatie Ongedaan maken in het gedeelte Bewerken te veranderen in Ctrl + Z.

9. Kleur bemonsteren, overal!

Vond je een mooi ontworpen website en vraag je je af welke exacte kleuren hij gebruikt? Dit gebeurt heel vaak wanneer ik inspiratie zoek in de tijd dat ik de layout van de site in Photoshop aan het doen ben. Voor mij zal ik een kleurenkiezer lanceren, de kleur kiezen en het hexadecimale getal krijgen, klik dan op het kleurenpalet in Photoshop, voer dan het hexadecimale getal in en verkrijg de kleur, behoorlijk vervelend is het niet?

Nou, je hoeft niet echt zo te lijden, je kunt eigenlijk gewoon op het gereedschap Pipet klikken of op I drukken om het te activeren, dan op het werkscherm van de Photoshop klikken en het pictogram van de pipet naar ergens op het beeldscherm slepen om de kleur te krijgen willen. Ja, het is echt zo eenvoudig.

8. Flexibele gids

Tip # 8 is eigenlijk een combinatie van twee tips, ik hoop dat je het niet erg vindt om meer tips te krijgen. Als webontwerper hebben we veel te maken met richtlijnen om een ​​element correct te positioneren, met andere woorden is pixel perfect.

Hoe creëer je een gids? Klik op Beeld, Nieuwe gids en kies vervolgens de horizontale of verticale gids, voer de positie in en klik op Enter? Oké, je kunt deze werken opslaan door gewoon op Ctrl + R te drukken om het gereedschap Liniaal te activeren, op het gereedschap te klikken en het naar beneden te slepen om een ​​horizontale gids te maken, of andersom.

Naast het maken van instantgidsen, hier is nog een nuttige tip voor u. Terwijl u een hulplijn versleept met het verplaatsgereedschap dat kan worden geactiveerd met de V-toets, houdt u de Alt-toets ingedrukt om de horizontale hulplijn in verticale richting te veranderen of omgekeerd. Nu kun je jezelf waarschijnlijk als een professionele gids beschouwen.

7. Fun Layer Style Klonen

Laagstijlen zijn erg vermakelijk wanneer je ze gewoon kunt toepassen om bijvoorbeeld een pictogram voor sociale media er aantrekkelijk en uniek uit te laten zien, maar het zal erg vermoeiend zijn als je dezelfde laagstijlen wilt toepassen op alle social media-pictogrammen die meestal binnenkomen meerdere stukken.

Heb je je ooit gerealiseerd dat er een is fx pictogram naast je laag? Nou, alles bestaat voor een reden, als je op Alt drukt en de fx naar een andere laag, zal het de stijlen van de eerste laag kopiëren naar degene waar je naartoe gesleept hebt, handig is het niet?

Ook als je geïnteresseerd bent in het algemene gebruik ervan fx pictogram, kunt u de stijlen van een laag naar een andere verplaatsen en hoeft u alleen maar het pictogram naar een andere laag te slepen zonder op Alt te drukken.

6. Element Centering Made Easy

Om een ​​pixel perfect ontwerp te krijgen, moeten we vaak het element precies positioneren waar het hoort te zijn. Dit lijkt eenvoudig omdat je gewoon een aantal hulplijnen kunt maken en het element aan die hulplijnen kunt vastklikken, maar het zal ontmoedigend zijn als je absoluut een element in een bepaald gebied wilt centreren, waarvoor veel gidsen, metingen en focus nodig zijn.

In feite heb je een manier om dit hele proces een stuk gemakkelijker te maken, klik je op de laag van het element die je absoluut wilt centreren en dan op Ctrl + A om het hele document te selecteren. Spuit vervolgens het verplaatsgereedschap en je ziet enkele pictogrammen naast de optie Transform-besturingselementen weergeven. Klik op het tweede pictogram om het element verticaal te centreren en klik vervolgens op het vijfde pictogram om het element horizontaal te centreren, alsjeblieft, een absoluut gecentreerd element.

U kunt het element niet alleen absoluut centreren in het hele gebied van het document, maar ook absoluut in een bepaald gebied centreren. Laten we zeggen dat ik absoluut een element in het voettekstgebied wil centreren, ik kan eenvoudig het voettekstgebied selecteren door het selectiegereedschap te gebruiken dat kan worden geactiveerd door op de M-toets te drukken en vervolgens het element in dat specifieke gebied absoluut te centreren.

U kunt andere uitlijningsopties bestuderen naast de optie Transformatiestructuren tonen, ze zijn erg handig voor het uitlijnen van uw elementen in een breed scala van situaties.

5. Bekijk selectie, één tegelijk

Vaak moet je bij het ontwerpen van een lay-out controleren hoe een element er precies uit ziet door zijn eigen of door een paar elementen, bijvoorbeeld in de onderstaande website-indeling. Ik wil de schuifregelaarknoppen controleren om te bevestigen dat ze geen transparantie hebben zodat ze er exact hetzelfde uitzien of zonder afbeelding van de schuifregelaar.

In het verleden moet ik de zichtbaarheid van de laag van de schuifregelaarafbeelding, de achtergrondlaag van de schuifregelaar en zelfs de achtergrondlaag van de inhoud uitschakelen, maar nu kan ik gewoon de Alt-toets ingedrukt houden en vervolgens op het 'oog'-pictogram naast de knopgroep klikken om uit te schakelen de zichtbaarheid van alle lagen, zodat ik alleen die knoppen bekijk. Nadat ik ze heb gecontroleerd, kan ik de truc opnieuw herhalen om de visbilibiteit van alle lagen terug te brengen.

Deze truc is ook erg handig als het gaat om het snijden van afbeeldingen. U wilt de slider's-knop verdelen zonder enig ander element zoals een schuifregelaarafbeelding, zodat u deze truc kunt gebruiken om de zichtbaarheid van alle lagen uit te schakelen om de knop gewoon te snijden en vervolgens de truc herhaalt om de zichtbaarheid van alle lagen te herstellen, zodat u veel tijd verspilt aan tijdverspilling schakel de zichtbaarheid van lagen in en uit.

4. Pas het volgen van lettertypen op elk gewenst moment aan

Deze specifieke tip laat zien hoe je het volgen van het lettertype in bepaalde delen van het type eenvoudig kunt verbeteren, dus het kan alleen worden gebruikt voor bepaalde specifieke situaties zoals het maken van een logo of knop, maar het is een professionele tip die veel tijd kan besparen bij het vinden van lettertypen met geschikte typografie voor het maken van uw logo of knop.

Oké, laten we zeggen dat ik de tracking van het type '360' wil verkleinen, zodat het type van mijn logo er uniek uitziet dat de bezoeker het zich gemakkelijker herinnert. Ik kan 'POLO360' selecteren met behulp van het gereedschap Tekst dat kan worden geactiveerd door op de T-toets te drukken en vervolgens de Alt-toets ingedrukt te houden om het volgen van het type te verminderen, waardoor het resultaat boven komt.

U kunt deze truc gebruiken om het trackingprobleem van sommige artistieke lettertypen aan te pakken, dus u hoeft zich geen zorgen te maken over het volgen van de volgende keer dat u grafische lettertypen wilt vinden voor het maken van uw logo.!

3. Instant Layer Selection = Win

Lay-outontwerp is een uitputtende klus omdat we veel zaken moeten aanpakken, zoals typografie, spatiëring en grafische weergave, maar het zal overweldigend zijn als we de laag van een specifiek element uit honderden lagen willen vinden.

Laat deze truc het leven van uw ontwerper gemakkelijker maken. Activeer het gereedschap Verplaatsen met de toets V en houd de Ctrl-toets ingedrukt, klik vervolgens op het element en u selecteert automatisch de laag van het element. Het is echt zo simpel, maar onthoud dat als je elementen in een groep plaatst, je dan met dezelfde truc de map van de groep selecteert met het element waarop je hebt geklikt, zoals hierboven weergegeven.

2. Smart Object voor Smart Designer

Net als zijn naam maakt Smart Object uw bewerking slimmer door 2 primaire functies uit te voeren: niet-destructieve transformaties uitvoeren en filteren uitvoeren. Deze functie is erg handig, vooral wanneer u een site-indeling maakt met zware grafische afbeeldingen zoals stockfoto's, pictogrammen voor sociale media en UI-kits. U hoeft alleen maar met de rechtermuisknop op een laag te klikken en vervolgens op 'Converteren naar slim object' te klikken. geniet van de voordelen.

De eerste functie zegt dat wanneer een laag eenmaal is geconverteerd naar een slim object, je deze hoe dan ook kunt transformeren zonder de oorspronkelijke kwaliteit te verliezen. In ons geval willen we de afbeeldingschuifregelaar kleiner maken, zodat we de lagen van de afbeeldingschuifregelaar naar het slimme object converteren en het in iets kleiner maken.

Ouch, het is gewoon te klein dus ik besloot om het terug te veranderen.

Lijkt erop dat alles in orde is en dat er niets is gebeurd toch? Hieronder ziet u het resultaat als u een transformatie naar achteren hebt toegepast zonder de laag naar Slim object te converteren.

Dus je kunt hier waarschijnlijk het verschil zien, vooral de knoppen van de schuifknoppen. De terugwaartse transformatie zonder Smart Object toegepast op lagen zorgt ervoor dat de knoppen van de schuifregelaar en de schuifregelaar hun kwaliteit verliezen. Dus door een laag in Smart Object te converteren, kunt u het naar elke gewenste kleinere grootte transformeren, maar als u eenmaal spijt hebt van uw beslissing, kunt u deze terugzetten zonder de kwaliteit te verliezen.

Een ander voordeel van het converteren van een laag naar een slim object is wanneer u een filter op een slim object toepast, de laag van een filter verschijnt onder de laag van het slimme object, zodat u het filter gemakkelijker kunt uitschakelen door de zichtbaarheid van de laag van het filter uit te schakelen, en dat wordt niet-destructieve filtering genoemd , geweldige tijdsbesparing voor uw project.

1. Een momentopname van mooi verleden

Nu heb je geleerd hoe je meerdere keren ongedaan te maken, kopieer laagstijlen, snellere selectie van lagen en met behulp van Smart-object deze geweldige tijdbesparende tips. Nou, dit zijn echt handige vaardigheden die je productiviteit enorm verhogen, maar hoe zit het met na 2 uur werken, je hebt spijt gehad van je bewerking en hebt besloten om vanuit het midden te beginnen? Het opnieuw uitvoeren zal volledig vermoeiend en saai zijn, zelfs als je alle moordende tips hebt toegepast die je eerder hebt geleerd, dus wanneer Snapshot begint.

Met momentopname kunt u een tijdelijke kopie van elke status van uw bewerking maken, dus wanneer u problemen ondervindt bij het verbeteren van uw ontwerp en hebt besloten terug te gaan, kunt u eenvoudig op een momentopname klikken om u terug te brengen naar de gewenste staat. Als u een momentopname wilt maken, opent u het palet Historie en klikt u op het tweede pictogram dat u aan de onderkant van het palet ziet.

Er zijn ook enkele handige functies voor een momentopname, zoals het maken van meerdere snapshots, zodat u meer keuzes heeft en deze kunt benoemen zodat u ze gemakkelijker kunt onthouden. Uiteindelijk kunt u deze snapshots ook gebruiken om verschillende effecten te vergelijken die u voor uw ontwerp hebt gemaakt.

Vergeet echter niet dat wanneer u het document hebt gesloten, momentopnamen direct worden verwijderd, dus als u die staten wilt behouden, kunt u op elke momentopname klikken en het document als een ander bestand opslaan.

Reflectie

Je bent aan het einde van het artikel gekomen, geweldig werk. Tegen die tijd zou je genoeg tijdbesparende moordenaarstips moeten hebben om je ontwerpsnelheid te verbeteren, maar onthoud altijd dat leren de beste manier is om meer te weten over je Photoshop, waardoor je je productiviteit verhoogt. Dus blijf meer leren, en je wordt een meer competitieve webontwerper aller tijden.

Wel, we hebben ons best gedeeld, jij ook? Als je het niet erg vindt, deel dan je moordtips met Photoshop om ons te laten weten hoe je Photoshop beter kunt gebruiken, bedankt voor je vrijgevigheid!