[Centraal] Photoshop - Vragen, tips, tuts, problemen #11

In het eerste deel hebben we de kabels gehad, dat was het makkelijkste en snelste gedeelte.
Het volgende gedeelte is het scherm en bestaat uit verschillende onderdelen.
Maar first things first en dat is het scherm.

Om te beginnen maken we een nieuwe layer.
Neem nu de Rectangle Marquee Tool of toets M.
Maak nu een rechthoek van 185x120 pixels. Je kunt dit aflezen in je Info-schermpje (toets F8).
Selecteer nu je Brushtool en neem een harde brush met een pixelgrootte van 36 met de kleur # d9d9d9.
Blijf binnen de lijnen van je geselecteerde rechthoek. Begin in een hoek, houd de SHIFT ingetoets en klik in een andere hoek. Ga met de klok mee, uiteindelijk houd je in het midden een stuk open, maar dat kun je opvullen met de rest van je brush.

Uiteindelijk ziet het er zo uit...


Niet echt super voor een beeldscherm, maar de vorm heeft het al. Nu nog alleen fine tunen.
Voor het onderste gedeelte pakken we een Brush van 63 pixels en klikken onder in de linkerkant, zodat maar een gedeelte van de brush overblijft.

Op deze manier dus, en doe dat ook aan de andere kant...


Nu nemen we de Elleptical Marquee Tool om de "tandjes" er in te maken.
Zorg dat je Elleptical Marquee Tool met als instelling bij Style de Fixed Size is ingesteld.
De pixelgrootte is 5x5. Ga nu aan de onderste ronde gedeelte en ga de rand na met je Elleptical Marquee Tool en druk op delete.

Als je het goed doet, ziet het er uiteindelijk zo uit...


Nu we dit hebben, gaan we ons scherm HighLights geven, en dat doen we met behup van de Layer Style.
Als eerste nemen we de Stroke, daar zetten we de pixels van op 1 en de kleur is # ddddda
Nu klikken we Gradient Overlay aan.
De instellingen voor deze Layer Style ---- Gradient Overlay is:

Zorg dat je Gradient van # b8b8b8 naar # f2f1ec verloopt.
Dit doe je door 2x achter elkaar op de linker muistoets te klikken op de Gradient zelf.
Nu zie je een Editor schermpje en onder de Gradient een blokje, klik op dit blokje zodat je helemaal onderaan de Color: kunt veranderen.

Maak nu een nieuwe layer met de Rectangle Marquee Tool met een grootte van 164x98 pixels, vul deze met zwart.
Plaats deze ongeveer in het midden van het scherm. Dit zwarte moet ons beeldbuis voorstellen.
Zo ziet het er dan uit...

Het scherm hebben we al, nu moeten de toeters en bellen er op. En dat betekent dat we weer een nieuwe layer gaan maken.

TIP: Benoem je layers ALTIJD, zeker als je met veel layers werkt zoals dit voorbeeld.
In vorige Tuts van mij, heb je ook kunnen zien dat ik de layers altijd benoem. Benoem ze zo, dat je weet wat wat is.

Nu de toeters en bellen...
Stap 1:
Maak een nieuwe layer...
Selecteer nu je Rectangle Marquee Tool met de grootte van 11x76.
Selecteer nu je Gradient Tool of toets G.
De instellingen van je Gradient Tool...

Begin iets aan de linker van je selectie en houd de Shift ingedrukt en trek een lijntje van links naar rechts, iets buiten de selectie.
Het komt er dan ongeveer zo uit te zien...

Het lukt niet in een keer, om precies hetzelfde resultaat te verkrijgen, maar met Levels kun je tot het resultaat komen.

Maak nu met de Rectangle Marquee tool een selectie van 15x10 pixels
En begin weer bij Stap 1.

Maak van je resultaat nog 3 koppieën en plaats ze onder elkaar.
Vanaf je bovenste Layer (je laatste kopie) druk je nu CTRL + E, dit doe je 3x, omdat je 3 koppiën had gemaakt. Dit zorgt er voor dat de koppiën in 1 layer komen.
Nu ziet het er zo uit.

Van de bovenste Layer maken we nu een Layer Style met Drop Shadow...
Instellingen zijn:
Angle: 149 graden
Distance: 4 pixels
Spread: 0%
Size: 3 pixels
Uiteindelijk ziet het er zo uit:

Druk nu weer op CTRL + E om bovenste in 1 Layer te verkrijgen.
Maak van deze Layer een kopie en plaats deze met de Move Tool aan de andere zijde van ons scherm.

Het resultaat met de kabels van het eerste deel van deze TuT:

Voor de afwerking leg ik in het laatste deel van deze Tut uit.

De afwerking duurt meestal het langst, maar goed als je iets doet doe het dan goed.
Bij de vorige twee delen van deze Tut. zijn we aangekomen to het volgende resultaat:

Onderaan het scherm missen we nog het shaduw van de kabels en de knoppen.

Als eerste om de Schaduw te krijgen, pak de Rectangle Marquee Tool en selecteer het ronde gedeelte alsof je dat van het scherm wilt knippen.
Op deze manier:

Neem nu een zwarte harde Brush van ongeveer 60 Pixels en klik in het ronde gedeelte over de selectie.
Op deze manier:

Nu maken we een nieuwe layer voor de knop.
Vervolgens maken we weer met de Rectangle Marquee Tool een rechthoek van ongeveer 61x13 pixels.
Deze vullen we met een licht grijze kleur.
Deze layer zetten we weer in een Layer Style om diepte te krijgen.
De settings voor Gradient Overlay zijn:
De Gradient loopt van kleur # fbfbfb naar # d7d7d7

De settings voor Shadow Drop zijn:

Vervolgens maken we op deze manier een kleinere knop die op het midden wordt geplaatst.
Zo doende kan men voor de boven kant ook de 2 knoppen maken.

De antenne is ook simpel, maak met de Rectangle Marquee Tool een rechthoek van ongeveer 19x60 pixels. Vul deze op met een middel grijze kleur. Ga nu weer naar Layer Style en selecteer de Inner Glow.
De settings zijn als volgt:

Nu klik je een layer onder je huidige layer en maak je een nieuwe layer. Klik op de bovenste layer en toets CTRL + E zodat je Layer Style één geheel wordt.
Met de Rectangle Marquee Tool delete je de ronding zodat je het volgende overhoud.

Maak hier een kopie van en verklein deze alleen in de Breedte met 50%, vervolgens draai je deze in een hoek van 38 graden. Gebruik hier voor de Free Transform tool voor of toets CTRL+T.
Klik nu een layer er onder om je eerste balkje ook 38 graden te draaien.

Als je alles goed hebt gedaan, ziet het er zo uit:

Nu nog het bolletje om de antenne af te werken.

Maak een nieuwe layer, selecteer de Brush tool en neem een Hard round 20 pixel brush.
Zorg dat de voorgrond kleur # cecece is.
DIt maal pakken we weer de Layer Style alleen nu selecteren we de inner shadow.
De settings zijn:

Klik nu een layer lager, maak een nieuwe layer, klik weer de layer er boven en toets Ctrl + E.
Zo maak je je layer weer één geheel.
Verklein je brush naar 7 pixels en neem een Soft brush en klik 3 keer. Nu heb je een mooie highlight op je bolletje.
Dit alles ziet er nu zo uit:

Sleep je antenne onder je layer waar je je scherm-layer hebt staan.
De antenne is zo ver klaar, tot de afwerking.

Om alle stappen na te gaan zijn we to dit resultaat gekomen:

Wat over blijft zijn nog buttons, het scherm en de buizen boven in het scherm.
De buttons leg ik niet uit, dat zijn echt kleine dingen die je zelf ook wel kunt verzinnen.
4x maar een kleine witte brush met als glow zwart, boven en onder 2 blauwe driehoekjes met een kleine emboss erin.
Om de kabels te maken is het principe van de zijkanten van het scherm, is al uitgelegd in deel1.
Nu gebuik je weer de Pen Tool om de bochten te maken en daarover heen weer rechthoekjes volgend door de rondingen.

Daarna maak je een layer met daarin een rechthoek die iets kleiner is dan de zwarte rechthoek in het scherm.
Deze maak je blauw met een drop shadow en een innner shadow[b] en als laatste zou je er nog een [b]pattern overlay in kunnen doen.

Als laatste komt de tekst en de kleine afwerkingen zoals highlights.
En het resultaat wisten we al:


Photoshop on!

_{Het laatste gedeelte van de tut er door heen gejakkerd, werd me even langdradig en begon me te lang te duren.}

Meer dan 5 uur over de hele tut gedaan incl. screenshots en tekst, waar ben ik mee bezig...

Echt nice man, die ga ik ook even proberen, wanneer ik de moed bij elkaar geschraapt heb en tegen mezelf durf te zeggen dat ik het kan.

Erg nice

Puikende tut, ga 'm deze week doen!

Die kabels vind ilk toch niet mooi.
de rest wel hoor !

Techno is absoluut mijn stijl niet, ik vind het spuuglelijk, maar ik doe het je niet na (zonder tutorial) hoor, DM. Niet teveel letten op wat die noepjes zeggen over dat je niets zelf kan maken heur.

quote:

Op maandag 30 juli 2007 12:23 schreef NiteSpeed het volgende:
Techno is absoluut mijn stijl niet, ik vind het spuuglelijk, maar ik doe het je niet na (zonder tutorial) hoor, DM. Niet teveel letten op wat die noepjes zeggen over dat je niets zelf kan maken heur.

Sterker nog, dat techno-style vind ik zelf ook geen reet aan. Het enige waarom ik het wel in elkaar flans, is dat ik er rekening mee moet houden, dat ik daar een opdracht voor krijg. Plus je leert erook weer veel van, technieken die je gebruikt, kun je weer in andere stijlen toepassen.

Photoshop is voor mij het eerste programma dat ik installeer, kan niet zonder.

@ onderste regel: Amen.

quote:

Op maandag 30 juli 2007 10:32 schreef eer-ik het volgende:

[..]

voor een t-shirt o.i.d. zou je het t-shirt zelf kunnen selecteren, vrijstaand maken, op een nieuwe layer zetten, en dan met de hue/saturisation kunnen spelen.
Of je kunt replace color funtcie gebruiken.

wwaar staan die dingen? Ik heb btw. de NED versie...

Binnenkort weer eens tijd voor een tutje, anders blijft dit topic zo eng op non-actief
Misschien een requestje?
Was eerst aan het denken om glazige buttons te doen, maar daar zijn te veel tuts voor.

Oke, als iemand een leuke tut weet die hij/zij zou willen, ik ben wel bereid om er eentje voor je te maken hier.

quote:

Op woensdag 1 augustus 2007 02:07 schreef DarkManta het volgende:
Binnenkort weer eens tijd voor een tutje, anders blijft dit topic zo eng op non-actief
Misschien een requestje?
Was eerst aan het denken om glazige buttons te doen, maar daar zijn te veel tuts voor.

Oke, als iemand een leuke tut weet die hij/zij zou willen, ik ben wel bereid om er eentje voor je te maken hier.

Pixel Art ?

quote:

Op woensdag 1 augustus 2007 02:09 schreef Ravii het volgende:

[..]

Pixel Art ?

Pixel Art is inderdaad , denk niet dat daar veel potentie voor is.
En trouwens voor pixel art heb je toch geen tut voor nodig, open paint en begin maar te pixelen...

Pixelart is nog lastiger dan je denkt, maar het is in ieder geval geen Photoshop materiaal .

quote:

Op woensdag 1 augustus 2007 02:32 schreef NiteSpeed het volgende:
Pixelart is nog lastiger dan je denkt, maar het is in ieder geval geen Photoshop materiaal .

de uitgebreide plaatjes (denk aan steden met mensen overal) zijn idd best lastig heb wel eens een auto gemaakt, daar was ik nog retelang mee bezig

Biohazard teken is wellicht wel goed voor een tut...

misschien is een tut over de mogelijkheden van de displacement maps wel leuk?

quote:

Op woensdag 1 augustus 2007 12:31 schreef Kamermans het volgende:
misschien is een tut over de mogelijkheden van de displacement maps wel leuk?

In de vorige delen van dit topic heb ik daar 2 maal aandacht aan besteed. 1x over hoe je iemand een standbeeld veranderd, en de laatste keer, een jongen met alleen de matrix letters over zich heen ( maar dan in het paar ipv groen) zodat het net 3d leek.

Misschien eens iets anders met displacement maps dan de vorige 2, wel een leuk idee.
Effe over nadenken, misschien een koe, met een tijgerhuidje ofzo.

[ Bericht 12% gewijzigd door DarkManta op 01-08-2007 17:35:20 ]

quote:

Op woensdag 1 augustus 2007 09:51 schreef Blue Thunder het volgende:
Biohazard teken is wellicht wel goed voor een tut...

Jah, heel leuk idee... Niet te patsend, maar wel leuk o.a. hoe je "anders" naar een foto of object kunt kijken. Plus, niet al te moeilijk en ook voor beginners leuk zodat ze meteen resultaat zien.

Effe voorbereiden...

quote:

Op woensdag 1 augustus 2007 17:24 schreef DarkManta het volgende:
Misschien eens iets anders met displacement maps dan de vorige 2, wel een leuk idee.
Effe over nadenken, misschien een koe, met een tijgerhuidje ofzo.

Dat is dan ook meteen de enige functie waar ik zelf displacement maps voor gebruik. Om iemand of iets een texture te geven. Ik zou niet eens een andere functie kunnen verzinnen.

quote:

Op woensdag 1 augustus 2007 17:40 schreef NiteSpeed het volgende:

[..]

Dat is dan ook meteen de enige functie waar ik zelf displacement maps voor gebruik. Om iemand of iets een texture te geven. Ik zou niet eens een andere functie kunnen verzinnen.

ik heb gebruikt gemaakt van displacement maps in onderandere:

quote:

Op woensdag 1 augustus 2007 17:40 schreef NiteSpeed het volgende:

[..]

Dat is dan ook meteen de enige functie waar ik zelf displacement maps voor gebruik. Om iemand of iets een texture te geven. Ik zou niet eens een andere functie kunnen verzinnen.

Nou, geloof me er zijn nog 1001 andere mogelijkheden... Probeer er maar eens wire-fractals van te maken...

Die eerste foto is mooi .

Darkmanta, weet je zo ongeveer waar je die tut hebt staan om van iemand een standbeeld te maken? Overigens zou ik ook wel een tut willen zien waarin je een koe een tijgervelletje geeft.

Displacement maps heb ik weinig tot geen ervaring mee dus het zou wel leuk zijn

Wie kent `m niet? Het Biohazard-teken in 4 levels. Level 4 is het ergste en waarschuwt ons voor o.a. chemisch afval of voor monsters van ernstige virussen. Bij een level 4 Biohazard, zijn chemische douches, luchtdichte ruiimtes en weet ik wat allemaal van beveilingingen verplicht.

Als we naar het teken kijken zijn een soort van tribal teken in een geel drie hoekig bord.
Nemen we er de tijd voor, dan we alleen nog het zwarte tribal-achtige teken.

Kijken we er nog langer naar, dan zijn we cirkels in met uitgeknipte cirkels en streepjes.

TIP:Op deze manier naar foto`s kijken, maakt photoshoppen ook een stuk makkelijker!

Laten we beginnen...
1. Open een document van ongeveer 400x371 pixels
2. Neem een hardbrush met 214 pixels en klik met deze brush ongeveer in het midden.

Nu je een cirkel hebt, gaan we in die cirkel een cirkel wegknippen en dat doen we met de Elliptical Marquee Tool of toets M.
Zorg ervoor dat je instellingen voor je Elliptical Marquee Tool op Style: Fixed Size staan en de Width en Height op 165 pixels staan.
Druk op je linkermuistoets zodat je een cirkel krijgt en plaats deze in het midden over ons gemaakte cirkel.
Druk op Delete.

Maak nu een volgende Layer...
Selecteer weer je Elliptical Marquee Tool, je instellingen zijn nu b]Style: Fixed Size[/b] en de b]Width[/b] op 241 pixels en de Height op 210pixels.
Klik op je rechtermuisknop op je layer in de Layers-menu waar de naam van de layer staat.

Selecteer duplicate layer en klik op OK.
De 2 cirkels naast elkaar draaien we 126 graden, de linker -126 en de rechter 126 graden.
Dit doen we door op CTRL + T te druken en bij de instellingen van de graden, de hoeveelheid in te stellen.


Verplaats nu met je Move Toolde 3 cirkels, 2 cirkels naast elkaar, 1 cirkel er boven op.
Op deze manier dus

Selecteer nu de bovenste Layer en druk CTRL + E, doe dit 2 maal.
Dit zorgt ervoor dat je 3 cirkels nu in één layer staan.

Nu selecteren we weer de Elliptical Marquee Tool, je instellingen zijn nu b]Style: Fixed Size[/b] en de b]Width[/b] op 170 pixels en de Height op 165 pixels.
Probeer de 3 cirkels nog steeds als 3 aparte cirkels te zien, en maak met je Elliptical Marquee Tool een cirkel.
Plaats deze rechts onder zodat ie net over de buitenlijn valt.
Op deze manier dus...

Doet dit ook voor de linksonder de cirkel.
Voor de bovenste cirkel, houd je de Elliptical Marquee Tool iets binnen de lijn.

Als je het goed hebt gedaan, ziet dat er ongeveer zo uit...


Nu missen we alleen nog in het midden een uitgesneden cirkel en een paar streepjes...
Aan jullie de taak om die verder af te maken in het mom dat je het zelf ok leert.
Met de handgrepen die ik nu heb gegeven mag dat geen enkel probleem zijn.

Uiteindelijk heb je als resultaat:




Photoshop on!