Tutorial: iPod maken

Gestart doorRogier17 reacties134 weergaven

18 berichten · pagina 1 van 2

Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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:
Afbeelding

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.

New layer

- Vul deze helemaal met #6fb3e3

- zet nu deze layer op multiply
Afbeelding

Je hebt nu dit resultaat:
Afbeelding

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:
Afbeelding

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:
Afbeelding
Afbeelding
Afbeelding

- 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:
Afbeelding

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:
Afbeelding
Afbeelding

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:
Afbeelding

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.
Afbeelding

- 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:
Afbeelding

Nu komen de teksten!

- Tekststandaard:
- #FFFFFF
- Tahoma 10 px

- plaats de teksten zoals in het voorbeeld gegeven is:
Afbeelding niet beschikbaarDe oorspronkelijke afbeelding of link ontbreekt.

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:
Afbeelding

Bedankt voor uw aandacht om deze tutorial, ik hoop dat jullie er wat aan hebben.
0
Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Post verwijderen?
0
Berichten
5.795
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nice tut
0
Miel

Lid

Berichten
4.462
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Als je dat een ipod noemt.. Maar goed, je hebt je best gedaan.clown
0
Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
pff
0
Berichten
6.356
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
nice tut! Ik vind hem juist wel grappig
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Miel schreef:
Als je dat een ipod noemt.. Maar goed, je hebt je best gedaan.clown
het gaat erom dat je leert met photoshop omgaan, en of je het plaatje nou niks vind, je kan je eigen draai eraan geven zodat je iets maakt wat je zelf wel mooi vind.
0
Miel

Lid

Berichten
4.462
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja klopt, maar maar zeg dan Tutorial: Wannabee ipod maken".
0
Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
pfff
0
Berichten
4.936
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nice Rogier, het kon wel wat kleiner wink
0
Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Zeld heb ik hem gemaakt op 5000 * 9500 want dan kan je hem altijd kleiner makenyummie
0
Miel

Lid

Berichten
4.462
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Lengte van het apparaatje zelf bedoeld ie denk ik? Daarom lijkt ie ook niet.
0
Berichten
4.936
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Nee je ipod kon wat kleiner.
0
Rogier

Lid · Topicstarter

Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Het is veel ebter om dingen groot te ontwerpen en vervolgens klein te maken. Als je ze klein ontwerpt en later groot wil maken kost dat kwaliteit. Terwijl het dezelfde moeite is.
0
Berichten
610
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik vind hem wel leuk biggrin
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren