Een software doosje maken voor op het web

Vanalles om te leren omgaan met het programma...
Plaats reactie
Gebruikersavatar
jangske
Site Admin
Berichten: 1011
Lid geworden op: 14 jun 2017, 07:23

Een software doosje maken voor op het web

Bericht door jangske » 16 jun 2017, 09:13

Er zijn natuurlijk nog een paar andere methodes om een software doosje in Photoshop te maken waardoor de kwaliteit van het doosje zeer hoog kan zijn, maar die methodes zijn of te lang qua tijd of soms te moeilijk.
Deze Photoshop tutorial is geschikt voor beginners en daarom hoef je er niet veel tijd aan te besteden om de tutorial succesvol te beëindigen.

Voorbereiden van de software box

Pak maar een mooie wallpaper en pas de afmetingen aan (in dit geval is het 600x468 pixels).
Als je wilt, kan je nog een paar elementen erbij zetten.
Wanneer je klaar bent met het aanpassen van de wallpaper, ga je naar de "Layer" in het menu en druk op "Flatten Image".

Afbeelding

Nu gaan we verder.
Maak een nieuw Adobe Photoshop document aan met de afmetingen iets meer dan het formaat van je wallpaper en met een witte achtergrond.
In dit geval is het nieuwe document 750x585 pixels groot geworden.
Kopieer je aangepaste wallpaper m.b.v. toetsencombinatie "Ctrl+A" en vervolgens "Ctrl+C".
Ga naar het net gemaakte document en druk op "Ctrl+V".
Zet de wallpaper in het midden van het document.

Rulers en Guides

De volgende stap is het uitlijnen je wallpaper met zogenaamde guides (hulplijnen).
Zet de rulers aan door te klikken op "Ctrl+R" om de linialen zichtbaar te maken.
Voor het weergaven van de guides sleep je vanuit een liniaal naar binnen van het document met je muisknop ingedrukt.
Zet de hulplijnen op de zijkanten van de wallpaper.

Wanneer ben je klaar met de zijkanten, is het tijd om alle horizontale hulplijnen op juiste plek te zetten.
Vanuit de bovenkant van de wallpaper reken je een kleine afstand naar beneden en zet daar een guide.
Vanuit de guide die je net gezet hebt, reken je verder ongeveer 2 dezelfde afstanden naar beneden en zet daar een andere hulplijn.
Hetzelfde doe je met de onderkant van het plaatje.

Vervolgens maak je de verticale guides.
Reken vanuit de linkse zijkant ongeveer 1/4 van de wallpaper.
Zet een guide. De net gekregen afstand deel je in 2 en je zet daar een andere hulplijn.
Verplaats deze hulplijn een klein beetje naar links. Zie hieronder een voorbeeld.

Afbeelding

Het maken van het doosje

Alle voorbereidingen zijn klaar en je kunt direct beginnen met het maken van het doosje.
Pak een "Rectangular Marquee Tool (M)" en selecteer de linkse deel van je wallpaper.

Afbeelding

Nu gaan we het linkse deel transformeren.
Druk op "Ctrl+T". Dan krijg je transformatie selectie en vervolgens: met ingedrukte "Ctrl" en "Shift" toets verplaats je de bovenste en de onderste hoekje naar de tweede horizontale hulplijn van onder en van boven.
Vervolgens verplaats je de linkse kant van selectie naar de tweede verticale hulplijn.

Afbeelding

Op dezelfde werkwijze bewerk je het rechtse deel van de wallpaper.
Selecteer het en druk op "Ctrl+T".
Daarna met ingedrukte "Ctrl"en "Shift" verplaats je de hoekjes naar de naar de derde horizontale guide van boven en van onder.
Vervolgens verplaats je de rechtse kant van de selectie naar binnen op ongeveer 1/4 van de lengte van het rechtse deel.

Afbeelding

Je software doosje is klaar.

Gefeliciteerd!
Dat was toch helemaal niet moeilijk.
Nu kunt je dit doosje mooi presenteren door een achtergrond te maken.
Gebruik "Gradient Tool (G)" om een achtergrond te maken en gebruik "Polygonal Lasso Tool (L)" om een schadouw van het doosje te maken.
Het spiegel effect doe je m.b.v. de "Rectangular Marquee Tool (M)" en de "Gradient Tool (G)".

Afbeelding
Nog veel plezier op deze site...

Plaats reactie