El post que buscas se encuentra eliminado, pero este también te puede interesar

tutoriales photoshop parte 1 - textos


Hecho por:

tutoriales  photoshop parte 1 - textos

Para:

tutoriales

cs3

Hola T! hoy les traigo varios tutoriales para que puedan hacer varias cosas con el photoshop, Disfruten!!!.

photoshop

Hundir texto en un fondo con Photoshop

1) Antes que nada deberíamos usar un fondo.¡No tiene por que ser una imagen pequeña, recuerda que el texto se hundirá sobre el fondo que le pidamos!.

cs4

2) Primero debemos escoger la Herramienta de Texto.

textos.

3) Cuando seleccionas una herramienta, en una barra arriba saldrán las propiedades de esa herramientas, mirá el gráfico para ver la propiedad llamada de Crear máscara o selección,selecciónala.

CS5

4) Escribe una letra o frase, pero ¡cuidado!, procura colocarla bien antes de dar por terminada la escritura, ya que la selección estará en la misma capa que el fondo de la pantalla, y en el caso de moverla podríamos estropear la selección e incluso el fondo.

Para decirle al programa que todo está bien y que hemos terminado la edición del texto, pulsamos el botón tutoriales  photoshop parte 1 - textos Aprobar modificaciones actuales, de las propiedades de esa herramienta.

tutoriales Fig. 1

cs3 Fig.3

Figura 1: Antes de terminar de editar (asegurarse que está bién colocada)

Figura 3: Una vez terminada la escritura y confirmada solo nos queda la selección

5) Ahora debemos pulsar de las barras de menus, Edición -> Copiar. Luego Edición -> Pegar, con esto conseguimos que la zona copiada se cree por independiente en otra capa.

Podemos usar la teclas Ctrl+C (para copiar) y luego Ctrl+V (para pegar) para tal fin.

Como la imagen creada en la nueva capa y la del fondo son iguales, prefiero que veais el resultado sobre la ventana que gestiona las capas.

photoshop

6) Elegimos del menú Capa -> Estilo de capa -> Sombra Interior. Con esto conseguimos el siguiente efecto.

cs4

(Esto causa que sobre la capa exista un efecto se representa con una f en un circulo.

textos.

CS5

7) Aunque con el paso anterior conseguimos un buen efecto, podemos producir una sensación mayor de profundidad con esté otro paso.

Ir a las barras de menús a la opción: Imagen -> Ajustar -> Brillo/Contraste.

Para está imagen he usado:

Brillo= -50 / Contraste= -25

Esto depende un poco de la sensación de profundidad que se quiera conseguir, el brillo oscurece el fondo y el contraste hace que se oculten los detalles del fondo (¡no lo puse a -50 porque se perdía todo los detalles y quedaba un fondo gris bastante feo!).

Nuestro resultado: tutoriales  photoshop parte 1 - textos

tutoriales

Nieve Sobre Texto en Photoshop

Inicia Creando un nuevo documento de 320 * 180 px, con un color de fondo: AA732A. Después escribe el texto en el. Fuente: Cominc Sans MS Negrita, tamaño: 120, AA: Redondeado, Color: C2C2C2.

cs3

Haz doble clic sobre la capa de texto para abrir los estilos de capa. Usa Bisel y Relieve y Trazo como se muestra en las imágenes abajo:

photoshop

A continuación aplica los parémtros de Bisel y Relive que se ven en la imagen:

cs4

Crea una nueva capa, y haz doble clic sobre esta para abrir los estilos de capa. Agrega Resplandor Interior y Bisel y Relieve como se muestra en las imágenes abajo:

textos.

CS5

Finalmente toma la Herramienta de Pincel y usa unocon dureza de 100% de entre 6 y 10 px para dibujar la nieve. Asegúrate de que tienes el color blanco como color de frente. Dibuja. Dibuja encima del texto acorde a lo que necesitas. Y listo !!.

tutoriales  photoshop parte 1 - textos

Texto 3D en Photoshop

Creamos un nuevo documento en el que introducimos una nueva capa dónde estará el texto al que queramos dar efecto 3D. A continuación con la tecla "control" pulsada, haremos click sobre ésta capa, con lo que conseguiremos que el texto quede seleccionado.

tutoriales

Aplicaremos un desenfoque gaussiano (Filtro>Desenfocar>Desenfoque Gaussiano) de aproximadamente 3 píxeles. Repetiremos la operación, esta vez con un valor de 1,5 píxeles para obtener un resultado similar al de la imagen.

cs3

Aún sin deseleccionar el texto, elegimos Filtro> Interpretar> Efectos de iluminación y ajustaremos los valores a los siguientes:
Tipo de Luz: Foco
Intensidad: 35
Estrecho: 69
Lustre: 100
Material: -100
Exposición: 0
Ambiente: 10
Canal de textura: 3D Transparencia
Altura: 17
Además tendremos que activar las casillas de verificación de "resaltar blanco" y "encendida"

photoshop

Finalmente obtendremos un efecto parecido al de la imagen que podremos resaltar con otros efectos como el de sombra

cs4

textos.

Texto Acolchado en Photoshop

Abrimos la imagen donde queremos poner nuestro texto acolchado. La imagen no importa, simplemente procura que sea bastante clara ya que vamos a hacer el texto en negro y si es muy oscura no destacará. Si lo prefieres también puedes cambiar el color del texto.

CS5

Con la herramienta de texto escribimos nuestro nombre (escribimos lo que nos sale del...) del color que queramos y nos vamos a opciones de fusión:

tutoriales  photoshop parte 1 - textos

Ahora en opciones de fusión nos vamos a bisel y relieve y lo configuramos de la siguiente manera:

tutoriales

Y ya tenemos nuestro texto acolchado, facilísimo y un texto de lo más mono !! juas juas

cs3

photoshop

Texto Alrededor de un Círculo en Photoshop

Un recurso muy utilizado en el diseño de logos es el texto formando un arco o incluso un círculo. Una forma de obtener éste efecto es la siguiente:

En un nuevo lienzo de 200x200px. dibujamos un círculo como el de la
imagen.

cs4

Si tenemos ocultas las reglas, las activaremos mediante Vista>Reglas o pulsando Ctrl+R. a continuación, haciendo click en la regla de arriba y arrastrando hacia abajo, colocaremos una guía en la mitad del circulo. Igualmente haremos desde la regla de la izquierda para así tener marcado el centro del círculo.

textos.

A continuación escribiremos la primera letra en la parte de arriba del círculo. Luego, tras seleccionar Edición> Transformación Libre arrastraremos el punto de origen de la letra hasta el mismo centro del círculo, y después giraremos la letra hasta que se sitúe dónde nosotros queramos.

CS5

Repetiremos el paso 3 hasta que completemos nuestro texto. Posiblemente nos quedará descolocado

Para cuadrar el texto, uniremos todas las capas de texto, y de nuevo, con Edición>Transformación Libre, giraremos el mismo hasta colocarlo en el lugar deseado.

Si queremos ajustar el tamaño final, podemos hacerlo en Edición>Transformar>Escala.

tutoriales  photoshop parte 1 - textos

Texto de Ámbar en Photoshop

Para comenzar abrimos un archivo nuevo de 200x100píxeles. Y escribimos el texto al que deseemos dar ese aspecto de ámbar. Tened en cuenta que este tipo de efectos queda mejor en tipografía ancha, así que procurad usar una letra con bastante grosor.

tutoriales

Ahora comienza el trabajo con estilos de capa. El primer paso es aplicarle una sombra al texto Capa>Estilos de capa>Sombra paralela . Y le damos unos valores de

cs3 photoshop

A continuación le daremos volumen. Para ello iremos a Capa>Estilos de capa>Bisel y Relieve . Dándole los valores siguientes (el color anaranjado usado en el modo de sombra es el #F4B905 ).

cs4

textos.

CS5

En los siguientes estilos de capa la apariencia de nuestro texto no parece variar, pero son pasos indispensables a la hora de conseguir el efecto final. Primero vamos a aplicarle una superposición de colores. Capa>Estilos de capa>Superposición de colores. El color usado es el #F78406

tutoriales  photoshop parte 1 - textos

Seguidamente una superposición de degradado Capa>Estilos de capa>Superposición de degradado

tutoriales

Y para darle el toque definitivo, le aplicaremos un motivo. Primero guardad en vuestro disco duro, la imagen inferior derecha que os presentamos aquí. Abridla en el Photoshop e id a Edición> Definir motivo , dadle un nombre y apretad OK. Este será el motivo que usaremos en la superposición de motivo.

Ahora ya podemos dar el último paso... Capa>Estilos de capa>Superposición de motivo

cs3photoshop

Y ya hemos conseguido nuestro efecto de ámbar...

cs4

textos.

Texto Biselado de Mármol en Photoshop

En este tutorial vamos a ver como realizar texto con bisel y textura de mármol en Photoshop. El resultado podéis verlo a continuación.
Resultado

CS5

1. Crear una imagen, 300 x 150, fondo blanco

2. Rellenar toda la imagen de un color que haga contraste con el que se pondrá al texto

3. Escribir el texto seleccionando fuente, tamaño, color y escalar al tamaño deseado

4. Rasterizar o interpretar la capa según la versión del programa

5. Poner en muestra los colores por defecto (Negro y Blanco)

6. Aplicar Filtro -->Interpretar -->Nubes de Diferencia

7. Proteger la transparencia de la capa

8. Aplicar Filtro -->Estilizar -->Hallar bordes

9. Aplicar Imagen -->Ajustar -->Niveles: colocar los tres indicadores al extremo izquierdo en la parte mas alta del histograma

10. Aplicar Imagen -->Ajustar -->Tono / Saturación y selecciona el color que prefieres para tu "mármol"

11. Seleccionar todo el contenido de la capa a excepción del texto

12. Invertir la selección

13. Aplicar Selección -->Modificar -->Contraer: 2 píxels

14. Invertir la selección y pulsar la tecla Suprimir (Supr)

15. Aplicar desde Capa el efecto de sombra paralela con los siguientes parámetros: 120º, dist=11, ext=14, tam=6

16. Aplicar desde Capa el efecto de bisel (o inglete) interior con los siguientes parámetros: redondear, prof=125, direcc=superior, tam=5, suav=0

tutoriales  photoshop parte 1 - textos

Texto Bling Bling en Photoshop

Resultado.

tutoriales

1. Poner los colores por defecto con la tecla D (negro frontal y blanco de fondo) e invertir conla tecla X

2. Crear un documento nuevo de 650x250 px, fondo negro, modo RGB y 72 ppp y ahora pon su texto, en blanco ocupando casi toda la superficie.

3. Ahora aplica los Estilos de capa con los valores de las imagenes siguientes a la capa de texto:

cs3

photoshop

4. Hacer una selección de la capa del texto (CTRL+miniatura)

5. Ir a Menú Selección -->Modificar -->Contraer con un valor de 5 pixeles

6. Sin deseleccionar crear una nueva capa, y rellenala de blanco

7. Aplicar filtro Ruido -->Añadir ruido con los valores 40, gaussiano y monocromático. Repetir dos veces con CTTRL+F.

8. Aplicar filtro Polvo y Rascaduras (los valores de la imagen son los que hemos utilizado nosotros)

cs4

9. Aplicar filtro Estilizar -->Relieve (los valores de la imagen son los que hemos utilizado nosotros)

textos.

10. Esto es demasiado oscuro ahora, para aclararlo vamos a Imagen -->Ajustes -->Brillo/Contraste con un valor para Brillo de +70 y -20 para contraste

11. Deseleccionar todo con CTRL+D

12. Ahora aplica los estilos y valores siguientes a la capa de ruido:

CS5

tutoriales  photoshop parte 1 - textos

13. Para añadirle el dorado del borde modifica el estilo de capa de superposición de degradado (pinchando como se indica en la imagen) tal y como hicimos en el paso 3

tutoriales

14. Por último añadele unos brillos que realcen la composición.

cs3

Esto es todo por hoy espero que les haya gustado hasta la próxima.

Temas para el próximo volúmen:
1.Texto Calado en Photosohp
2.Texto con Bisel en Photoshop
3.Texto con Borde en Photoshop
4.Texto con Piedras en Photoshop
5.Texto con Piercings en Photoshop
6.Texto con Rayos en Photoshop
7.Texto con Remaches en Photoshop
8.Texto con Sombra en Photoshop
9.Texto Cúbico en Photoshop
10.Texto de Caramelo en Photoshop
11.Texto de Carbón en Photoshop

photoshop

cs4

3 comentarios - tutoriales photoshop parte 1 - textos

@omar4829
buen post men esta de mas si haces un tutorial para eliminar imperfeciones cambiar color de pelos y todas esas cosas men +2
@agus_0025
buen post ehehe despues lo leo
@valuzha
Buen aporte mañana +10 (Y)