de præsenterer deres web - mockups tilsat 3d flair

præsenterer deres web - mockups tilsat 3d flair,,,,,,, i denne lektion, jeg vil vise dig, hvordan du skal tage din flade design (som i to dimensioner, ikke, flade, som i den nuværende udformning tendens) og tilføje nogle liv ved at håne det op på en 3d - fly i perspektiv.formålet med dette er at præsentere dit design i en mere dynamisk måde, give det større dybde og visuelle tiltrækningskraft.det kan være en meget effektiv måde at præsentere billeder til klienter,.,,, der er to måder at opnå denne virkning, f.eks. ved hjælp af photoshop eget 3d værktøjer og skabe 3d - lag.jeg er imidlertid mere behageligt ved hjælp af passende 3d - software, som f.eks. 3ds max, som det giver meget mere kontrol med kameraet, så du skal rotere rundt omkring i 3d - fly med en større kontrol med lys og skygge.i første omgang kan se mere kompliceret, men når du har gjort det her, når du vil senere kunne håne jeres arbejde i et par minutter.,,, hvis du er ny i 3d, vi har et væld af tutorials til at få dig i gang... de principper, der er vist her, vil du kunne anvendelsen agnostiker. for at anvende dem til en 3d - software derude.for at følge med, skal du finde rundt i photoshop, og som har mindst åbnet en 3d - redskab program før. men, for denne forelæsning vil jeg håner op i udformningen af vores seneste app anmodede triplagent, som synes at være breder sig som en steppebrand, på de interwebs.du kan se hele design på min behance portefølje.,, 1.at skabe 3d - fly, trin 1, åben din 3d - ansøgning.jeg bruger 3ds max 2012, men som nævnt før, du kan bruge noget 3d værktøj.,,,, trin 2, bruger jeg vray som det vigtigste, at motor, fordi den er realistisk lys og skygger.sørg for at vende om, indirekte belysning, men man kunne også anvende max 's misligholdelse renderer og opnå tilsvarende resultater.,,,,, at anvende lignende miljøer, som de i screenshots.,,,, trin 3, nu er det tid til at skabe baggrund.gå på, skabe > under standard, primitive vælge vrayplane,.et fly vil fremstå som i skærmbillede nedenfor.bare få det til side, det betyder ikke noget, hvor.,,, vrayplane er baggrunden for din scene.,, trin 4, okay, lad os skabe den faktiske fly, hvor dit design vil sidde.igen, så at skabe > standard primitive > kasse.under "parametre", træder de dimensioner, som anført nedenfor (dette er screensize for en iphone. 5.,,, det er klart, at man kan komme alle dimensioner i så lang tid, som deres konstruktion overholder de samme proportioner.,, nu er vi nødt til at anvende en uv - kort, således at design var pænt rundt dele af flyet.gå til "ændre" i panelet til højre og vælge, uvw kortlægning af transformer liste., sørg for at "plan" er udvalgt.,,,,,,, løntrin 5, tid til at anvende materialer, så åbne, materiale, redaktør i øverste højre hjørne af de vigtigste toolbar.skabe to vray materialer, for deres baggrund (vray fly) og en til din kasse, du har skabt.drag og smid det materiale, på hver genstand.,,,, lad os udføre en hurtigt gøre.klik på gøre produktion (tepotten ikon)...,,, lidt gråt og nøgen, men det er en god start, trin 6, godt arbejde, tid til at have en pæn kjole.vi skal anvende vores nuværende model image som materiale til 3d objekt.åbn det materiale, redaktør og klik på det materiale, som du hyrede til kassen, rulle ned før du se kortene udsættelsen, så klik på, diffuse> kort> standard> bitmap og navigere den mappe, hvor du har reddet dit design.,, note:, mine papirer var. men heller ikke dér er menneskene sikre med dimensioner af 1136 x 640 pixels.,,,, du vil se din fil - området i materialet slot.klik på det ternede ikon, og du vil se designet omkring din boks i perspektiv synspunkt.glem ikke at sætte sløret værdi til 0,01 for at få en frisk gøre dit image.,,,, ramte, gøre,,,,,,,, voila!designet var pænt rundt om din boks.gå videre og redde denne sag som men heller ikke dér er menneskene sikre eller tif.tid til at ændre på den baggrund, farve og spice tingene... trin 7, der er to måder at ændre baggrunden farve.enten kan du ændre farven på det materiale du tildelt din vrayplane eller du kan ændre farve i photoshop.skal jeg vise dig, hvordan man gør det i photoshop, fordi det er meget lettere at skifte farve, uden at gøre din scene. lad os komme videre.højreklik på din vrayplane og klik på "gemme udvalgte".,,, vi har brug for at skjule backgound, så det ikke anføres i gengivelse.,, slå, gøre, og klik på alpha ikon som vist nedenfor i skærmbillede.redde image som. men heller ikke dér er menneskene sikre, og vi er færdige her, tid til at gå over til din bedste ven, photoshop.,,, med alfa - kanal, vi kan skabe en maske og isolere den baggrund., 2.tilpasning af baggrund og ved, trin 1, alfa - fil, du har lige reddet og åbne det i photoshop.gå på, kanaler, og udvælge (cmd (+) - alfa - kanal på bunden.kopi til skrivepladen.,,,, trin 2, åben dit image, som de tidligere har gjort.igen, så at de kanaler, vindue og pasta alpha kanal du bare kopieret.denne gang skal vi vælge de faktiske maske, så hold det nede cmd og klik på masken.,,, sørg for at den maske er udvalgt.,, trin 3, åbne lag vindue.- holder du, cmd, nøgle, venstre klik, tilføje lag maske, som vist nedenfor.flyet skulle være godt isoleret fra baggrunden.,,, at baggrunden og isolere flyet.,, skabe et nyt lag, og fyld den med farve, du vil.så længe, det ser godt ud.mkay.,,,, trin 4, nu skal vi tilføje skygger.du kan holde den skygge, der var i det billede, men lad os bruge photoshop er skygger denne gang.cmd + klik din maske på igen og skabe et nyt lag.fyld udvælgelse med en mørk farve, der passer til din baggrund.åben lag styles og lege med drop shadow virkning, indtil du finder noget, du kan lide.,,, sørg for at den vinkel af skyggerne ser ret.,, godt, vi er færdige.en mere tilfredsstillende måde at anskue et 2d design, synes du ikke?,,,, det er hvad du kunne ende med:,,,,,,,, tillykke!du er færdig, i denne forelæsning, vi har gået igennem, hvordan man tager et 2d design og omdanne det til en 3d model med perspektiv.jeg gætter på, at mange af dem var lidt skræmt af hele 3d - ting, men det er helt grundlæggende, når man lærer det. nogle interessante næste skridt ville være at forsøge at eksperimentere med forskellige fly størrelser, ved hjælp af forskellige kameravinkler og også en ændring af kameraet, for at opnå en forvridning af det perspektiv.du kan se hele design på min behance portefølje, og tjek også triplagent mobile app.tak for følgende sammen!,


triplagent-3dmax
triplagent-1
Neutral Background
Neutral Background
Rectangle Tool Settings
Rectangle Tool Settings
Rectangle Tool Settings
triplagent-7
triplagent-8
triplagent-9
triplagent-10
triplagent-11
triplagent-hide
triplagent-12
triplagent-13
triplagent-14
triplagent-15
triplagent-16
triplagent-17
triplagent-18
triplagent-19
triplagent-20
triplagent-21



Previous:
Next Page: