Publicidad

Autor Tema: [Aporte] Aprende a diseñar con AbrelataX  (Leído 1317 veces)

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1505
  • Power: 167
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
[Aporte] Aprende a diseñar con AbrelataX
« en: Enero 24, 2012, 05:24:34 pm »
Bueno,dejando de lado esos temas que siempre vengo a hacer en off topic sin utilidad alguna les traigo varias cosas para que puedan hacer un buen diseño de aspecto profesional y 2.0 como el siguiente:



Ja! No creas.

Bien,de ejemplo pueden tomar... que se yo... la imagen que ponga al final del tema.

Necesitamos el Photoshop,lo podes buscar en cualquier web que tenga warez.

Empecemos con algo importantisimo a la hora de hacer logos:

-FONTS

Hay 90589054067438674387604387689034763890 tipos de fonts diferentes,por lo que hay para cada gusto.

Podemos sacar fonts de ESTA WEB,pero hay muchas mas,solo hay que googlear.

Suponiendo que ya tenes la/s font/s deseada/s,procederemos a lo siguiente.

Si queremos hacer un avatar o ponerle un icono al logo estamos hablando de:

-Renders

Los renders son imagenes .png con fondo transparente.

Ejemplo:



Explicamos como usar Photoshop para hacer un avatar/firma con esta imagen.

Abrimos PhotoShop,damos click en "Archivo - Nuevo". Veremos algo como esto:



Lo ponemos en 500x500 como esta en la imagen,para poder trabajar mas de cerca,y con mas comodidad,en contenido de fondo tiene que decir transparente,asi nos aseguraremos que el fondo sea transparente,por si queres hacer un avatar con fondo transparente :P.
Veremos algo asi:



Los cuadraditos grises y blancos significan transparencia. Ahora,suponiendo que te descargaste algun render como el de arriba,lo arrastraremos al lienzo del Photoshop (el lienzo es el cuadro de trabajo,donde hay cuadraditos blancos y grises :P)



(Paso opcional) Ahora vamos a ponerle fondo negro a la imagen,hacemos lo siguiente: Creamos una nueva capa,seleccionamos el balde,y clicamos en cualquier lugar.



Ahora lo que haremos es aplicar un lindo efecto sobre Zaul Hudson. Mas bien,DEBAJO. Hagamos lo siguiente:
Duplicamos la capa de Slash



Clic derecho en la capa de Slash que esta debajo,sea la copia o sea la original,no importa. Luego,en "Opciones de Fusion".



Veremos algo como esto:



Como ven en la imagen,activen el "tick" que dice "Superposicion de degradado",elijan el estilo que quieran o  hagan el suyo,como sea,yo elegi los colores del arcoiris (cómo no XD)

Ahora,Click derecho sobre la gota, "Herramienta Desenfocar" y seleccionamos "Herramienta Dedo" como lo indica la imagen,elegir las medidas e intencidad a gusto y luego pasarle a los bordes de la imagen,quedaria algo parecido a esto:



:O Que lindo ^^ Retocar como quieras.

Seguir aplicando "Opciones de fusion" en la imagen,experimenta con las opciones de esa ventana. A mi me quedo asi:



Ahora,escribiremos algo,como tu nick o lo que sea.



Aplicar tambien opciones de fusion,no hace falta esplicar como,almenos eso creo.

A mi me quedo asi:



Muy bien,suponiendo que estamos a gusto,como quedo,queremos usarlo! Pero como m13rd4 vamos a poder poner de avatar una imagen de 500x500? No se puede,asi que tenemos que reducirla a 150x150,que es la proporcion perfecta para un avatar aca en el foro.
Lo hacemos asi: Clic en "Imagen",luego en "Tamaño de Imagen",como lo indica la imagen siguiente:



Veremos algo asi:



Recomiendo poner en los espacios, los numeros 150,que es un tamaño justo para avatares.

Ahora tenemos que guardar la imagen.

Hacemos Click en "Archivo",luego en "Guardar como...".



Aparecera esta ventana:



Como muestra en la imagen,seleccionamos la extension .PNG

Y le damos en aceptar.

Felicidades!
Ya tenes el avatar en tu disco duro!



Resultado final:



Asi podran crear avatares,firmas,al igual que logos,wallpapers,banners,lo que se les cante.

_____________________________________________________________


Creo que terminamos con esta seccion.

_____________________________________________________________

-Hacer un render
Esto es bastante sencillo.
Se nos presenta una imagen que no tiene fondo transparente,por lo cual no se puede usar para ponerla en el diseño.
Por eso,tenemos que hacer nosotros mismos que tenga fondo transparente.

Yo lo explicaré usando la siguiente imagen:



Empezamos haciendo lo mismo que antes,arrastramos la imagen al PS.
Ahora tenemos que seleccionar la herramienta "Varita Magica" :3



Seleccionamos los espacios del fondo. Si los colores son casi identicos y la varita corta de sobra,dibujen con el pincel una linea en los bordes.



Click en "Edicion",luego en "Borrar" como lo muestra la imagen.



Nos quedaremos con el render,ya listo:



A usar la imaginacion! XD



_________________________________________________________


Hacer un fotomontaje Pedido por @Santyyx

Bien,esto no es muuuucha ciencia,solo son imagenes superpuestas,que,con las herramientas bien usadas,parecceria que lo que ponemos en la foto en realidad este ahi.

Aca pongo algunos ejemplos (que no pude subir porque imgur andaba mal toda la tarde)



Imagen original:



____________________________________________



Imagen original:



_____________________________________________



Imagen original:




Instrucciones,por @Mr.Freack
Citar
Para hacer necesitas dos capas y cada imagen en cada una la del pony encima y la de jubus abajo y solo le das transparencia a la del pony borrandole las partes donde queres que se vea la mano como si la tuviera sobre el pony

___________________________________________________________________________________

Pinceles/Brushes

No hace falta decir que es un pincel.
Hay muchos estilos,como estampas,para dibujar,etc.
Yo de ejemplo les dejo 3 que saque de un post viejo que hice hace mucho en SpGeek (BitDate)







Podes busar mas por DeviantArt si queres mas variedad.

El link de descarga esta aca: http://www.bitdate.com/foro/photoshop/mis-3-pinceles-abstractos-para-photoshop-%28deviantart%29/

_________________________________________________________________________
Estoy actualmente actualizando este tema,pero lo posteo ya a esto para que ya dejen de usar el paint xD.

Iba a adjuntar el PSD pero salto un error sobre el control de seguridad de los adjuntos.

Asi nos puede agarrar un atacaso artistico.
Los veo luego en un proximo Art Attack! (?
« última modificación: Enero 25, 2012, 03:34:26 am por AbrelataX »

Desconectado Rancitis

  • Consiglieri
  • *
  • Mensajes: 3939
  • Power: 627
  • Sexo: Masculino
  • Taxmaaan! Ah Ah, Mr. Heath!
    • Ver Perfil
    • Spirate
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #1 en: Enero 24, 2012, 06:08:57 pm »
Muy bien!, esto es mucho más útil que los ponys ^^
Citar
@twitter

Comen de la cajita feliz y bailan el pogo del payaso asesino.
http://youtu.be/Un7elpSIYYo?hd=1

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1505
  • Power: 167
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #2 en: Enero 24, 2012, 06:24:52 pm »
Muy bien!, esto es mucho más útil que los ponys ^^
Verdad. :P

Tema actualizado.

Desconectado crazyfrog

  • Facebook: El Rana
  • Programador
  • *
  • Mensajes: 4225
  • Power: 490
  • Sexo: Masculino
  • Never Gonna Give You Up
    • Ver Perfil
    • Ranasofía
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #3 en: Enero 24, 2012, 06:57:57 pm »


Muy buen post Abre, me gusto como explicaste! +1

PD: la flecha de la imagen decia: lo que mas me gustó. Tengo los "saves" del HL2, todos. Pesan bastante, pero si queres te los paso :P
METAS 2012:
[ X ] Ingresar a la facultad.
[ ] Get her into my life.

Se re pudrió, se re pudrió, nos paramo' re de mano!!!

Desconectado Mr.Freack™

  • Programador
  • *
  • Mensajes: 2799
  • Power: 863
  • Sexo: Masculino
  • A donde quiera que vallas... ¡Ahi estarás!
    • Ver Perfil
    • Angelix-System
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #4 en: Enero 24, 2012, 06:59:03 pm »
Sos un HDP xD 



soy master en PhotoShop acuando necesiten trucos me envian un mp y os ayudo

-"Vale más saber algo acerca de todo que saberlo todo acerca de una sola cosa" Mr.Freack
-"Digo lo que pienso & pienso lo que digo..." Mr.Freack

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1505
  • Power: 167
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #5 en: Enero 24, 2012, 07:05:28 pm »


Muy buen post Abre, me gusto como explicaste! +1

PD: la flecha de la imagen decia: lo que mas me gustó. Tengo los "saves" del HL2, todos. Pesan bastante, pero si queres te los paso :P
Je, no gracias,prefiero pasarlo por 5º vez yo solo. ^^


soy master en PhotoShop acuando necesiten trucos me envian un mp y os ayudo
OS? Sos gallego? xD Ni sabia.

Desconectado santyyx

  • Soporte Oficial
  • *
  • Mensajes: 3449
  • Power: 385
  • Sexo: Masculino
  • Get up, stand up, don't give up the fight.
    • Ver Perfil
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #6 en: Enero 24, 2012, 07:24:46 pm »
Muy bien!, esto es mucho más útil que los ponys ^^

jjajajajaja

Ami me gustaria que expliques como hacer foto montajes, como el del pony arriba de jesus qeu ya tenias hecho.

Y

soy master en PhotoShop acuando necesiten trucos me envian un mp y os ayudo
OS? Sos gallego? xD Ni sabia.

Es salvadoreño.

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1505
  • Power: 167
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #7 en: Enero 24, 2012, 07:27:55 pm »
Muy bien!, esto es mucho más útil que los ponys ^^

jjajajajaja

Ami me gustaria que expliques como hacer foto montajes, como el del pony arriba de jesus qeu ya tenias hecho.


Enseguida,maestro.

Desconectado Mr.Freack™

  • Programador
  • *
  • Mensajes: 2799
  • Power: 863
  • Sexo: Masculino
  • A donde quiera que vallas... ¡Ahi estarás!
    • Ver Perfil
    • Angelix-System
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #8 en: Enero 24, 2012, 07:42:55 pm »
Soy maestro en photoshop pues ¬¬

Para hacer necesitas dos capas y cada imagen en cada una la del pony encima y la de jubus abajo y solo le das transparencia a la del pony borrandole las partes donde queres que se vea la mano como si la tuviera sobre el pony

-"Vale más saber algo acerca de todo que saberlo todo acerca de una sola cosa" Mr.Freack
-"Digo lo que pienso & pienso lo que digo..." Mr.Freack

Desconectado AbrelataX

  • SPadicto
  • ******
  • Mensajes: 1505
  • Power: 167
  • Sexo: Masculino
  • Up da Irons!
    • ICQ Messenger - 123456789
    • MSN Messenger - asdasd@asdmail.asd
    • AOL Instant Messenger - asdasd
    • Yahoo Instant Messenger - asdasd
    • Ver Perfil
    • asdasd
    • Email
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #9 en: Enero 24, 2012, 08:07:53 pm »
Soy maestro en photoshop pues ¬¬

Para hacer necesitas dos capas y cada imagen en cada una la del pony encima y la de jubus abajo y solo le das transparencia a la del pony borrandole las partes donde queres que se vea la mano como si la tuviera sobre el pony
Eso mismo,me ahorraste las palabras,enseguida subo algunas que hice recien :)

Desconectado Mr.Freack™

  • Programador
  • *
  • Mensajes: 2799
  • Power: 863
  • Sexo: Masculino
  • A donde quiera que vallas... ¡Ahi estarás!
    • Ver Perfil
    • Angelix-System
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #10 en: Enero 24, 2012, 08:14:47 pm »
¬¬


-"Vale más saber algo acerca de todo que saberlo todo acerca de una sola cosa" Mr.Freack
-"Digo lo que pienso & pienso lo que digo..." Mr.Freack

Desconectado brayan2259

  • SPadicto
  • ******
  • Mensajes: 1168
  • Power: 221
  • Sexo: Masculino
  • To be or not to be...
    • Ver Perfil
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #11 en: Enero 24, 2012, 09:13:50 pm »
Soy maestro en photoshop pues ¬¬

Para hacer necesitas dos capas y cada imagen en cada una la del pony encima y la de jubus abajo y solo le das transparencia a la del pony borrandole las partes donde queres que se vea la mano como si la tuviera sobre el pony
Muy bien friki , sobre esto creo que les ofendera a algunos xd:



Con lo de los ponys aun me quedan dudas si sos (eres) hombre. [just saying]





Muy buen post Abre, me gusto como explicaste! +1

PD: la flecha de la imagen decia: lo que mas me gustó. Tengo los "saves" del HL2, todos. Pesan bastante, pero si queres te los paso :P
Je, no gracias,prefiero pasarlo por 5º vez yo solo. ^^


soy master en PhotoShop acuando necesiten trucos me envian un mp y os ayudo
OS? Sos gallego? xD Ni sabia.

No necesariamente los gallegos usan el "os", cada region tiene los dialectos (acentos) del español , es como si a ti te dijera , Sos (eres) Argentino,Paraguayo o Uruguayo? ah no sabia .

Antetodo buen tutorial , recuerda no abusar de los colores (no tan colorinche).
« última modificación: Enero 24, 2012, 09:25:02 pm por brayan2259 »


Luis LMFAO

Desconectado shake

  • Hay tanto por hacer y queda tan poco tiempo.
  • Staff Director
  • *
  • Mensajes: 6296
  • Power: 294
  • Sexo: Masculino
  • ¿Yo buena onda? ¡Gracias locas!
    • Ver Perfil
    • G+
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #12 en: Enero 24, 2012, 10:59:57 pm »
Y yo que pensaba que era otro crap más, la verdad muy buen post y contenido (aunque medio gay xD).


+1

Desconectado Mr.Freack™

  • Programador
  • *
  • Mensajes: 2799
  • Power: 863
  • Sexo: Masculino
  • A donde quiera que vallas... ¡Ahi estarás!
    • Ver Perfil
    • Angelix-System
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #13 en: Enero 25, 2012, 01:52:16 am »
yo diria completamente gay ¬¬ prefiero la guitara de lolo u.u



XD

-"Vale más saber algo acerca de todo que saberlo todo acerca de una sola cosa" Mr.Freack
-"Digo lo que pienso & pienso lo que digo..." Mr.Freack

Desconectado 50cent

  • VIP
  • *
  • Mensajes: 1434
  • Power: 238
  • Sexo: Masculino
  • Y u no upload 2.4 !!!
    • Ver Perfil
    • Pruebas guachin '_'
Re:[Aporte] Aprende a diseñar con AbrelataX
« Respuesta #14 en: Enero 25, 2012, 02:43:28 am »
Y si sabes diseñar, por qué no haces un buen theme ?