Sv Community El Salvador

Soporte y Tecnología => Tutoriales => Topic started by: joshuacross on January 12, 2011, 12:01:30 pm

Title: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: joshuacross on January 12, 2011, 12:01:30 pm
Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!

(http://farm6.static.flickr.com/5088/5349002675_8b783c1e50_z.jpg)

[1] Primero tenemos que hacer un nuevo documento a 1280 x 1024 píxeles.

[2] Crear una nueva capa y la rellenamos de cualquier color y abrir las opciones de fusión y aplicar este gradiente, como se muestra.

(http://farm6.static.flickr.com/5086/5349625154_cf0e2c0120_z.jpg)

(http://farm6.static.flickr.com/5048/5349624900_3371929b9f.jpg)

Y obtienes algo como esto...

(http://farm6.static.flickr.com/5285/5349018129_4da7797656_z.jpg)

[3] Ahora crear una nueva capa y ve a Formas selecciona la forma de esa manera y hay que llenarlo con blanco

(http://farm6.static.flickr.com/5009/5349640998_74e8ebbb41_z.jpg)

(http://farm6.static.flickr.com/5005/5349030273_1434b82136_z.jpg)

[4] Ahora baja su opacidad a 10%

(http://farm6.static.flickr.com/5206/5349030733_0e49ded07a_z.jpg)

[5] Ahora Ir> Filtros> Desenfocar> Desenfoque Gaussiano aplicar 6 píxeles de radio.

(http://farm6.static.flickr.com/5245/5349030411_f5e968e63f.jpg)

[6] Ahora Crear una nueva capa de prensa U y hacer una forma como se muestra en radio de 50 px.

(http://farm6.static.flickr.com/5210/5349659328_47a5ed83cc.jpg)

[7] Rellenar con cualquier color luego ir a Opciones de Fusión y establecer sus 10 píxeles de trazo con el color blanco

(http://farm6.static.flickr.com/5082/5349047797_dafbfcdbd7.jpg)

[8] Ahora Bajar el relleno a 0%, como se muestra en la imagen.

(http://farm6.static.flickr.com/5202/5349659588_ea837ef787.jpg)

[9] Ahora hay que hacer estas formas como se muestra o copiarlas por la prensa presionando Ctrl + J y colocarlar asi como estan en la imagen.

(http://farm6.static.flickr.com/5084/5349048181_132f0b58b6.jpg)

[10] Ahora bloquear todas las capas y pulsa Ctrl + E para fusionarlos, luego ir a Filtro> Distirt> Giro y Ajuste del ángulo a 999.

(http://farm6.static.flickr.com/5085/5349049017_0f025749c6.jpg)

[11] Ahora obtendras algo como esto.

(http://farm6.static.flickr.com/5085/5349660360_9e194df3c0.jpg)

[12] Ahora presiona Ctrl + T para que sea de menor tamaño, como se muestra en la imagen.

(http://farm6.static.flickr.com/5126/5349689378_e516f495d1.jpg)

[13] Ahora Seleccione un Gran Borrador Suave y quita los bordes como se muestra en la imagen.

(http://farm6.static.flickr.com/5243/5349689510_94febf7fed.jpg)

(http://farm6.static.flickr.com/5005/5349689742_a257ab4656.jpg)

[14] Ahora cambia el Estilo de capa de superposición y llenalo al 40% como se muestra.

(http://farm6.static.flickr.com/5168/5349078689_2d16210475.jpg)

[15] Ahora crea una capa nueva y haces una selección rectangluar y lo llenas con blanco.

(http://farm6.static.flickr.com/5089/5349078857_2b24fc5733.jpg)

[16] Ahora cambiar el estilo de capa a sobrecapa y llenarlo hasta el 34%.

(http://farm6.static.flickr.com/5128/5349690228_08e6af256a.jpg)

[17] Ahora hay que duplicar el circulo del centro pulsando Ctrl + J y colocarlo en todas las esquinas como se muestra en la imagen y que sea de menor tamaño pulsando Ctrl + T, como se muestra.

(http://farm6.static.flickr.com/5247/5349690456_abba1cb101.jpg)

[18] Ahora baja su opacidad al 40%.

(http://farm6.static.flickr.com/5201/5349690700_df1917fc5c.jpg)

[19] Ahora Buscar cualquier Pincel como remolinos o si puedes descargar ese aquí.haciendo click aqui! (http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial366/brushes.rar)

[20] Ahora ir a Pinceles y crear una nueva capa y seleccionar un pincel como el que se muestra y hay que asegurarnos que su color sea blanco.


(http://farm6.static.flickr.com/5207/5349690884_c179cfb64e.jpg)

[21] Ahora hay que cambiar su estilo de capa a sobrecapa y la opacidad a un 40% como se muestra.

(http://farm6.static.flickr.com/5241/5349079899_dbafd264bb.jpg)

[22] Ahora Seleccionamos otro pincel y repita el procedimiento como lo hemos hecho antes.

(http://farm6.static.flickr.com/5207/5349690884_c179cfb64e.jpg)

[23] Ahora Seleccionamos cualquier Brocha buscamos una adecuada y la colocamos en todos los rincones. Y tu ORANGE ABSTRACT está listo ..!!!

(http://farm6.static.flickr.com/5088/5349002675_8b783c1e50.jpg)

Disculpas por el inconveniente de que las imagenes no esten en español!

 :drinks:






Mod Edit:

Fuente: http://www.premiumpsd.com/how-to-design-a-orange-abstract-background-step-by-step-tutorial-with-psd-source.html (http://www.premiumpsd.com/how-to-design-a-orange-abstract-background-step-by-step-tutorial-with-psd-source.html)
Fuente
Title: Re: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: -GoldeN- on January 12, 2011, 02:29:49 pm
me imagino VOS hiciste todo eso porque no veo creditos para ningun autor mas que vos?

pues, si lo hizo el, con todo respeto autor del tema que fondo mas feo xD

Aprendi algo que no sabia,  :shock: y yo que me mataba consiguiendo ese efecto xD

Title: Re: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: Jaru on January 12, 2011, 02:33:56 pm
digamos que para recordarnos un par de aspectos tecnicos de uso general de PS, esta aceptable


el fondo si esta feo  x_x

te diera 1/2 thank you
Title: Re: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: salvadoresc on January 12, 2011, 04:29:17 pm
para cuando el tuto de un fondo azul?  :dumb:
facil
image>adjustments>hue saturation, moves la barra de control de HUE hasta que tengas el tono que queres y wala fondo azul (o del color que querras.)
Title: Re: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: g00mba on January 12, 2011, 04:45:43 pm
facil
image>adjustments>hue saturation, moves la barra de control de HUE hasta que tengas el tono que queres y wala fondo azul (o del color que querras.)
viejo, como que te falló el detector de sarcasmos XD
Title: Re: Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: morph on January 12, 2011, 04:54:48 pm
viejo, como que te falló el detector de sarcasmos XD

El es un ACI... erá lógica la pregunta para él.
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: gocha28 on May 07, 2012, 06:05:52 pm
gracias estubo bueno el tuto
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: Jarmandaros on May 07, 2012, 07:05:36 pm
Eso es lo bueno de este foro, que solo hay Gente Super Vergona que no necesita este tipo de tutoriales  :)

Gracias por el tutorial  joshuacross, se agradece el esfuerzo  :thumbsup:
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: mega on May 07, 2012, 07:50:12 pm
Eso es lo bueno de este foro, que solo hay Gente Super Vergona que no necesita este tipo de tutoriales  :)

Gracias por el tutorial  joshuacross, se agradece el esfuerzo  :thumbsup:
X2
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: apolosv on May 07, 2012, 08:06:52 pm
buena onda joshuacross, yo no me manejo en ese mundo del diseño y pues para comenzar esta bueno  :thumbsup:

como en este mundo hay que tener una especialidad y a la vez saber de todo un poco, este tuto esta en la lista para esas tardes autodidactas  :)
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: el_abuelo_sv on May 07, 2012, 08:40:14 pm
Muy buen tuto amigo sigue asi no te awuebes por endejadas de los trolls
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: Insanity.RONIN on May 07, 2012, 08:46:07 pm
Pues la verdad que bueno que pusieron un tutorial de eso, siempre ando travesiando el ps para los que somos noobs en eso sirve bastante lo que has puesto.

PD. Veo que es de enero/11 el tema, estos corrieron al cipote, mala honda ya la riegan, en fin otro que salio asustado.
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: wenner on May 08, 2012, 12:04:13 am
Muy útil Gracias   :thumbsup:
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: motursa.com on May 08, 2012, 01:06:27 am
para los que somo chontes este tuto no esta nada mal.. siempre se aprende algo nuevo.! GRACIAS.!
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: hepl2000 on May 08, 2012, 01:15:13 am
para los que somo chontes este tuto no esta nada mal.. siempre se aprende algo nuevo.! GRACIAS.!
Nunca esta demas un buen tuto para aprender o recordar


Quote from: g00mba en enero 12, 2011, 02:04:53 pm
me imagino VOS hiciste todo eso porque no veo creditos para ningun autor mas que vos?
Y como siempre nunca faltan los que no aportan nada al tema, solo critican y se van aguevados con la cola entre las patas y hasta borran sus mensajes, al menos naruto tiene huevos de dejarlos aunque caigan mal.

PD. Veo que es de enero/11 el tema, estos corrieron al cipote, mala honda ya la riegan, en fin otro que salio asustado.
Quiza tienen una vida tan hecha mi3rda que solo asi se sienten mejor. descargando sus complejos contra otros.
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: JaiMe on May 08, 2012, 03:16:36 am
A pesar que no era 100% original, se agradece el tutorial. Lastima que el comuno dejo de traernos contenido hace tiempo.

----

Eso es lo bueno de este foro, que solo hay Gente Super Vergona que no necesita este tipo de tutoriales  :)

X2

Muy buen tuto amigo sigue asi no te awuebes por endejadas de los trolls

PD. Veo que es de enero/11 el tema, estos corrieron al cipote, mala honda ya la riegan, en fin otro que salio asustado.

Y como siempre nunca faltan los que no aportan nada al tema, solo critican [...]
Quiza tienen una vida tan hecha mi3rda que solo asi se sienten mejor. descargando sus complejos contra otros.

<mod>

Solo quiero resaltar los comentarios anteriores y agradecer el apoyo que le dan a la gente que aporta. Tambien recordarles que la critica en si no tiene nada de malo, el problema es cuando se hace destructivamente.

Para quienes quieren aprender a criticar inteligentemente les recomiendo  el método del sandwich (http://aprendecoaching.com/aprende-a-criticar-correctamente/). El objetivo de la critica no es cortarle las ramas al árbol del vecino, sino compartir el agua para que cresca y nos de sombra a los dos.

Dicho esto, estimados gentlemen, no nos vayamos offtopic.

</mod>
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: G1r3D on May 08, 2012, 09:11:43 am
Quiza tienen una vida tan hecha mi3rda que solo asi se sienten mejor. descargando sus complejos contra otros.

Pues vos no te quedas atras, sos uno de esos tambien, pero entiendo que tu tipo de personalidad es bien comun. Antes de señalar/juzgar mirate en un espejo. :thumbsup:
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: hepl2000 on May 08, 2012, 10:56:14 am
Pues vos no te quedas atras, sos uno de esos tambien, pero entiendo que tu tipo de personalidad es bien comun. Antes de señalar/juzgar mirate en un espejo. :thumbsup:

Me alegra mucho que tomes en cuenta mis comentarios amigo, eso me sirve de feedback para mejorar mi conducta en el foro.  :thumbsup:
a proposito espero no te hayas sentido atacado por mi critica, si es asi espero analices el porque hasta te tomaste la molestia de recriminarme.
Veo que escribes con buena ortografia, cosa que no abunda en este foro... sigue asi.  :roll:



[aplique bien el sandwich Jaime?]


PD. Veo que una forma de descargar rencores/complejos se refleja en las firmas y avatares.
Title: Re:Cómo diseñar un fondo naranja. Tutorial paso a paso con Fuente PSD!
Post by: G1r3D on May 08, 2012, 06:57:06 pm
Me alegra mucho que tomes en cuenta mis comentarios amigo, eso me sirve de feedback para mejorar mi conducta en el foro.  :thumbsup:
a proposito espero no te hayas sentido atacado por mi critica, si es asi espero analices el porque hasta te tomaste la molestia de recriminarme.
Veo que escribes con buena ortografia, cosa que no abunda en este foro... sigue asi.  :roll:



[aplique bien el sandwich Jaime?]


PD. Veo que una forma de descargar rencores/complejos se refleja en las firmas y avatares.

jajaja, no me siento atacado por tu "critica", pero lo hago porque a cualquiera (incluso a veces caigo en el error) le gusta atacar y criticar, sin antes ver sus propios errores. -Defecto humano-