Jump to content
Rpg²S Forum

Engeldod

Utenti
  • Posts

    195
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by Engeldod

  1. Engeldod

    Ciao

    Benvenuto :) 13 anni!! Giovani makeratori crescono...io a 13 anni stavo ancora con la PS1 a giocare a FFVIII!
  2. Il fatto del Times New Roman e gli altri font era un discorso a parte, grazie o non grazie sono quelli i più usati (anche io studio Graphic Design xP). Anche io come Lollo e La fine alzo una bandiera contro il Comic Sans, progettato per riempire i ballons dei fumetti e non come carattere per la grafica.
  3. Helvetica è il font più leggibile ed elegante sans-serif mai creato, segue il suo "gemello" Arial. Arial, Verdana, Thaoma, Times New Roman, ecc sono i font più usati dai computer (Helvetica si paga). Piccola precisazione :P
  4. Nessuno si fila i miei tutorial QQ
    1. Show previous comments  3 more
    2. TheZLiver

      TheZLiver

      Fai tutorial?
    3. Zuppo

      Zuppo

      king...volevo dirlo io, ma mi sembrava...crudele. XD
    4. Engeldod

      Engeldod

      Tanto non me lo filavo nemmeno io LoL
  5. Non offenderti se ti dico che non ho letto tutta la tua presentazione, ma cribbio vado di fretta ahah. Benvenuta, a quanto leggo dalla presentazione vedo che ti piace scrivere e spero tu scriva tanto quanto come ti presenti. Enjoy!
  6. Quoto Flame xD Tecno, le spalle non sono dettagli xD
  7. Le spalle! Mancano i deltoidi, sembra siano 2 curve rigide
  8. Io leggo ora questo post >.< peccato, avrei partecipato probabilmente xD
  9. Usa un font più leggibile, dato che stai usando font sans-serif ti consiglio Helvetica che è molto lineare, elegante e pulito o il suo "gemello" Arial. Se hai problemi puoi scaricare Helvetica Neaue e lo imposti in 55 Roman che va più che bene. Per quanto riguarda il layout del menù mi piace, i colori un po' meno, lo sfondo ammazza tutto, cioè metti uno sfondo così scuro che tipo ti perdi nel vederlo xD Non so, sfrutta qualche effetto alla windows, buttaci uno sfondo chiaro e ci metti qualche effetto di luce, tipo fasce a neon o linee luminose. Mi raccomando non troppo acceso però, lasciamo riposare anche gli occhi ;) Il blu elettro non è poi così tanto retrò xD Ricordo i menù "personalizzabili" della saga di FF e si unsava un blu molto meno saturo.
  10. Si, volevo mandartelo per PM, però una volta giunto al tema delle luci ho pensato: "A questo punto faccio un bel discorso" e noterai che data la lunghezza sarebbe stato il caos se li avessi uniti xD
  11. Ciao a tutti, oggi vi spiegerò come sfumare i vostri oggetti! Abbiamo bisogno di: Programma per fotoritocchi; Accortezza; Conoscenze di disegno tecnico progettuale: davvero basse.Perfetto, incominciamo subito, in questo tutorial userò Photoshop CS6 per spiegarvi come sfumare. Iniziamo aprendo Photoshop e creiamo un solido semplice, disegnamo un parallelepipedo e riempiamolo con 3 secchiellate con un colore poco più chiaro per non perdere i bordi: http://imageshack.us/a/img812/4936/90kg.png Successivamente creiamo un nuovo livello: http://imageshack.us/a/img12/7748/b8oc.png In questo livello sceglieremo dove applicare il nostro punto di luce e la sua distanza: http://imageshack.us/a/img268/8069/s6a0.pnghttp://imageshack.us/a/img822/5557/2hn4.pnghttp://imageshack.us/a/img820/3230/6tj.png Per la regolazione della distanza, in un piano 2D è impossibile per noi definirla, qui entra in goco il vostro cervello dove dovrete pensare che il vostro piano 2D abbia una profondità, pensare che possa ruotare e quindi che sia in 3D. Assorbito questo preconcetto prendiamo lo strumento linea e tracciamo delle rette agli angoli del solido in cui la luce colpisce, attraversandoli: http://imageshack.us/a/img27/7574/4ebz.png Successivamente iniziamo la colorazione.Notiamo subito, nel mio caso, che la luce è laterale, quindi andiamo a colorare le zone più esposte con colori chiari e quelle meno esposte con colori scuri: http://imageshack.us/a/img21/5962/45df.png Questo risultato è dato dai lati piatti. Ma cosa succede quando abbiamo difronte delle curve? Creiamo un solido di tipo sferico, per questo ci avvaleremo di un cerchio, o un ellisse, dipende da cosa dobbiate, vogliate fare: http://imageshack.us/a/img716/3143/wdz2.png Successivamente, come abbiamo fatto prima, segnamo il punto luce e tracciamo delle rette: http://imageshack.us/a/img546/3472/zeou.png OT: A questo punto la mentalità di pensare che il piano possa ruotare si fa più difficile perchè le curve ne accentuano il meccanismo. L' occhio umano vede tutti i giorni in 3D con tanto di prospettiva, quindi se avete dubbi sul chiaro/scuro, su come agisce la luce sui corpi ecc, ecc non c'è modo migliore che GUARDARE CON GLI OCCHI. Ci sono anche delle leggi ben precise secondo le regole della geometria descrittiva che non starò qui a spiegarvi. IN: Nel tracciare le rette nella sfera dovremo immaginarla un solido 3D, il che significa che un cerchio non è un cerchio, ma bensì un numero di cerchi infiniti che ruotando formano un solido, ora bisognerebbe spiegare cos'è una curva e come ricavarla, io mi limiterò a dirvi che una curva altro non è che un insieme di punti, ecco come si ricavano quelle rette per la luce: Curva: http://imageshack.us/a/img138/6473/s1vn.png Reticolato: http://imageshack.us/a/img209/3316/eilk.png NB: L' asse centrale (blu) è stato tracciato per prendere memoria del centro della sfera. NBB: I punti dovrebbero essere molti di più o anche meno, questo in base al livello di accuratezza della sfumatura che volete ottenere. Passiamo a colorare le parti più esposte come abbiamo fatto prima, quindi nuovo livello e via: Nascondiamo il livello della luce per notare che ancora siamo ben lontani dall' aver ultimato il lavoro, questo perchè abbiamo colorato tutto omogeneamente come se la sfera fosse ricoperta da grandi pannelli che hanno, quindi, il medesimo colore. Ciò non accade realmente, infatti, ora che abbiamo la base dobbiamo lavorare per renderlo più verosimile, dobbiamo aggiungere più punti alle curve in maniera da poter dare una sfumatura maggiore. NB: I punti che abbiamo tracciati prima non sono necessari, ovvero, non è necessario tracciarli MA servono solo a farvi capire come dovrete ragionare, quei punti dovreste metterli voi ad occhio. Iniziamo ora a sistemare la nostra sfera: http://imageshack.us/a/img268/7941/f1rg.png Ancora siamo un po' lontani però, quindi armiamoci di pazienza e continuiamo a sistemarla: NB: Nelle sfumature ho usato il colore viola per mettere in ombra la parte sottostante della sfera, questo perchè si usa un colore più scuro, ma ciò non implica di utilizzare sempre e solo lo stesso colore in diverse tonalità, potete usare quello che volete, purchè renda bene. NBB: Ricordo che quest' ultimo non è una sfera, bensì un solido di tipo sferico. Un buon risultato potrebbe essere questo, ma qui siamo un po' lontani dalla pixel art: http://imageshack.us/a/img109/6347/u8dt.png Una volta apprese le basi impiantatele direttamente sui vostri lavori. Fino ad ora abbiamo visto solo solidi regolari, ma cosa succede quando incontriamo un volto? Si schematizza, cosa che un makeratore ha imparato a fare e non solo grazie alla pixel art, si semplifica. Un volto cos' è? Semplice una sfera per la testa, un tronco di cono per la mascella, 2 ellissi per le orecchie. Un esempio? Ecco: http://imageshack.us/a/img4/5929/g15n.png Qui un esempio pratico su 2 spallacci: http://imageshack.us/a/img163/5082/accessoriospalla.png e http://imageshack.us/a/img221/2057/accessorioperspallamod.png Ed è finita.Spero di esservi stato d' aiuto e buon lavoro!Per info e supporto contattate. Per azioni Copia/Incolla in altri forum non dimenticate i crediti. Segui questo tutorial per creare character: http://www.rpg2s.net/forum/index.php/topic/17733-tutorial-creare-un-character-in-pi%C3%B9-livelli/
  12. Aprirò un nuovo tutorial dove spiego bene come sfumare e le regole della luce, in modo da non rendere troppo confusionario questo tutorial :P E metterò anche un elemento colorato con colori accostati e spiegherò come usarli :)
  13. 2 Tutorial fatti da me http://www.rpg2s.net/forum/index.php/topic/17733-tutorial-creare-un-character-in-pi%C3%B9-livelli/?do=findComment&comment=326601 http://www.rpg2s.net/forum/index.php/topic/17736-tutorial-ombre-e-luci-come-usarle/ FATTO
  14. Uppa i backup su mega, dropbox o semplicemente sul cloud di Maxthon (il browser più accessoriato e veloce del mondo)
  15. Salve a tutti, oggi vi spiegerò come creare character per i vostri progetti. Inizio premettendo che esistono vari modi per creare chara, dalla creazione unilivellare (distruttiva) a quella multilivello (non distruttiva), per intenderci tutto su un unico livello e distruggere l' immagine base o creare più livelli e assemblarlo per lasciar libera la modifica semplificata dei singoli in un secondo momento, io vi spiegerò il secondo metodo. Creerò Madara Uchiha, tratto dall' anime Naruto. Requisiti minimi: Un qualsiasi programma di grafica che gestisca i livelli;Conoscenze di pixel art: media;Conoscenze dei programmi di fotoritocco: basse;Fantasia. Requisiti consigliati: Photoshop, Graphic Gale, Gimp, o semplicemente Paint.NET;Conoscenze di pixel art: alta;Conoscenze dei programmi di fotoritocco: basse;Tanta fantasia. In questo tutorial userò Photoshop CS6 per spiegarvi come creare character: Per prima cosa apriamo Photoshop e disegnamo (sconsigliato) o carichiamo il nostro template (tanto ne esistono di tutti i tipi quindi a meno che non siate dei maniaci della personalizzazione limitatevi all' edit). Io caricherò questo: http://img694.imageshack.us/img694/4648/cwu1.png Ora lo personalizzerò un po' alle mie esigenze riducendo la parte inferiore delle gambe e piedi: http://img823.imageshack.us/img823/1227/2g07.png Non ripasso in questo caso il contorno in quanto non mi servono parti in nudo e passiamo direttamente alla creazione di un nuovo livello: http://img12.imageshack.us/img12/7748/b8oc.pngChiameremo il nuovo livello con il nome di ciò che vorremo creare, ad esempio vestito, sopra, sotto, guanti, scarpe, capelli, ecc...Nel caso del mio screen sto usando un chara precedentemente da me creato per cui non vi spaventate dal numero di livelli da me creati.Ora vi farò vedere i passaggi che dovrete fare con TUTTE le parti che creerete: Per prima cosa disegnamo la base, usiamo il colore medio, che poi subirà le variazioni chiaroscurali e quindi con tonalità più chiare e più scure, oppure scegliete il colore più scuro e schiarite in seguito, o viceversa, è una vostra scelta. Qui disegnerò il vestito del character: http://imageshack.us/a/img823/434/whov.th.pngQui creo un secondo livello e lo chiamerò sfuma vestito, inizio a sfumarlo con gradienti più scuri nelle zone più in ombra per dargli un tocco più realistico: http://imageshack.us/a/img820/6373/5dxj.pngQui creo un terzo livello e lo chiamo sfuma2 vestito per migliorare ulteriormente le sfumature aggiungendo parti più chiare per la luce:http://imageshack.us/a/img580/4674/idu5.th.png Non tutti gli oggetti richiederanno probabilmente 2 livelli di sfumatura, tuttavia potrebbero chiedervene 1 solo come 4-5-6 in base a quello che dovete fare e se lo volete fare, oppure non richiederne come vi mostrerò ora con i guanti: Creo un nuovo livello chiamandolo guanti: http://img202.imageshack.us/img202/3128/mgrk.pngNB: Per evitare sovrapposizioni il livello guanti trascinatelo SOPRA il livello vestito e armatura (che vedremo in seguito).Come si può notare i pixel in questione sono pochi quindi sarebbe inutile creare 1 o più livelli di sfuma in questo caso, qui vi basterà la matita a 1 px e un minimo di accorgimento, zoommate e dezoommate per avere conferma di un buon risultato. Passiamo ora all' armatura (per praticità l' ho già sfumata, ma seguite sempre le indicazioni sopra citate): http://imageshack.us/a/img10/6655/ljn6.th.png Se il colore vi sembra troppo acceso ma non vi va di ritoccare tutto il vostro lavoro eseguite questo semplice trucchetto:Create un nuovo livello e chiamatelo regolazione,sfuma (o come volete, il nome serve solo a non confondersi); Selezionate il livello sotto, quindi "armatura" e fate Ctrl+tasto sx per selezionare tutto l' oggetto; Tornate al livello appena creato, prendete il secchiello, colore nero e date una secchiellata; Regolate il livello da Normale a Scurisci e impostate l' opacità come più vi aggrada, in questo caso io ho messo 20%.Ecco il risultato: http://imageshack.us/a/img708/3096/cgg9.th.png Passiamo oltre e creiamo una veste/gonna. Per prima cosa nascondiamo tutti i livelli cliccando sull' occhio a sinistra di ogni livello e lasciamo visibile solo il livello base del nudo e l' armatura per orientarci. Fatto ciò disegnamo la gonna (il livello della gonna per evitare sovrapposizioni dovrà essere messo sotto il livello armatura MA sopra quello del vestito): http://imageshack.us/a/img41/4314/im6a.th.png Come fatto in precedenza, nuovo livello "sfuma" e sistemiamo il colore: http://imageshack.us/a/img27/5192/bs5o.th.png Rimostriamo tutti i livelli e vediamo se il risultato ci aggrada. Quasi mi dimenticavo di quei fori neri nell' armatura XD riempiamoli subito! Quei fori non sono altro che punti di riferimento che ho appositamente lasciato per creare i lacci che tengono unita l' armatura, se come me state prendendo come riferimento un personaggio già esistente fate una ricerca su Google e cercate il vostro personaggio, salvatelo sul PC, apritelo con Photoshop e con lo strumento Contagocce "rubate" il colore che vi serve per una maggiore fedeltà all' originale. Matita spessore 1px e iniziamo:http://img29.imageshack.us/img29/6844/owg2.png Passiamo ora alle scarpe, nel mio caso ho difronte un paio di bendaggi seguiti da dei sandali da shinobi. Sempre come detto prima nuovo livello "bendaggi" colorare la base, nuovo livello sfuma. Ripeto: Per motivi di praticità e onde evitare di riempire il tutorial di foto posto il lavoro già ultimato. Una volta ultimato questi dovrebbero essere rispettivamente i risultati per il bendaggio:http://imageshack.us/a/img809/749/5jxb.th.png e scarpe:http://imageshack.us/a/img443/1763/wrud.png NB: Nel livello "bendaggi" ho fatto una cosa che non dovrei fare e cioè ho sfruttato quel livello per sistemare l' armatura basso/frontale, nulla vi vieta di ricorrere a questi metodi però è meglio se non lo fate. Passiamo agli occhi, nulla di più semplice in questo caso, ho solamente modificato leggermente quelli di default, e come per i guanti essendo pochi pixel basta creare 1 nuovo livello. Come spiegato prima creo livelli per evitare di distruggere l' immagine sottostante e quindi lasciare la possibilità di modifica successivamente. Risultato:http://img600.imageshack.us/img600/1232/zifi.png Passiamo ora ai capelli.Creiamo un nuovo livello e chiamiamolo "capelli" come fatto precedentemente, qui a seconda delle vostre esigenze vi basteranno 1 o 2 livelli di supporto sfuma, o anche 10 se siete maniacali e date ogni colore e ogni tipo di luce a un livello. Seguiamo quindi i contorni della testa per capire dove eventuali punte (capelli alzati) dovranno alzarsi: http://img31.imageshack.us/img31/6105/fz8f.png NB: Ricordiamoci di nascondere tutti i livelli e di lasciare in questo caso il livello armatura per aiutarci, lo lasciamo aperto perchè i livelli dei capelli dovranno essere SOPRA gli altri livelli, quindi nel mio caso mi serve per delimitare dove devono arrivare per non sovrascrivere i capelli posteriori all' armatura frontale. Passiamo ora alla prima sfumatura: http://imageshack.us/a/img689/5112/cojz.th.png Passiamo ora ad un' altro livello "sfuma2", settiamo il tipo di livello in Luce Soffusa e l' opacità come più ci aggrada, in questo caso io l' ho messa a 60% usiamo gradienti chiari e: http://imageshack.us/a/img69/5917/r6e7.th.png Ora mostriamo tutti i livelli e per ultimo andiamo nel pannello Regolazioni > Luminosità/contrasto. Si aprirà ora un nuovo livello chiamato Luminosità/contrasto, se non siete pratici nell' impostare i valori di questo parametro cliccate semplicemente su Automatico, nel mio caso io ho impostato la luminosità a -17 e il contrasto a 58: http://img585.imageshack.us/img585/6761/06jn.png http://imageshack.us/a/img196/8753/f3gp.png Ed è finita.Spero di esservi stato d' aiuto e buon lavoro!Per info e supporto contattate. Per azioni Copia/Incolla in altri forum non dimenticate i crediti. Segui questo tutorial per le sfumature: http://www.rpg2s.net/forum/index.php/topic/17736-tutorial-ombre-e-luci-come-usarle/
  16. Intendevo un revamp della grafica cambiando la grafica RTP dei chara e crearne dei tuoi personalizzati
  17. Holy a termine del Cap.4 vedremo, successivamente, una patch con grafica custom dei pg e qualche boss?
×
×
  • Create New...