Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: APOKLIPTICO en 20 Noviembre 2010, 15:51



Título: Diseño para un juego.
Publicado por: APOKLIPTICO en 20 Noviembre 2010, 15:51
Hola gente!
Bueno primero, me presento siendo que es el primer post que hago en este subforo, soy APOKLIPTICO un nulo en diseño gráfico jajajaja, tanto en computadora como en papel y lápiz.
Pero bueno, nadie nace sabiendo y estoy aki para aprender.

Hoy les vengo con una cuestión, quiero crear un juego, más específicamente un simulador de hacking, ya lo tengo bastante planteado en la parte de papel y lápiz, pero el tema es que realmente me cuesta mucho la parte del diseño, es decir, quiero que se vea bien que no tenga nada que envidiarle a Uplink, Street Hacker o BS Hacker...
Es por eso que mientras en el subforo de C++ me ayudan con las librerías a utilizar, necesito si pueden orientarme sobre como hacer los botones, menúes, fondos y diseño general del juego, desde la pantalla de presentación hasta la de créditos.

Mis preguntas más concretamente son las siguientes:
1) Software??
2) Como hago fondos? Me puedo basar en un diseño preexistente? de donde saco ese diseño?.
3) Como hago botones y menúes??
4) Se que esto es diseño gráfico, pero los sonidos de donde los puedo sacar???

Un abrazo
APOKLIPTICO


Título: Re: Diseño para un juego.
Publicado por: Darioxhcx en 20 Noviembre 2010, 17:09
software , tenes mucho , de mi parte te recomiendo photoshop
tambien tenes otros como , corel draw , illustrator , fireworks , gimp , entre otros :P

fondos de un form ? comunmente son de color solido , pero podrias usar un degradado si queres

con photoshop podes hacer formaas , botones , menus , lo que necesites , no entiendo esa pregunta :P

deberias buscar un pack de sonidos ,  visitando foros de edicion de audio seguramente podras encontrar ese tipo de cosas...

si tenes alguna duda o curiosidad de como hacer algo , estamos aca las 24 horas (?) :xD

exitos
saludos 


Título: Re: Diseño para un juego.
Publicado por: APOKLIPTICO en 20 Noviembre 2010, 17:20
El fondo lo que estaba pensando, es algo clásico de los simuladores, una onda cyberpunk con un código de fondo
Una aproximación podría ser esto:
(http://geekyard.com/Download/Hacker_Wallpaper_1.jpg)
Sacándole el cráneo y el ojo raro ese, y reemplazando el "HACKER" con el nombre del juego, que todavía no está definido jejeje...

Para que tengan una idea de lo que me gustaría hacer, les hago una cita de algo que postee en el subforo de programación:

Sisi, definitivamente quiero que sea portable, SDL lo vi facil de usar, pero como veo que dice 16BITBoy, soporta solo cargar imágenes en BMP... Aparte de que necesito hacer menúes y ventanas, para que tengan una idea de lo que me gustaría hacer, sería una cosa así:
(http://img44.imageshack.us/img44/4552/draftgame.jpg)

Esto es un draft que había hecho en VB (Como ven ahi están los timers dispersados), pero rápidamente se mostró inviable.

La idea sería que arriba a la derecha, estarían los procesadores, que se podrían tener varios y se podría overclockear, asi como varias GPUs para GPGPU (cracking, rainbow tables, etc) y su carga, estoy pensando en un gauge tipo barrita con un degradé de verde a rojo pasando por amarillo para indicar la carga del procesador. En el centro a la derecha, estarían el resto de las SPECS, es decir, memorias, discos, velocidad de conexión y alguna otra cosa más que ya iré implementando.
Abajo a la derecha, estarían las temperaturas. Arriba a la izquierda, no tengo idea pero supongo que información sobre los targets o algo asi. Abajo a la izquierda por último, estaría la consola donde se pondrían los comandos. También se podrían crear pequeñas consolas en ventanas, que se podrían cerrar, o mandarlas al background (para correr tareas en segundo plano), utilizando cada CPU virtual por separado. También estaría bueno que sean dockables las ventanas.
Es por eso que abajo de todo probablemente haya alguna especie de taskbar, para mostrar los procesos activos o algo asi.

Que buena librería me podría ayudar con esto??

Muchas gracias por su ayuda.
Un abrazo
APOKLIPTICO


Como ven, ahi usé un fondo asi raro que saqué de internet, claro que no puedo andar robando por ahi cosas porque puedo llegar a tener problemas en el futuro si el juego sale copado...


PD: Esto se aproxima más a lo que me gustaría de fondo:

(http://static.desktopnexus.com/thumbnails/52424-bigthumbnail.jpg)

PD2: También puede ser que el fondo en vez de tener código en C++, tenga fórmulas, como mi avatar.

PD3: Esta también es una buena elección para un fondo (XDDD):
(http://www.softpedia.com/screenshots/Milla-Jovovich_1.png)


Título: Re: Diseño para un juego.
Publicado por: Darioxhcx en 20 Noviembre 2010, 17:39
en los wallpapers h4x0rs comunmente siempre se usa una consola , 0 y 1 son infaltables  xD
el tema es usarlos bien , algo muy comun termina resultando aburrido y predecible para el usuario

de los que yo hice y me gusto un acabado masomenos fueron estos
http://darioxhcx.deviantart.com/art/leet-h-169438934?q=gallery:darioxhcx/25020522&qo=18
http://darioxhcx.deviantart.com/art/Abril-Negro-163027039?q=gallery:darioxhcx/25020522&qo=27
http://darioxhcx.deviantart.com/art/Remote-Execution-Wallpaper-165584761?q=gallery:darioxhcx/25020522&qo=24

si no tenes para ir viendo en google images si te gusta alguno y tomar la idea
http://rocketdock.com/images/screenshots/H4x0r-Wallpaper.jpg
http://animewallpapers.lt/albums/NAUJAUSI/Wallpapers/GNOME-h4x0r-green.png

una imagen que hizo un usuario del foro  que me gusta mucho tambien , es esta
http://foro.elhacker.net/galeria_de_arte/mis_disenos_cinema_4d_y_photoshop_hacking-t300766.0.html

es tema de jugar con un fondo negro , y la opacidad de los textos y capas
pero bue , si no te convence ninguno , siempre tenes una mina en bolas cerca :XD


Título: Re: Diseño para un juego.
Publicado por: APOKLIPTICO en 20 Noviembre 2010, 18:17
Es genial eso que hizo L3I_W0N6, eso es cinema 4d? Es un genio el flaco, aparte, la última mezcla los dos géneros: Minas en bolas y cyberpunk.

De todas maneras, lo del fondo sería lo último, pero el diseño, hace falta implementarlo a medida que vaya avanzando.
Pero bueno, iré descubriendo las librerías y empezaré a jugar con lo que tengo, implementaré algunos botones provisorios y los iré reemplazando.

Pero bueno, muchas gracias!



Título: Re: Diseño para un juego.
Publicado por: Darioxhcx en 20 Noviembre 2010, 18:52
es genial ese trabajo , y si uso cinema 4d y photoshop
a lo mucho capas que esto te sirve

http://es.guerra-creativa.com/community/article/Tutorial_Kaiser_Web_2_0_Style_Logo

saludos


Título: Re: Diseño para un juego.
Publicado por: peib0l en 22 Noviembre 2010, 10:09
yo me apunto a ayudarte, madame medidas de las cosillas que quieres y las ideas que tengas


Título: Re: Diseño para un juego.
Publicado por: L3I_W0N6 en 27 Noviembre 2010, 18:08
hola viejo, mira si nececitas ayuda con el diseño en photoshop o 3D no dudes viejo solo dame una idea de lo que necesitas y cuando pueda que lo hago, de paso te dejo mi pack de wallpapers de Informatica y Tech muy buenos, si encontras alguno horrible seguro que lo hice yo,  ;D ........bueno es mas que todo para darte ideas con el diseño que podes usar. aca te dejo un par de imagenes de lo que trae el pack:


(http://fc07.deviantart.net/fs23/f/2007/337/7/a/G_PlayerReborn_by_Okaria.jpg)


(http://fc07.deviantart.net/images3/i/2004/172/9/9/Communication.jpg)


http://www.megaupload.com/?d=E6XEWWY0

tambien si queres podes pasarte por este link hay vas a encontrar millones de brushes tech que te van a ayudar con ideas de botones y diseño.

http://browse.deviantart.com/resources/applications/psbrushes/?qh=&section=&q=tech

espero que te sirva
S@7U2


Título: Re: Diseño para un juego.
Publicado por: APOKLIPTICO en 27 Noviembre 2010, 18:12
Horrible? Vi tu trabajo con cinema 4d y me quede GUAU!.
Todavía estoy con examenes, cuando termine con todo, me pondré a programar.
Despues aviso!!
Gracias!


Título: Re: Diseño para un juego.
Publicado por: Elemental Code en 4 Diciembre 2010, 17:06
tu respuesta son 25 pixeles :D

hace un doc de 5x5 y hacele una diagonal negra de 1 px

pinta el fondo de un gris (60% creo que se la bancaba)

ahora usalo como pattern.

Usa letras verde matrix y todo queda re hackero :P


Título: Re: Diseño para un juego.
Publicado por: Darioxhcx en 4 Diciembre 2010, 18:27
tu respuesta son 25 pixeles :D

hace un doc de 5x5 y hacele una diagonal negra de 1 px

pinta el fondo de un gris (60% creo que se la bancaba)

ahora usalo como pattern.

Usa letras verde matrix y todo queda re hackero :P
la idea es ser original


Título: Re: Diseño para un juego.
Publicado por: Elemental Code en 4 Diciembre 2010, 19:02
para aportar algo mas, si queres dejarle el wallpaper de la mina  >:D :laugh: ;-) podes usar este patern en los dialogos adonde haya texto no tan opacos.

PD: La originalidad depende de como uses las cosas.
Aunque mucha gente usa la misma herramienta, pueden ser originales.

Saludos ^^


Título: Re: Diseño para un juego.
Publicado por: Darioxhcx en 4 Diciembre 2010, 19:44
claro usar letras  como matrix es muy original  :-X


Título: Re: Diseño para un juego.
Publicado por: Elemental Code en 4 Diciembre 2010, 20:46
de la mayoria de los walls de arriba todos tienen codigo, no te la agarres con migo  :rolleyes:

Ademas dije que queda bueno verde sobre negro, pero si les parece muy trillado pueden usar cyan, naranja o rojo :P