Share
Wat je gaat creërenDeze tutorial laat je zien hoe je een foto-realistisch beeld kunt maken van Apple's pas uitgekomen iPhone4. Hopelijk heb je aan het einde van het spel iets heel dichtbij het echte werk, wat voor de weinigen die de iPhone4 niet bezitten (zoals ik) misschien net zo dichtbij is als we ooit zullen krijgen. Voordat we aan de slag gaan, is het misschien een goed idee om een referentiebeeld van het web op te halen, zodat u weet waar alles naartoe gaat en hoe groot sommige functies zijn. Maar anders, geniet ervan!
Maak om te beginnen een nieuw document met een geschikte grootte (ik gebruikte een fotoformaat van 10 inch x 8 inch bij 300 dpi omdat het mooi past als een achtergrond van hoge kwaliteit).
Als u de achtergrond wilt maken, stelt u de voorgrondkleur in op # 505050 en gebruikt u vervolgens het verloopgereedschap en selecteert u de radiale instelling. Sleep vanuit het midden naar buiten om een zachte gloed in het midden van de afbeelding te krijgen.
Druk op (Cmd / Ctrl + R) om de linialen op te halen, sleep enkele hulplijnen van de linialen naar het midden van waar u wilt dat uw iPhone.
Op een nieuwe laag; noem het "zilveren kant", selecteer het gereedschap met de afgeronde rechthoek (U) en stel het in op paden. Zorg ervoor dat de straal 1 cm is en sleep vervolgens vanuit het midden van de richtlijnen, zorg ervoor dat u 'Alt' ingedrukt houdt wanneer u het sleept. Probeer een realistische vorm te krijgen (als je het niet zeker weet, trek dan een referentiebeeld van het web omhoog).
Klik met de rechtermuisknop en selecteer vulpaden. Vul het met # C9C9C9. Kies vervolgens Filters> Ruis> Ruis toevoegen. Kies iets rond 9,51 (net genoeg om het er realistischer uit te laten zien en de hardheid te verliezen) in de monochrome en uniforme setting. Druk twee keer op de knop 'Escape' om het pad te verwijderen. Teken de penseelstreken zoals weergegeven en ga vervolgens naar filters> Vervagen> Gaussiaanse vervaging> 2,8 pixels.
Maak een nieuwe laag en noem deze "hoofdtekst". 'Cmd / Ctrl - Klik op de laag' zilveren zijde 'en kies vervolgens' Selecteer> Wijzig> Contract> 10 pixels '.
Zet je achtergrondkleur op # 0A0A0A en vul de selectie vervolgens met 'Cmd / Ctrl + Backspace'. (Dit vult automatisch de selectie met de achtergrondkleur).
Maak een nieuwe laag en noem het "diepte": dit is slechts een lijn langs de binnenkant van het lichaam waar de iPhone ronddraait en het licht van de camera afbreekt. Om de regel 'Cmd / Ctrl - Klik op de laag' hoofdtekst 'te maken, ga dan naar' Bewerken> Lijn 'WIDTH - 10 pixels, KLEUR - # 000000, LOCATIE - Binnen.
Ga vervolgens naar 'Filters> Vervagen> Lensvervaging' en pas de onderstaande instellingen toe. Zorg ervoor dat deze laag altijd bovenop alle andere lagen staat.
Maak een nieuwe laag onderaan met de naam 'Scherm'. Selecteer het rechthoek selectiekader (M) en teken vervolgens vanuit het midden van de richtlijnen, houd de 'Alt' vast zodra u begint te slepen om de rechthoek uit het midden uit te breiden. Maak de rechthoek een mooie vorm voor het scherm met ruimte voor de menuknop, luidspreker en camera. Als u tevreden bent met de vorm van uw scherm, vult u deze in met elke gewenste kleur en maakt u vervolgens een nieuwe laag boven de laag 'Scherm'. maak je geen zorgen over de naamgeving.
Als u tevreden bent met de vorm van uw scherm; kies in je nieuwe laag 'Bestand> Plaats' en kies een foto naar keuze (ik heb mijn hond gekozen - is het niet schattig!) Verander vervolgens de afbeelding, verplaats of roteer de afbeelding of doe wat je wilt om het te laten lijken goed. Zorg ervoor dat de afbeelding zich op het scherm bevindt als u klaar bent, dan kunt u de laag "Screen Pic" hernoemen. Druk nu op 'Alt - Click' tussen de laag 'Scherm' en 'Schermfoto' om er een kniplaag van te maken. Dit betekent dat het wordt doorgesneden naar de onderliggende laag en u kunt de onderstaande afbeelding gemakkelijk bewerken of wijzigen.
Nu beginnen we met de menuknop. Maak een nieuwe laag en noem het "Menuknop", maak de dekking 60%. Breng een andere richtlijn naar beneden tot waar de knop zal staan en gebruik dan het hulpmiddel Ellips uit het midden van de richtlijnen met 'Alt'. Wanneer u de gewenste grootte hebt, vult u deze met wit en opent u het menu met laageffecten door te dubbelklikken op de laag en vervolgens de optie Overlay met verloop met #AEAEAE tot # 000000 te gebruiken, zoals hieronder wordt weergegeven. Verwijder het pad.
Maak een nieuwe laag en noem het "menupictogram", gebruik het afgeronde rechthoekgereedschap (U) met een straal van 10 pixels en trek het vierkant uit het midden, voordat we er een streek aan toevoegen, maak je je voorgrondkleur # 979797, selecteer vervolgens het penseel (B) en maak de borstel 3 pixels breed en 90% hardheid. Ga vervolgens terug naar het gereedschap met de afgeronde rechthoek en klik vervolgens met de rechtermuisknop op> Berekeningspad> Penseel> OK.
Om de luidspreker te creëren, verplaatst u een horizontale hulplijn naar boven het scherm, zowel de luidspreker als de camera worden gecentreerd langs deze lijn. Maak een nieuwe laag met de naam "Speaker" en gebruik vervolgens de afgeronde rechthoek (U) om de luidsprekergrill te maken. Stel de straal in op 1 cm om een afgeronde rand te maken en trek vervolgens de vorm naar het formaat dat in de onderstaande afbeeldingen wordt getoond. Met hetzelfde hulpmiddel, klik met de rechtermuisknop, kies 'Vul pad' en vul het met zwart. Bekijk vervolgens de layer-effecten en kies 'Pattern Overlay' en 'Outer Glow' en gebruik de getoonde instellingen.
Nu zullen we de reflectie maken die ik eerder noemde. Dus maak een nieuwe laag met de naam "Reflectie" onder de laag "Luidspreker". 'Cmd / Ctrl - Klik op de laag' Hoofdgedeelte 'en selecteer vervolgens het gereedschap Veelhoeklasso (L), selecteer de kruisende modus en maak vervolgens een driehoek aan de rechterkant van de iPhone, zoals weergegeven. Vul het met wit. Breng vervolgens de laagdekking naar 55%.
Selecteer het rechthoekige selectiekader (M) en stel de veer in op 150 pixels. Selecteer het onderste derde deel van de reflectie en druk een paar keer op de Delete-toets totdat je het topje van de reflectie niet meer kunt zien.
Nu kunnen we beginnen met de camera, een richtlijn trekken naar waar je het midden van de camera wilt hebben, een nieuwe laag maken met de naam "camera". Selecteer het Ellips-gereedschap (U) en maak drie kleine cirkels in elkaar vanuit het midden van de richtlijnen. Vul de buitenring met # 424242, middelste ring # 080809 en de middelste ring # 080F2B.
Ga nu naar het menu met lageneffecten en gebruik de instellingen voor schuine rand en reliëf hieronder om de camera er beter uit te laten zien in de iPhone. Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen> 0.9pixels.
Nu we de camera hebben voltooid, kunnen we eindelijk de laatste hand leggen aan het frontzicht van de iPhone; eerst zullen we de zijknoppen doen. Maak drie nieuwe lagen onder de laag "Zilveren zijde" (noem ze Knop 1, 2 en 3.) Teken drie paden met het afgeronde rechthoekgereedschap (U) met een straal van 1 pixel langs de linkerkant van de iPhone. We doen de twee volumeknoppen en de mute-schuifregelaar en je kunt zien waar ze naartoe gaan in de onderstaande afbeelding. Nadat u ze hebt getekend, vult u de paden wit, een voor een op elke laag. Pas vervolgens de onderstaande instellingen toe in het menu met lageneffecten. Wanneer je deze op elke laag hebt toegepast, ga je naar Filter> Vervagen> Gaussiaans vervagen> 1.
Maak een nieuwe laag en noem deze "bovenste knop". Maak een ander pad met het afgeronde rechthoekgereedschap (U) in de rechterbovenhoek van de iPhone. Vul het met wit en voeg de onderstaande instellingen toe.
Mogelijk moet u het verloop verplaatsen naar de juiste plaats met behulp van het verplaatsgereedschap (V) en het langs het scherm slepen. Druk op Cmd / Ctrl + F om het laatste filtereffect te herhalen (in dit geval Gaussiaans vervagen).
Voordat we verdergaan, stel ik voor om de lagen die je tot nu toe hebt gebruikt te groeperen in laaggroepen, als je dit nog niet hebt gedaan door op het mappictogram in de lagenbalk te drukken.
Nu is de behuizing van de iPhone niet meer in staat om een stap verder te gaan met de interface voordat we naar de achter- en zijaanzichten van de iPhone gaan. Maak om te beginnen een nieuwe laaggroep en noem deze "interface", Cmd / Ctrl - Klik op de laag "Scherm" en druk vervolgens op de knop "Laagmasker toevoegen". Hierdoor wordt alles in de groep bijgesneden naar het scherm.
Maak een nieuwe laag en selecteer het rechthoekige selectiekader (M) en selecteer een gebied in het onderste deel van het scherm zoals getoond en vul het met wit.
Pas de onderstaande instellingen toe. Ga vervolgens naar Laag> Laagstijl> Laagstijl kopiëren.
Sleep twee hulplijnen naar het midden van het vak en maak vervolgens een nieuwe laag met de naam 'Cameraknop'. Gebruik het gereedschap 'Afgeronde rechthoek' (U) met een straal van 1 cm om de knop te maken. Druk op Cmd / Ctrl + Enter om het pad in een selectie te veranderen en vul de selectie vervolgens. Ga naar Laag> Laagstijl> Laagstijl plakken. (Hiermee plak je dezelfde instelling voor laageffecten van de gekopieerde laag op deze laag).
Voeg de instellingen voor schuine rand en reliëf toe zoals hieronder wordt getoond.
Nu gaan we het camerapictogram voor de knop maken, een nieuwe laag maken en dit 'Camerapictogram' noemen. Gebruik het gereedschap Afgeronde rechthoek (U) met een straal van 20 pixels, teken een grootschalige camera en gebruik het gereedschap voor selectie van het directe pad om de bovenste hoeken van de bovenste doos naar elkaar toe te verplaatsen. Druk op Cmd / Ctrl + T om het pictogram te transformeren; pas het formaat aan zodat het past binnen de cameraknop. Selecteer het gereedschap Afgeronde rechthoek (U) en klik met de rechtermuisknop op het pad, klik op pad vullen en vul het met # 424242.
Maak een nieuwe laag met de naam "schuifregelaar" en gebruik het gereedschap met afgeronde rechthoeken (U) voor het vak in de rechterbenedenhoek van het scherm. Teken met dezelfde straal een kader waarvan de bovenkant de richtlijn raakt zoals hieronder wordt getoond. Vul het met wit en pas deze laageffecten toe.
Maak een nieuwe laag met de naam schuifregelaar en gebruik opnieuw de afgeronde rechthoek tool (U) maak een kleine schuif in de schuifkast, zet deze aan de linkerkant. Druk op Cmd / Ctrl + Enter en vervolgens op Cmd / Ctrl + Backspace om er een selectie van te maken en vul deze aan met je achtergrondkleur. Ga naar Laag> Laagstijl> Laagstijl kopiëren.
Ga naar de laag 'Camerapictogram' en druk op Cmd / Ctrl + J om de camerapictogramlaag te dupliceren, druk op Cmd / Ctrl + T om het te transformeren, kleiner te maken en boven de schuifregelaar te verplaatsen. Teken vervolgens een filmcamerapictogram met de afgeronde rechthoek (U) en het gereedschap Pen (P), transformeer het en verplaats het over de schuifregelaar.
Importeer een andere afbeelding door naar Bestand> Plaatsen te gaan en uw afbeelding te selecteren. Druk op Cmd / Ctrl + T en verkleinen van de afbeelding, zodat deze strak in de linkerbenedenhoek past.
Gebruik vervolgens het afgeronde rechthoekgereedschap (U) met een straal van 10 pixels om een kader over de afbeelding te maken. Druk op Cmd / Ctrl + Enter om een selectie te maken en druk vervolgens op het pictogram 'laagmasker toevoegen' in de lagenbalk. Hiermee wordt de afbeelding bijgesneden tot de selectie.
Nu gaan we naar de zoombalk! Gebruik op een nieuwe laag met de naam "Zoombalk" het gereedschap met afgeronde rechthoeken (U) met een straal van 30 pixels en teken een dunne balk langs de onderkant van het scherm. Verander vervolgens het gereedschap om af te trekken en een andere balk te tekenen in de vorige balk. Gebruik het padselectiehulpprogramma (A), selecteer en klik met de rechtermuisknop op het buitenste pad, kies vul subpad en vul het met #EAEAEA.
Gebruik opnieuw het gereedschap voor padselectie (A) en selecteer het middenpad. Wijzig de instellingen van aftrekken om toe te voegen en vul het pad met Zwart. Druk op 5 op je toetsenbord om de dekking op 50% te verkleinen.
Maak een nieuwe laag en teken een cirkelvormige schuifregelaar met het ellipsgereedschap (U), vul deze met wit en druk vervolgens op 9 om de dekking op 90% te zetten.
Selecteer de teksttool (T) en plaats een Black + en - symbool aan weerszijden van de zoombalk, het lettertype is Veranda en maat 8 voor het - teken en maat 6 voor het plusteken. Zet de dekking op 50%.
Nu gaan we naar het flash-display. Gebruik het afgeronde rechthoekgereedschap (U) met een straal van 1 cm om de rechthoek in de linkerbovenhoek te tekenen, vul deze met wit en breng de dekking op 50%. Gebruik het Veranda-lettertype in zwart en formaat 12 om het woord 'Uit' te schrijven en plaats vervolgens de dekking weer op 50%. Teken met het gereedschap Pen (P) een bliksemsymbool en vul het met # 000000. Zet de dekking op 50%.
Nu zijn we helemaal klaar met het hoofdaanzicht van de iPhone (klop jezelf op je rug als je dat wilt) en als je verder wilt gaan, volg dan gewoon de tutorial terwijl we naar de achterkant van de iPhone en vervolgens naar de zijkant gaan. Voordat we beginnen, plaatst u gewoon de iPhone aan de voorzijde in een grote map.
Deze stap zal gemakkelijker zijn voor degenen die je lagen in mappen hebben georganiseerd, ik heb al mijn knooplagen en lichaamslagen in één map gestopt die ik gewoon kan kopiëren en naar de achterkant van mijn iPhone kan bladeren. Anders, Cmd / Ctrl + klik op de "Hoofdtekst", "zilveren kant", "dempen schuif", "Top knop", "Reflectie", "diepte" en de volumeknop lagen, Klik met de rechtermuisknop en druk op dubbele laag, druk op OK en plaats de lagen vervolgens in een nieuwe map met de naam "iPhone terug.
Selecteer de map "Back iPhone" en gebruik vervolgens het verplaatsgereedschap (V) om de iPhone achterin naast de iPhone aan de voorkant te verplaatsen. Open de map en selecteer elke laag met uitzondering van de "reflectielaag", kies vervolgens Bewerken> Transformeren> Horizontaal spiegelen.
Nu gaan we naar de camera aan de achterkant. Maak een "cameraring" -laag, breng twee hulplijnen naar waar je je camera wilt hebben en gebruik dan het elliptische selectiekader (M), houd ALLEEN Alt + Shift ingedrukt wanneer je vanuit het midden van de richtlijnen bent begonnen te slepen. Kies vervolgens Bewerken> Lijn> 4 pixels> OK. Breng vervolgens de verloopinstellingen hieronder aan.
Maak een nieuwe laag met de naam "grijstinten" en maak een nieuwe cirkel met het elliptische selectiekader (M) in de cameraring en vul deze met # 282828. Kies Filters> Ruis> ruis toevoegen en kies 16.57. Kies vervolgens Filters> Vervagen> Gaussiaans vervagen> 2,2 pixels. Voeg deze laageffecten toe. Zet de laagdekking op 50%.
Maak een nieuwe laag met de naam "grijze ondertapijt" en onder de "grijze" laag gebruik je het elliptische selectiekader (M) en maak een nieuwe cirkel eronder, vul deze en voeg de onderstaande laageffecten toe.
Teken ten slotte nog een cirkel voor de lens en vul deze met # 013274 en breng vervolgens deze effecten aan.
Maak een nieuwe laag onder de laag 'reflectiekopie' en noem het 'apple-logo'. Krijg een afbeelding van het Apple-logo en volg het of teken het gewoon uit het geheugen met de pen (P) en vul het met #CECDCB.
Gebruik voor de flitser gewoon het elliptische selectiekader (M) en vul het met wit op een nieuwe laag, gebruik de richtlijnen om het in lijn te houden met de camera. Ga vervolgens naar de laageffecten en pas de patroonoverlay hieronder toe.
Selecteer de teksttool (T) met het Tahoma-lettertype, grootte 14 en schrijf de iPhone naar de bodem. Gebruik dan hetzelfde lettertype maar bij maat 3.7 voor de productcode en informatie onder de merknaam. De kleur is # 545453.
Begin met het tekenen van de veiligheids- en kwaliteitssymbolen met het gereedschap Pen (P), heb plezier en maak er zelf een of hou de originelen bij zoals ik dat hieronder heb gedaan. Houd opnieuw de kleur # 545453.
Nu de Back is voltooid, kunnen we eindelijk met de zijkant afronden. Maak een nieuwe laaggroep met de naam "side iPhone" en maak in die groep een laag met de naam "side blk." Ik heb een aantal richtlijnen gesleept om de basis van mijn zij-iPhone te schetsen. Teken een vak met het afgeronde rechthoekgereedschap (U) met een straal van 10 pixels. Vul het en open vervolgens de laagstijlen en pas deze instellingen toe.
Nu met dezelfde tool (U) op een nieuwe laag genaamd "Silver" teken een dunner maar langer kader dan de "Side Blk." De lengte zou moeten betekenen dat deze slechts net uitsteekt boven de rand van de andere doos. Voeg vervolgens het verloop eronder toe.
Van links naar rechts gaat dit verloop: # 202020, # 919191, # 2E2E2E, # 737373, #ADADAD, #BCBCBC, # 616161, #EDEDED, # 303030.
Maak een nieuwe laag met de naam "Refraction" en dan Cmd / Ctrl - Klik op de "Silver" -laag en gebruik de veelhoekige lasso-tool (L) om twee gebieden aan de zijkanten van de iPhone te selecteren, zoals hieronder weergegeven. Vul het met wit en verplaats de dekking naar 40%.
Maak een nieuwe laag met de naam "volumeknopen" en gebruik het elliptische pad (P) om twee cirkels ter grootte van de volumeknop te maken, vul deze en pas de onderstaande instellingen toe. Ik heb richtlijnen gebruikt om ervoor te zorgen dat ze in lijn zijn met mijn zijaanzichten van de iPhone-weergave.
Gebruik de teksttool (T) en typ een plus- en een minus in de knoppen, gebruik het Tahoma-lettertype op grootte 14. Maak het minteken breder door de breedte te vergroten tot 160%. Ga naar Laag> Rasteren> type (doe dit voor beide tekstlagen). Vervolgens Cmd / Ctrl - Klik op de plus- en min-lagen en ga vervolgens verder naar de laag met de "volume-knoppen" en druk op delete.
Gebruik voor de laatste stap het afgeronde rechthoekgereedschap (U) met een straal van 8 pixels en teken een rechthoek op een nieuwe laag met de naam "Schuifknop Terug". Vul deze met # b7b7b7 en voeg de onderstaande innerlijke schaduw toe.
Maak een nieuwe laag met de naam "schuifregelaar" en teken nog een vak met het afgeronde rechthoekgereedschap (U) in het vorige vak, alleen deze keer met een straal van 7 pixels. Pas deze instellingen dan toe.
Om het af te maken, selecteer je het penseel (B) bij maat 13 en hardheid 50% met de kleur # 1E1E1E, Cmd / Ctrl - Klik op de "zilveren" laag en trek onderaan aan de rand van het penseel door Shift ingedrukt te houden. Zorg ervoor dat het in lijn is met de andere lijnen vanaf het achter- en vooraanzicht. (Gebruik een richtlijn als je wilt.)
Je hebt nu je iPhone 4 voltooid. Ik hoop echt dat je deze tutorial leuk vond en tevreden bent met wat je hebt bereikt. Hopelijk heb je iets nieuws geleerd en een prettige ervaring gehad.
Accentsconagua