Hallo,
We gaan een iPod nano-touch maken. Je denkt dat dit geen zin heeft, maar je zal meer inzicht krijgen in de extra functies van photoshop die je nauwelijks gebruikt. Na deze tutorial kan je met een beetja fantasie ook een TV, computer, telefoon of iets anders maken.
Succes
hier het eindresultaat:
Nu gaan we echt beginnen!
Stap 1
De achtergrond
- We beginnen met een leeg veld van 500 * 950.
- Je maakt een nieuwe layer en vult deze met #000000 (zwart). Zorg dat je op je andere kwast #FFFFFF hebt staan (wit)
- Ga naar filter -> render -> fibers.
- Zet de getallen op 51 en 58.
- filter -> blur -> motion blur
New layer
- Vul deze helemaal met #6fb3e3
- zet nu deze layer op multiply
Je hebt nu dit resultaat:
stap 2
Je gaat nu beginnen aan de ipod zelf.
New layer
- selecteer een deel van ongeveer 300 * 700.
- Vul deze met een willekeurige kleur. (Geen verder effect)
- Ga naar layerstyle en maak een gradiënt overlay met deze style:
New layer
- Maak linksboven een klein wit knopje en geef deze een gradient van: zwart - wit - zwart.
- Maak een schaduw, deze is naar eigen wens.
- Zet deze gradiënt op 59%
New layer
- Maak een zwart rondje ergens in het midden onderin. (zie ook het eindresultaat)
Geef het de volgende effecten:
- Om het volgende te maken zijn meerdere manieren. Ik heb deze gebruikt:
New layer
- Je maakt een vierhoek met ronde hoeken met de"rounded rectangle tool". Deze verklein je tot de juiste grootte en maak je transparant.
- Nu geef je het een stroke met 1 pixel en met deze kleur: #7c7c7c.
Je hebt nu iets in deze trant:
stap 3
New layer
- Maak een vak van 248 * 489 met deze kleur:#3f3f3f
- Maak een schaduw met deze effecten:
- Distance: 0 - Spread: 100% - Size: 5 px - opacity: 75% - kleur: #000000 (zwart)
New layer
- Maak vervolgens een rondje met de ellipse tool (ruim groter dan het vak van daarnet.)
- Klik nu op rastesize layer (r-klik op de layer)
- Selecteer het het vak van 248 * 489 door Ctrl + klik op de layer.
- Kopieër het deel van het rondje wat nu in het geselecteerde deel zit.
- Plak dit en verwijder het rondje zelf.
- Geef het overige deel van het rondje de volgende effecten:
We gaan ditzelfde doen met een vierkant.
New layer
- Maak een groot vierkant
- draai deze zo dat het precies loopt van linksboven naar rechtsonder. (zie ook het eindproduct)
- Geef deze layer nu dezelde layerstyle als dat van het (halve)rondje.
Je hebt nu iets in deze trant:
new layer
- Maak nu als afronding 2 glow plekken van 300 (met de kleur #FFFFFF (wit).
- Zet deze layer op opacity 34%
Stap 4
Je gaat nu de "content" plaatsen
Als eerste de icons die ik gebruikt heb.
http://www.mezzoblue.com/icons/chalkwork/iphone/
New layer
- Je gaat nu een baterijtje pixelen, die zet je vervolgens rechts boven.
- je plaats de dock en de icons (te vinden in het te downloaden bestand) TIP: zet smart guides aan.
view -> show -> smart guides
Je hebt nu iets als dit:
Nu komen de teksten!
- Tekststandaard:
- #FFFFFF
- Tahoma 10 px
- plaats de teksten zoals in het voorbeeld gegeven is:
Nu de finish!
Je hebt het waarschijnlijk niet eens gemerkt maar er ziiten 2 puntjes tussen de icons: videos en photos.
new layer
- pixel deze als gegeven in het voorbeeld:
Bedankt voor uw aandacht om deze tutorial, ik hoop dat jullie er wat aan hebben.
Tutorial geschreven door: Rogier Fischer
Bron :One2xs
