Een online fotolijst maken met Photoshop

Advertentie

Je kunt er zoveel coole dingen mee doen Adobe Photoshop het is moeilijk om te weten waar te beginnen. In dit artikel laten we u zien hoe u met Photoshop een online fotolijst maakt. Eentje die je kunt gebruiken op websites en apps, of het nu om je avatar gaat of in de koptekst van je blog.

Stap 1: stel uw bestand in

Voordat we aan deze zelfstudie beginnen, moet u de basis van de Custom Shape Tool kennen. Bekijk hiervoor onze artikeldetails hoe u de tool Aangepaste vorm in Photoshop gebruikt Het gebruik van de tool Aangepaste vorm in Adobe PhotoshopOnze stapsgewijze handleiding voor het gebruik van de tool Aangepaste vorm in Adobe Photoshop, een veelzijdige tool die vaak over het hoofd wordt gezien. Lees verder .

Open vervolgens Photoshop om uw document in te stellen. Stel voor deze zelfstudie dat de fotolijst die u maakt een avatar voor sociale media is. Avatars hebben meestal aan alle kanten gelijke afmetingen, ongeacht of ze cirkelvormig of vierkant zijn.

Met dit in gedachten, stelt u uw documentformaat in op minimaal 1000 × 1000 pixels, hoewel u groter kunt worden. Deze afmetingen dienen als richtlijn voor uw fotolijst.

Stap 2: stel uw gereedschap voor aangepaste vormen in

Nadat uw bestand is ingesteld, maakt u een nieuwe laag in uw Lagen paneel - dit is waar uw frame naartoe gaat.

Zorg er vervolgens voor dat uw Gereedschap Aangepaste vorm is actief. Controleer vervolgens de kleuren voor uw aangepaste vorm in de Vullen en Beroerte secties.

Op dit moment heb ik momenteel het standaard kleurenpalet actief. Ik wil die kleuren echter niet op mijn fotolijst gebruiken, dus ik ga ze uitwisselen.

Ga naar uw om deze kleuren te wisselen Stalen paneel. Klik op het icoon voor het dropdown menu. Kies een kant-en-klaar palet uit de lijst met opties van Adobe.

Je kunt ook een aangepast kleurenpalet laden als je er al een hebt gemaakt. Als je er nog geen hebt gemaakt, bekijk dan onze tutorial met uitleg hoe u een aangepast kleurenpalet maakt in Photoshop.

Nu het nieuwe palet is geladen, gaat u terug naar uw Vullen en Beroerte opties voor uw gereedschap voor aangepaste vormen. Kies de kleuren die je wilt gebruiken.

Ga daarna naar je Vorm vervolgkeuzemenu en kies het ontwerp dat het beste bij uw foto past.

Blader voor deze zelfstudie naar beneden totdat u de holle cirkel en vierkante vormen vindt. Kies de holle cirkel om als fotolijst te gebruiken, hier in het rood.

Hoewel Adobe veel vooraf gebouwde frames heeft, zijn ze een beetje te luxe voor ons doel. Deze cirkel zou het lukken.

Stap 3: Teken uw vorm

Nadat u uw vorm heeft gekozen, klikt en sleept u uw cursor over de pagina om deze te maken.

Maak je geen zorgen als je per ongeluk je afbeelding van de pagina hebt gehaald - zoals ik heb gedaan. U kunt de Gereedschap Padselectie of de Verplaatsingsgereedschap om je frame te centreren. Het is hier rood gemarkeerd.

Stap 4: Pas een laagstijl toe

Als je frame eenmaal gecentreerd is, wil je er misschien een effect op toepassen, zodat het er “3D” uitziet.

Ga hiervoor naar uw Laag paneel en dubbelklik op de laag die uw vorm bevat. Er verschijnt een vak met de tekst Laagstijl.

Onder Meng opties, Je zult het zien Schuine kant en reliëf. Klik op deze optie om deze te activeren en zorg ervoor dat het selectievakje naast de naam is ingevuld.

Zodra dat vinkje actief is, zul je zien dat je fotolijst een meer 3D-kwaliteit heeft gekregen.

Onder de Structuur sectie, kunt u kiezen welk type schuine kant u wilt toepassen op uw vorm, de diepte van de schuine kant, de grootte en hoeveel u de randen wilt verzachten.

Onder Schaduwkun je de weergave van je highlights wijzigen. U kunt de hoek wijzigen waarin het licht het object raakt en ook hoe het licht met het object interageert.

Zodra u al uw instellingen naar tevredenheid heeft ingesteld, klikt u op OK.

Stap 5: Rasteriseer je laag

Nadat u uw afschuining hebt voltooid, wilt u uw frame selecteren om een ​​"frameselectie" te maken. Hierdoor kunt u de "vorm" op een later tijdstip oproepen en gemakkelijk een kleurvulling toepassen in de vorm van die selectie - alleen in een andere laag.

Zie het als een snelkoppeling naar bewerken.

Wanneer u uw selecteert Toverstafgereedschap, zorg ervoor dat uw afbeelding momenteel is ingesteld op 16 beetjes. Als dit niet het geval is, ontvang je een waarschuwing van Photoshop.

Zo niet, klik dan op Afbeelding> Modus> 16 bits. Omdat u in verschillende lagen werkt, vraagt ​​Photoshop u of u deze lagen wilt samenvoegen wanneer u uw documentdiepte verkleint.

Klik Voeg niet samen. U wilt deze lagen nog steeds apart houden.

Nadat je de diepte van je afbeelding hebt gewijzigd, moet je je laag nog steeds 'rasteren' om je toverstaf te gebruiken. Dit betekent dat u een vectorafbeelding omzet in een pixelafbeelding.

Om uw laag te rasteren, klikt u met de rechtermuisknop op de laag met uw fotolijst en kiest u Laagstijl rasteren.

Stap 6: Maak een selectie

Ga vervolgens terug naar je Toverstafgereedschap en selecteer de lege ruimte aan de binnen- en buitenkant van je fotolijst.

Wanneer die twee gebieden zijn geselecteerd, klik je met de rechtermuisknop op de lege ruimte en kies je Selecteer het omgekeerde. Photoshop selecteert in plaats daarvan de vorm van uw frame.

Dit lijkt misschien een ingewikkelde stap, maar er is een goede reden om de selectie in deze volgorde uit te voeren.

Als u rechtstreeks op uw 3D-frame probeert te klikken, selecteert Photoshop alleen de kleuren met exact dezelfde waarde en tint - niet het hele ding.

Met Selecteer het omgekeerde, je hebt nu een schone selectie van je frame.

Om deze selectie op te slaan voor verder gebruik, ga je naar je menubalk bovenaan je werkruimte. Klik Selecteer> Selectie opslaan.

Geef uw selectie een betekenisvolle naam en klik vervolgens op OK.

Stap 7: pas de kleur aan

Nu je je online fotolijst hebt gemaakt, wil je misschien de kleur ervan aanpassen.

Ga naar je om de kleur aan te passen Lagen deelvenster en maak een nieuwe laag bovenop de laag die uw fotolijst bevat. Dan klikken Selecteer> Selectie laden.

Van de Kanaal vervolgkeuzelijst, kies de selectie die u uit uw fotolijst hebt gemaakt.

Zodra de selectie actief is, gaat u naar uw Verfemmer of Verloop gereedschap en breng wat kleur aan op die laag. Het blijft binnen de grenzen van die selectie.

Nadat je je kleur hebt verlaagd, wil je dat deze interageert met de fotolijst eronder.

Klik hiervoor op de Overvloeimodus dropdown menu in uw Lagen paneel. Kies een effect.

Zoals je kunt zien, fleurt dit effect mijn frame op terwijl het ook de lichte en donkere tinten van de 3D-afschuining eronder oppikt.

Stap 8: voeg uw foto toe

Nadat u klaar bent met de fotolijst, wilt u er waarschijnlijk een foto in plaatsen. Om dit deel te demonstreren, heb ik een headshot van mezelf gebruikt.

Selecteer om deze headshot in uw frame te brengen Actie tool en klik en sleep je headshot naar de bestandstab voor je fotolijst bovenaan. Ik heb het tabblad rood gemarkeerd.

Zodra u de headshot naar het tabblad sleept, brengt Photoshop de headshot in uw fotolijstwerkruimte.

Geef het bestand vrij. Photoshop plaatst de headshot automatisch in een nieuwe laag in je Lagen paneel.

Zodra deze headshot zich in een nieuwe laag bevindt, verplaatst u die headshot-laag onder uw fotolijstlaag. Het frame moet bovenaan zichtbaar zijn.

Pas indien nodig de headshot aan om beter bij uw frame te passen door te gaan Bewerken> Vrije transformatie. Sleep de ankerpunten naar binnen om ze kleiner te maken.

Ga vervolgens naar je fotolijstlaag. Activeer je Toverstaf gereedschap en selecteer vervolgens de ruimte rond de buitenkant van uw frame.

Zodra het gebied buiten je frame is geselecteerd, ga je terug naar je headshot-laag. Ga naar het menu bovenaan uw scherm en klik vervolgens op Bewerken> Besnoeiing.

Hierdoor wordt de rest van uw foto snel buiten uw frame verwijderd, waardoor dat 'foto-achtige' effect ontstaat.

Stap 9: sla uw bestand op voor het web

Nu je headshot is ingevoegd en je fotolijst klaar is, ben je klaar om op te slaan.

Voordat u opslaat, moet u ervoor zorgen dat de achtergrondlaag in uw bestand is uitgeschakeld. Je fotolijst is rond en er zal wat transparantie omheen zijn. Als u deze achtergrondlaag ingeschakeld houdt, heeft deze transparantie geen invloed.

Ga naar nadat uw achtergrond is uitgeschakeld Bestand> Exporteren> Opslaan voor web (verouderd). Sla uw bestand op als PNG. En daar heb je het. U bent klaar.

Uw online aanwezigheid aanpassen

Nu u weet hoe u een digitale fotolijst kunt maken, kunt u deze gebruiken om uw online aanwezigheid aan te passen, zodat u een consistent uiterlijk krijgt op verschillende sites en apps.

Houd uw Photoshop-opleiding daar echter niet tegen. We raden aan om te leren hoe u een aangepast verloop kunt maken met Photoshop Een aangepast verloop maken met Photoshop CCIn dit artikel laten we u in vier eenvoudige stappen zien hoe u met Photoshop CC een aangepast verloop kunt maken. Lees verder De volgende.