|
Een eenvoudige, maar uitgebreide tutorial waarin je een sprite leert verwerken tot een mooi stukje design.
Outcome:
1.
2.
Stap 1:
Open een nieuw document met een zwarte achtergrond.
Zoek een Sprite en zet hem erin.
Verklein hem eventueel nog een klein beetje, zodat hij zeker volledig in je document past.
Stap 2:
Selecteer de Smudge Tool (R) en stel de ronde, harde brush in op 2 px.
Stap 3:
Duplicate nu eerst je Sprite-render dmv Ctrl + j.
Daarna zet je je copy onder je oorspronkelijke layer. (Dit gebeurt in je layer palet)
Smudge dan wat kleuren in lijntjes weg van je Sprite, zorg wel dat je copy geselecteerd is.
Stap 4:
Als dat gedaan is moet je eventjes een filter toepassen:
Filter > Distort > Wave.
Instellingen:
- Number of Generations : 1
- Wavelength : Min. 1 - Max. 24
- Amplitude : Min. 1 - Max. 90
- Scale : Horiz. 1 - Vert. 100
- En zorg ervoor dat hij linksboven op Square staat.
Een tweede filter..
Filter > Distort > Pinch
-> zet de amount op 100%
Stap 5:
Duplicate nu je gesmudge layer, dus weer dmv Ctrl + j
 De Layer die hier geselecteerd staat moet je kopiëren door middel van Ctrl + j.
Daar pas je nog een filter op toe.
Filter > Distort > Ripple
-> Amount op 285%
-> Size op Medium
Stap 6:
Maak een nieuwe layer aan, zet hem weer in het layerpallet onder je sprite-layer.
Selecteer nu de brush tool.
Neem een zachte brush (dit kan je zien aan de randjes, die zijn dan wat vager).
En zet die op 200 px.
Brush dan op de plaats waar je sprite staat, let op, zorg ervoor de je voorgrond kleur op wit staat !
Stap 7:
Selecteer nu in je layerpallet de layer met je sprite in.
Daarna selecteer je de erasertool, instellingen in de balk bovenaan:
Een zachte brush van 75 px - Mode : Brush - Opacity : 55 % - Flow : 100%
Nu kan je een klein beetje je Sprite weggummen, doe het aan de randjes zodat je een mooi "blend-effect" krijgt.
Stap 8:
Voeg nu een color Balance toe.
Die vind je zo:
de instellingen mag je zelf kiezen..
Stap 9:
Voeg nu nog een Color Balance toe.
De instellingen mag je weer zelf kiezen.
Zo nu ben je klaar :)
Je kan eventueel nog tekst toevoegen, of een border.
Nog 2 Andere Outcomes:
1.
2.
Met vragen, sugesties of commentaren kan je altijd terecht op ons PhotoShop-Tutorials Forum.
|
| De vragen en reacties kunnen door tijdgebrek helaas niet altijd beantwoord worden door de auteur van de tutorial. Help elkaar daarom, en houdt het vriendelijk. Plaats geen rare reacties, anders riskeer je een ban voor de website.
Voor overige vragen, zie ons Photoshop Forum. |
Hits: 13662
Geschreven door Melvin, op 21-07-2010 16:59
ik heb nog wel sprites maar ik noem ze renders ;P de site : http://planetrenders.net/
en voor mense die thx zegge np :P (np betekent no problem als je dat niet weet :S ) |
Geschreven door Melvin, op 21-07-2010 16:56
sry dit is em geworde ;P
http://nl.tinypic.com/view.php?pic=ioq686&s=3 |
Geschreven door Melvin, op 21-07-2010 16:55
dit is em :D
[IMG]http://i27.tinypic.com/ioq686.jpg[/IMG] |
Geschreven door Melvin, op 21-07-2010 15:36
ziet er goed uit :D ik ga wel ff volge ;P |
Geschreven door Zhao, op 13-03-2010 23:45
Sorry lukte niet... http://img52.imageshack.us/img52/1006/firsttrycopy.jpg |
Geschreven door Zhao, op 13-03-2010 23:43
Whaha check mijn outcome :P http://yfrog.com/1gfirsttrycopyj |
Geschreven door Tom, op 16-09-2009 13:38
Leuke techniek.
Nu nog een paar leuke sprites vinden  |
Geschreven door koen, op 12-08-2009 10:59
ik snap neit wat ik met die sprites moet die ik download van http://www.photoshop-tutorials.nl/Adobe-Photoshop-CS-Downloads/Sprite-lay-outs-Downloads.html geen een is er bruikbaar ? want meesten zijn van die meerdere plaatjes of moet dat ook ? snap het echt niet  |
Geschreven door Jurgenn, op 12-03-2009 21:49
Eindelijk 1´tje die ik snap en lauw kan worden
Thanks |
Geschreven door Lowie, op 21-02-2009 22:51
Sprites vind je hier:
http://www.photoshop-tutorials.nl/Adobe-Photoshop-CS-Downloads/Sprite-lay-outs-Downloads.html |
Geschreven door Thomas, op 07-02-2009 13:16
Waar kan je sprites downloaden? |
Geschreven door Michaël, op 06-10-2008 15:56
Beste Toxic Spikes..
Ik vind het spijtig dat je de outcome niet geweldig vind, nuja een tutorial dient om technieken te leren.. Je kijkt naar de outcome om te beslissen of je het effect/ de technieken wil leren.. In dit geval vind jij 'm niet zo mooi dusja.. Anderen hebben er misschien meer aan als jij..  |
Geschreven door Toxic Spikes, op 05-10-2008 18:47
Leuke tutorial. Alleen is je outcome (Eig. alledrie) niet echt super. Nu wil ik niet zeggen dat mijn outcome super is, maar kleuren zijn hier gewoon fataal geworden.
Mijn outcome: http://i215.photobucket.com/albums/cc206/jeroendrop/lugianewsig.png
Veel stappen dubbel gedaan, hue/saturation erop, pattern, sprite duplicated en gesmudged (Daarna op soft light 18%), meer color balances erop gegooid, border (Ja, een border kan bij dit soort sigs echt geen kwaad). |
Geschreven door Niels, op 02-09-2008 18:13
Leuke tutorial, goed.
de outcome is ook mooi ! |
Geschreven door hack, op 19-08-2008 10:18
hahaha
|
Geschreven door hack, op 19-08-2008 10:17
window.alert("You hacked, beveilig beter!!!by hacker");
|
Geschreven door ELYCIA, op 16-07-2008 14:20
Ik snap er geen BAL van ..
=[
Please help me kun je me toevoegen op msn mss ? dan kan ik het je uitleggen hoe het in elkaar zit! x
Msn= Elycia.x3@hotmail.com |
Geschreven door Ikaros, op 22-06-2008 16:25
Zo zit het bij mij zo mensen zeggen de blokjes zijn anders toen heb ik de length bij mij veranderd je moet er maar mee kloten is mijn tip tot het er leuk uit komt te zien. Elke keer dat ik die wave length op precies die van jullie zette kwam hij nooit echt goed over. |
Geschreven door Michaël, op 15-06-2008 16:37
Is dat zo lkaros?
Ik heb gewoon de instellingen overgenomen uit photoshop..
En zo is het gelukt zoals je kan zien..
Misschien ligt het aan iets anders? :D |
Geschreven door Ikaros, op 14-06-2008 20:55
Wavelength hebben jullie fout opgegeven dat moet min. 24 tot max 24 zijn. |
Geschreven door kees, op 20-05-2008 15:53
is geen sprite pic |
Geschreven door Michaël, op 22-04-2008 15:46
Dankje kas!
Beste bes, ik wil je graag helpen maar ik raad je aan van eventueel de tutorial nog eens aandachtig van in het begin te volgen..
Zorg ook dat de instellingen voor je filters goed zijn..
Als het niet in orde raakt kan je je misschien beter op het forum aanmelden en daar een topic plaatsen bij de hulp sectie.. Daar kan je dan eventueel met een screenshot je probleem uitleggen..
Cheers, Michaël |
Geschreven door bas, op 22-04-2008 07:54
bij mij gaat het bij stap 4 fout
want ik kriijg het resultaat veel kleiner 
heel maf maarik krijg er allemaal zwarte strepen enz. erdoorheen
inplaatje van van verticaal krijg ik ze horizontaal 
kan iemadn mij helpen |
Geschreven door kas, op 21-04-2008 21:40
netjes man
is goed uitgebeeld en uitgelegt |
Geschreven door Michaël, op 20-04-2008 19:57
Dank u xlaux |
Geschreven door xlaux, op 20-04-2008 18:11
wow zo leuk!!
echt wijs gedaan man! |
Geschreven door Michaël, op 16-04-2008 18:30
Dat kan ik niet meteen terugbrengen Kevin..
Ikzelf heb geen problemen met de tutorial, wat logisch is natuurlijk.. dus beschrijf misschien iets beter wat er juist foutloopt.. |
Geschreven door Kevin, op 16-04-2008 18:13
nog even een vraagje , als ik die filters toepas gaat het plaatje achter mn afbeelding de copy dus ook helemaal vervomen waardoor het een beetje raar uitziet :S wat doek fout ?:P |
Geschreven door Kevin, op 16-04-2008 18:05
ja ik ben nu aangemeld , alvast bdankt |
Geschreven door Michael, op 16-04-2008 11:44
Ben je aangemeld op ons forum kevin?
Ik zal het er met de beheerder over hebben, maar ik kan daar dan een hele grote lijst posten met allemaal sites voor stocks enzovoort..
Graag eventjes geduld en meld je alvast aan op het forum, dat is handig x) |
Geschreven door Kevin (alweer :P), op 16-04-2008 08:25
Heej mensen ik heb nu een site voor sprites , maar nu kan ik nergens vette stocks vinden iemand enig idee ??? PLS ANSWER    |
Geschreven door Kevin, op 15-04-2008 10:40
heej mensen weet iemand nog een goede site waar mooie sprites op staan ?  alvast bedankt , ps renderplanet werkt niet meer volgens mij. |
Geschreven door Michaël, op 06-04-2008 11:37
De brushtool is nietecht iets speciaals, gewoon een basis ronde in je photoshop
verder weet ik niet wat je fout doet.. |
Geschreven door roy, op 31-03-2008 21:28
hey ,
het lukt me maar niet bij die pinch om er voor te zorgen dat die zo er precies word ingezogen.
ook van die ripple is niets te zien
en welke brush-tool bedoel je ??
alvast bedankt. |
Geschreven door Michaël, op 23-03-2008 16:51
Beste jhonny;
Een goeie bron voor Sprites is www.renderplanet.net
Je kan ze hier gratis krijgen, je hoeft enkel een account aan te maken en daarna kan je eenvoudig door hun krachtige zoekmachine het gewenste resultaat bekomen |
Geschreven door jhonny, op 23-03-2008 09:02
waar kan je eigenlijk zulke sprites vinden want ik gebruikte layer daarvoor en dat is compleet mislukt want mijn afbeeldig veranderde mee met achtergrond |
Geschreven door Michaël, op 27-02-2008 13:47
Beste Bas
Die lijntjes zijn eigenlijk heel eenvoudig..
Je moet de Smudge-tool (druk op R) nemen in je toolpallet.
Daarna zorg je dat bij de instellingen van die smudge (staan in de balk bovenaan) dat je alle procenten op 100% zet..
Daarna moet het eenvoudig gaan..
Lukt het nog altijd niet? geef me dan eventjes je e-mailadres..
Zo kan ik je misschien makkelijker helpen! |
Geschreven door Bas, op 27-02-2008 08:45
help mij even..
ik heb PS 7.0
die lijntjes lukken mij niet
kunnen jullie het even stap voor stap uitleggen..? |
Geschreven door Michaël, op 22-01-2008 15:44
Uhm, normaal zou het inderdaad moeten gaan door je strenght op 100% te zetten mattijs, anders moet je het nog maar eens vragen.. |
Geschreven door mattijs, op 22-01-2008 12:04
Geschreven door Robiin, op 29-12-2007 20:26
Die smudge lukt mij niet..
Er komen geen kleurijke lijntjes..
Ik heb PS cs3
ik had dat ook volgens mij kan ik nu door strenght op 100% te doen
bovenaan brushsize en mode |
Geschreven door Michaël, op 20-01-2008 16:57
Thx levi |
Geschreven door Levi, op 20-01-2008 14:06
goeie tut! |
Geschreven door Michaël, op 04-01-2008 11:49
Beste Dylan, voor de vertalingen staat er op de site een tutorial.. Die staat bij basis als ik me niet vergis .
Je erasertool vind je gewoon in het toolmenu, het kan zijn dat je op een icoontje met je rechtermuisknop moet klikken om zo de erasertool te vinden.. |
Geschreven door dylan, op 04-01-2008 09:37
Stap 7 snap ik niet :s
waar kan ik die eraser tool vinden en wat is de vertaling ervan in het Nederlands ? |
Geschreven door Michaël, op 30-12-2007 13:05
Ikzelf heb PS CS2..
Normaal gezien zal het niet veel uitmaken verwacht ik want als je de instellingen gebruikt die ik aangeef zou het moeten lukken..
Beste, ik heb een drukke vakantie en daarvoor had ik een druk 'agenda' mede door de examens..
Ik zal proberen om zo snel mogelijk afbeeldingen bij deze tutorial te plaatsen waardoor alles toch wel wat duidelijker zou moeten worden.
Als jullie nog even kunnen wachten zal het wel duidelijker worden
Bij voorbaat dank |
Geschreven door Robiin, op 29-12-2007 19:26
Die smudge lukt mij niet..
Er komen geen kleurijke lijntjes..
Ik heb PS cs3 |
Geschreven door Michaël, op 29-12-2007 13:11
Beste BioShock, in je toolmenu(het menutjes waar je uit alle tools kan kiezen) Staan 2 kleuren, ze zijn voorgesteld door 2 vierkantjes die over elkaar geschoven zijn. Als je op 1 van de twee gaat staan kan je zien of het je voor- of achtergrond kleur is.. Je kan de kleur veranderen door op het vakje te klikken en die dan te wijzigen.
Hopelijk weet je hierdoor genoeg, anders moet je het nog maar eens zeggen. |
Geschreven door BioShock, op 29-12-2007 11:35
In Stap 6 wat bedoel je met
Zorg ervoor dat de voorgrond kleur op wit staat ! |
Geschreven door Michaël, op 15-12-2007 09:57
Ik heb je msn toegevoegd..
Vertel me dan maar wat je allemaal niet snapt ik leg het zo duidelijk mogelijk uit |
Geschreven door Ietus, op 14-12-2007 18:35
wat bedoel je met sprite? en duplicaten en gedoe, ik snap het gewoon niet
add mn msn ofzo?
red_hot_chili_peppers_14@hotmail.com |
|
Reacties (50)
