Aclantis Forums viewtopic .:.Tutorial para PHOTOSHOP.:.

Hefesto · Adulto, como en casa.

Bueno ya todos saben el problema que hubo en el foro, y por lo tanto he decidido volver a poner tutoriales de Photoshop e ImageReady, al mal tiempo buena cara, y bueno pues este es el primer tutorial de photoshop, ire poniendo más tutoriales para photoshop en este mismo tema, bueno espero les guste y vayan poniendo sus comentarios, para saber si le entienden, si les gusta, etc.

Ahhh la versión que yo utilizo es la CS, aunque realmente funciona para todas las versiones, a parte mi versión esta en inglés así que sino me entienden me pueden preguntar aqui mismo en el foro o mandarme un mail a: hefestoster@gmail.com

Bueno comencemos. Very Happy

1. Haremos una imagen animada muy sencilla para que la puedas colocar en donde gustes hagas una para tu firma o lo que se te ocurra el chiste es aprender algo, bueno antes que nada escoge una imagen para realizar tu animación ya que la tengas la abres en Photoshop, yo usaré esta:

2. Ahora duplica la capa 7 veces (si 7 Very Happy

) Layer > Duplicate Layer...

3. Ahora tienes 8 capas. Verifica que la Capa Origina sea la unica que este visible (a las demás quitales el ojitto que aparace en el menu de las capas) así te tiene que quedar:

4. Ok ¿ya? bueno, ahora selecciona la segunda capa, la que dice Layer 1 copy y ve a Filter > Blur > Radian Blur y pon los valores de la imagen.

Y así te quedaría:

5. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 2 y cambia el Amount a 50

6. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 3 y cambia el Amount a 75

7. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 4 y cambia el Amount a 100

8. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 5 y cambia el Amount a 75

9. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 6 y cambia el Amount a 50

10. Repite el paso 4 pero ahora a la capa que dice Layer 1 copy 7 y cambia el Amount a 25

11. Bueno ahora abre ImageReady (Shift+Ctrl+M)

12.Asegurate que sólo tienes visible la capa principal (Layer 1)

13. En la ventana de Animation (si no la ves da click en Window > Animation) dale click a insertar Frame 7 veces (es la hojita que esta al lado del bote de basura) al final te quedarán 8 frames.

14. Ahora haz visible la Capa 2 (la que dice Layer 1 copy) y el Frame 2, después la capa 3 (la que dice Layer 1 copy 2) y el Frame 3, así sucesivamente.

15. Y como intervalo de tiempo todo dejalo en 0 sec. sólo en el Frame 1 ponle 2 sec. (sólo dale un click al Frame 1 y en la partede abajo aparecen los segundos le das click a 0 sec. y aparecerá un sub menu y le da a 2.0 y ya tienes tus 2 segundos.)

16. para guardar tu imagen dale a File > Save Optimized As... y lo guardas como GIF y ya. Bueno espero te haya quedado mejor que la mía, la mía quedo así:

Hefesto · Adulto, como en casa.

Bueno ahora crearemos un Avatar animado con Photoshop e ImageReady.

1. Crea un Nuevo Documento (Ctrl+N) del tamaño que deses tu Avatar, el mío será de 100x100, con Transparent Background como en la imagen:

Ahora presiona la Tecla D para regresar a los colores Negro y Blanco.

2. Comencemos por añadir un efecto de nubes para esto vete a :Filter > Render > Clounds bueno ahora tu imagen se parece a la mía, sino es así, presiona Ctrl+F hasta que las nubes no queden obscuras.

3. Ahora vamos a ponerle un poco de pinceles o brushes, toma la herramienta Brush Tool (Tecla B) crea una Nueva Capa (Layer > New > Layer...) crearás una nueva capa cada que uses el pincel. Bien ahora dale click al avatar con el pincel que seleccionaste.

Nota: Puedes encontrar el pincel que utilice aqui: http://www.deviantart.com/deviation/10335951/ para cargarlo una vez que lo descargaste ve a C:/Archivos de Programa/Adobe/Photoshop/Presets/Brushes (esto depende de tu versión y SO) bueno con la herramienta de pincel seleccionada ve a la flechita que esta en la parte superior derecha le das click y en menú que aparece dale click a Load Brushes... y selecciona el pincel que descargaste.

4. Bien ahora le pondremos color Layer > New Adjustment Layer > Color Balance... a la ventana que aparece le das OK y se abrirá otra y pones estos valores:

En Tone Balance selecciona primero Shadow y lo dejas todo en 0,0,0; en Midtones ponle +71, +100, +100; y en Highlights pon 0, +100, -34

5.Bueno ahora vamos con el texto, sólo le pondre la primer letra de mi Nick o sea H, la fuente que use la puedes encontrar aqui: http://dafont.com/en/search.php?nq=1&q=cra...ies&Submit=+Go+

6. Ahora le pondremos algo de efecto al Texto, dale click a la capa en donde pusiste tu inicial, y ve a Layer > Layer Style > Blending Options y pon lo siguientes valores:

Drop Shadow - Dejalo como esta
Inner Shadow - Dejalo como esta
Bevel and Emboss - Como en la imagen:

Color Overlay - Como en la imagen:

Stroke - Como en la imagen:

7. Bueno ahora pongamos texto en la parte de hasta abajo, yo usaré otra fuente, puedes usar la que tu quieras. ya que hayas puesto el texto que quieres, vete otra vez a Blending Options y pon los siguientes valores:

Inner Shadow - Opacity: 10%
Bevel and Emboss - Depth: 1%; Size: 0px; Soften: 0px
Color Overlay Usa el color #1E580A
Stroke - Size: 1px; Color: #000000

8. Ahora para el borde crea un Nuevo Layer y selecciona Lasso Tool (Tecla L) y dale click derecho al fondo del avatar y en el menu que aparece selecciona Select All

9. Otra vez click derecho con la herramienta lasso aún seleccionada y en el menú dale a Stroke y usa estos valores:

10. Repite el paso 9 pero ahora cambia el Color: #0B5E06; y en Width: 2 px.

11. Repite el paso 9 y cambia el Color: #000000; y en Width: 1 px.

12. Ahora haremos una barra opaca, crea un Nuevo Layer (ya sabes como).

13. Ahora selecciona el Rectangular Marquee Tool (Tecla M) y haz un pequeño rectángulo así como el que muestro:

Nota: Aumenta el tamaño del avatar para que se más facil ver lo que estas haciendo.

13. Ahora ve a Edit > Fill... (Shift+F5) y pon lo siguiente:

14. Ahora vamos a ponerle un borde a nuestra barra opaca seleccionamos Rectangular Marquee Tool y haz un rectángulo de 1 pixel así:

15. Presiona la Tecla D para regresar a los colores negro y Blanco.

16. Y rellena el borde de Negro con Paint Bucket Tool (Tecla G)

17. Repite el paso 14 pero ahora hazlo en la parte superior de la barra y te quedará algo así:

18. Ahora vamos a animar nuestro Avatar. Ve a Imageready (Shift+Ctrl+M)

19. En caso de que no veas la ventana de Animación ve a Window > Animation

20. Presiona la hojita que esta al lado del bote de basura para insertar un nuevo Frame.

21. En el nuevo Frame selecciona Move Tool (Tecla V) y mueve la barra opaca hasta la parte de abajo de tu Avatar así:

22. Ahora dale un click a los 3 puntitos que estan al lado de la hojita en la ventana de Animation y pon los siguientes valores:

23. Ahora tienes 15 Frames más ( o sea 17 en total) para terminar selecciona el último Frame y presiona de nuevo los 3 puntitos (Tween) y en Tween With pones First Frame y listo eso es todo, así me quedo mi avatar:

Hefesto · Adulto, como en casa.

Bueno ahora haremos una firma para que la puedas utilizar en el foro Wink

1. Lo primero es presionar la tecla D y luego X después crear un Nuevo Documento (Ctrl+N) con los siguientes datos:

Mi firma va a ser de 450x150 tu la puedes hacer del tamaño que desees.

2. Ahora vamos a crear una nueva Capa (Shift+Ctrl+N) y selecciona Brush Tool (Tecla B) puedes descargar brushes de aqui: Descarga las Brushes y cargalas como lo hicimos anteriormente. Recuerda el ir cambiando de brushes y de color para que te valla quedando así:

3. Crea un Nuevo Documento de 1x2 pixeles Transparente y selecciona la herramienta del Lápiz (Tecla B) y asegurate de tener el color negro y el grosor del lápiz en 1 px. Ahora aplica el lápiz en la parte inferior del nuevo documento.

Ok y ahora dale click a Edit > Define Pattern... y le pones el nombre que desees. Muy bien ahora regresemos a nuestra firma en la firma crea una nueva Capa y con la capa nueva seleccionada vete a Edit > Fill... (Shift+F5) y haces lo siguiente:

4. Ok ya va teniendo forma nuestra firma, ahora le pondremos texto, selecciona la herramienta de Texto (Tecla T) y seleccionamos la fuente que deseamos ponerle a nuestra firma. Escribes lo que quieras, tu nick por ejemplo.

5. Ahora mejoraremos un poco el texto, dale click a Layer > Layer Style > Blending Options... y pones lo siguiente:

Bevel and Emboss dejalo todo como esta.

Satin

Stroke

6. Bueno ahora por último hay que ponerle un marco a nuestra firma de la siguiente manera:

Crea una Nueva Capa, y selecciona Rectangular Marquee Tool (Tecla M, ahora dale click derecho a la firma y dale a Select All, vuelve a darle click derecho a la firma y selecciona Stroke... y pones lo siguiente:

Vuelve a darle Stroke ahora con lo siguiente:

Y dale Stroke por última vez (te lo prometo Very Happy

)

Bueno este es mi resultado final, NO OLVIDEN PONER SUS RESULTADOS cualquier duda se las contestaré lo más pronto posible saludos. Cool

danimpo · Junior, recien llegado

QUE CRACK TIO!! Shocked

Hefesto · Adulto, como en casa.

Ahhh apróposti regalo una cuenta GMAIL al primero que:

- Postee su resultado de alguno de los 3 tutoriales que he puesto

- Este registrado en Aclantis

- Tenga por lo menos 15 posts

Bueno suerte Very Happy

Hefesto · Adulto, como en casa.

Bueno en vista de que nadie quiso la cuenta GMAIL pues ni modo sigamos adelante.

Ahhh y si no es mucho pedir podrían poner este tema como POST IT? Very Happy

Bueno comencemos.

1. Lo primero es crear una firma, yo utilizaré la del tutorial anterior, abranla con photoshop.

2. Ahora crea una nueva capa (Ctrl+Shift+Alt+N)

3. Presiona la tecla D para tener los colores blanco y negro, y llena la firma de color Negro con Paint Bucket Tool (Tecla G)

4. Ahora toma Polygonal Lasso Tool (Tecla L) y haz un borde parecido a este (no igual ehhh Smile

) Manten presionada la tecla Shift para que tus lineas no salgan chuecas.

5. Ya que tienes el diseño presiona la tecla Delete (la que esta arriba de Enter)

6. Ahora en la capa en donde esta tu borde le pondremos diseño, selecciona la capa y ve a Layer > Layer Style > Blending Options... y pones los siguientes valores:

7. Ahora toma la Eliptical Marquee Tool (Tecla M) y corta algunos circulos, presiona la tecla Shift para que sean perfectos los circulos Wink

ya que este seleccionado tu circulo presiona la tecla Delete para que te quede como enla imagen.

8. Ahora repite el paso 7. pero ahora con la Rectangular Marquee Tool (Tecla M)

Y crea algo más o menos así:

9. Ahora crea una nueva capa y luego la colocas DEBAJO del borde que acabamos de crear y rellenalo de color Negro como en el paso 3.

10. Selecciona Polygonal Lasso Tool y crearemos un nuevo borde más o menos como en la imagen. Y presiona Delete

11. Ahora en la nueva capa que acabamos de crear seleccionala y ve a Layer > Layer Style > Blending Options... y pon los siguientes valores:

12. Y ya para terminar agregale algunos circulos y cuadros como en los pasos 7. y 8., así me quedo mi firma ya totalmente terminada ¿¿y la tuya como quedo?? Laughing

fitta24 · Moderador

Hola Hefesto, intente crear todo sobre el tutorial de adobe y la verdad me gusto mucho los resultados que obtuve, pude realizar tanto la firma como el avatar y la imagen animada, claro no tan padres como las tuyas pero luego intentare mejorarlas, bueno el asunto de este mensaje es, aparte de agraederte por poner el tutorial, es que si puedes publicar la menra en que puedo colocar mi firma tanto como el avatar para poder mostralo con mi perfil, tengo una idea mas o menos de como realizar eso, yo pienso que tengo que subir mi firma y mi avatar a alguna cuenta o lago asi para poderlas tener en la red para asi colocar la url en mi avatar.

Bueno no se si me haya sabido explicar bien pero con que entiendas lo que trato de decirte tal vez me puedas ayudar, y no solo a mi si no a todos los demas que vean este topic...

Bueno espero respondas.

SaLuDoS......

Hefesto · Adulto, como en casa.

Holas bueno pues así es una vez que ya tengas tus imagenes hay que subirlas a internet, crea alguna página de las que son gratis y ahi sube tus imagenes, yo las subí a: http://galeon.hispavista.com y no he tenido ningún problema ahi, lo único es que subas alguna página en donde pongas cualquier cosa, porque sino te quitan tu cuenta, bueno cualquier otra duda adelante que para eso estoy Very Happy

Ahhh y que bien que te hayan gustado los tutoriales, pronto pondré más, solo pido que lo pongan como POSTIT gracias Cool

Saludos

Hefesto · Adulto, como en casa.

Bueno comencemos Cool

1. Abre una imagen en Photoshop la que quieras, yo utilizaré esta imagen

2. Ahora ve a Image > Adjustments > Desaturate (Shift+Ctrl+U)

3. Ahora vete a Image > Adjustments > Brughtness/Contrast... y pon los siguientes valores en la ventana.

4. Selecciona una parte de la imagen con Rectangular Marquee Tool (Tecla M)

5. Ahora ve a Edit > Define Brush Preset...

6. Ponle algun nombre a tu pincel y dale OK

7. Para crear un Set vete a Edit > Preset Manager...

8. Busca tu pincel, lo seleccionas y le das a Save Set...

9. Busca en donde esten guardados todos los pinceles de Photoshop comunmente estan en

C:/Archivos de Programa/Adobe/Photoshop/Presets/Brushes

Nombras tu nuevo pincel y lo guardas

10. Por último lo único que queda por hacer es cargar tu pincel y ya eso es todo, ahora crea tus Brushes saludos.

Saludos

Hefesto · Adulto, como en casa.

Hola, tenía que poner algo, sino se pierde el tema, y por lo visto a los moderadores no les parece interesante la Zona para Tutoriales, espero que me tomen en cuenta y que me digan algo, por lo menos diganme "No Hefesto no vamos a poner nada y ya no estes $%$&%&$# la existencia"

Bueno espero que al menos lo pongan como post it

Saludos Very Happy