SlideShare una empresa de Scribd logo
1 de 19
Descargar para leer sin conexión
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
TUTORIAL EFECTO TIPOGRÁFICO
Para comenzar debemos tener una foto con el rostro de una persona (preferiblemente) y cuyo
fondo sea blanco, si no es blanco (o sin fondo) debemos quitarlo para que nos quede mucho
mejor nuestro trabajo.
En mi caso trabajaré con la siguiente fotografía:
Archivo / abrir/ (nuestra fotografía)
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Bueno para comenzar y realizar nuestro “efecto” haremos los siguientes pasos:
Selección/ gama de colores y seleccionamos sombras.
y damos OK
Y nos queda esta selección hecha.
Pulsamos CTRL J para poder guardar esta selección en una capa nueva.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Si ocultamos la capa llamada fondo podemos ver mejor nuestra selección de sombras.
Volvemos a seleccionar nuestra capa llamada fondo y la volvemos visible.
Volvemos a hacer lo mismo ubicados en la capa llamada fondo.
Selección/ gama de colores y medios tonos y damos clic en ok.
Y damos CTRL J para poder guardar nuestra selección de medios tonos.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ahora vamos a quitarle color a estas dos nuevas capas
Nos ubicamos en la capa llamada capa 2, vamos a edición/ rellenar / 50% de gris y marcamos
la opción “mantener transparencia”
Y damos clic en OK
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Nuestra imagen ya está así:
Ahora nos ubicamos en la capa 1 y vamos a edición / rellenar / negro, dejamos marcada
“mantener transparencia” y damos clic en OK.
Nuestra imagen ya está así.
Ahora vamos a combinar la capa 1 y la capa 2
Ubicados en la capa 1 pulsamos CTRL E y automáticamente se nos combinan ambas capas.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Vamos a renombrar esta capa 2 y le colocaremos el nombre “imagen” porque es la capa con la
que nosotros vamos a trabajar.
Clic derecho/propiedades de capa y le damos el nuevo nombre.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ocultamos ambas capas que tenemos actualmente.
Ahora vamos a la herramienta de texto ubicado en la parte izquierda de nuestra aplicación.
Hacemos un recuadro de texto. Y pegamos ahí un texto que nosotros hayamos copiado de
alguna parte.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Yo por ejemplo pegué un fragmento del libro de Gabriel García Márquez, Cien años de
Soledad.
Como el texto será parte fundamental de nuestro efecto, usted puede elegir cual tipo de
fuente o tipografía se adapta más a lo que usted quiere.
Yo, por ejemplo, seleccione la fuente Brush Script MT.
Ahora vamos al menú de edición y “definir valor de pincel”
Le colocamos el nombre que deseemos. Yo le coloqué “texto gabo” y das OK.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ahora si podemos eliminar la capa que tiene el texto.
Solo debemos tener dos capas creadas.
Vamos a crear una capa nueva sobre la capa imagen y la renombramos “TEXTO”
En esta capa es que vamos a pintar con el “tipo pincel” que acabamos de crear, vamos a la
herramienta pincel, y seleccionamos el último pincel que tengamos.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Podemos cambiar el tamaño a nuestro gusto.
Empezamos a colocar nuestro texto con el pincel y podemos hacerlo de diferentes tamaños. Es
pintar no arrastrar, ojo.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ahora vamos a crear una máscara de capa sobre la capa del texto.
Ocultamos todas las capas menos la capa llamada “imagen”
Pulsamos CTRL A para poder seleccionar todo y pulsamos CTRL C para copiar.
Ocultamos ahora todas las capas menos la capa llamada texto que dejamos esta vez visible. Y
damos clic sobre la miniatura de la máscara de capa, es decir el cuadro blanco.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Con esta miniatura de mascara de capa seleccionada, pulsamos la tecla ALT y clic izquierdo de
nuestro mouse, nos debe quedar algo así:
Pulsamos CTRL V y lo que hacemos es pegar nuestra selección anterior de nuestro rostro. Y
luego CTRL D para quitar la selección y nuestra imagen y está así:
Ahora con la mascara seleccionada pulsamos CTRL I para invertirla.
Si damos clic en el ojito el texto podemos ver el efecto hecho.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Como se nota poco, debajo de esta capa creamos una capa nueva y la llamamos fondo.
Yo en mi caso tomare un color pastel y rellenare con el bote de pintura en mi capa llamada
fondo.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ahora nos situamos en capa de nuestro efecto. Clic derecho /opciones de fusión
Vamos donde dice superposición de degradado
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Seleccionamos el degradado que nosotros queramos.
Damos clic en ok
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
En mi caso cambie el color del fondo para que se note más.
Vamos a seleccionar ahora la herramienta pincel para que se note más, pince y seleccionamos
un pincel suave. Y seleccionamos el color negro.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Le bajamos la opacidad al pincel, entre 25 a 30 %
Y pintamos sobre la zona de los ojos. (ubicados en la capa llamada imagen)
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Todo sea para pulir los detalles de nuestra imagen.
Y una vez todo esté listo, habremos terminado.
Yan David Burbano Amariles
amarilesyan@gmail.com
www.fwdigital.net
Ejemplos de imágenes con este efecto.
Espero les sea muy útil.
Les comparto este link que también les puede ser de mucha ayuda.
https://www.youtube.com/watch?v=ocIsfhS5Dbc

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

efecto oleo con photoshop
efecto oleo con photoshopefecto oleo con photoshop
efecto oleo con photoshop
 
Colorear el Blanco/Negro (I)
Colorear el Blanco/Negro (I)Colorear el Blanco/Negro (I)
Colorear el Blanco/Negro (I)
 
Trabajo practico n 5 (1)
Trabajo practico n 5 (1)Trabajo practico n 5 (1)
Trabajo practico n 5 (1)
 
Paso a paso
Paso a paso Paso a paso
Paso a paso
 
7° practica de photoshop
7° practica de photoshop7° practica de photoshop
7° practica de photoshop
 
Practica Corel Draw - Logo MasterCard
Practica Corel Draw - Logo MasterCardPractica Corel Draw - Logo MasterCard
Practica Corel Draw - Logo MasterCard
 
Práctica 18
Práctica 18Práctica 18
Práctica 18
 
La imagen de photoshop
La imagen de photoshopLa imagen de photoshop
La imagen de photoshop
 
Ayuda stardoll
Ayuda stardollAyuda stardoll
Ayuda stardoll
 
Tutorial carátula
Tutorial carátulaTutorial carátula
Tutorial carátula
 
Tutorial ouka lele
Tutorial ouka leleTutorial ouka lele
Tutorial ouka lele
 
Flash taller 4
Flash taller 4Flash taller 4
Flash taller 4
 
tutorial retrato múltiple
tutorial retrato múltipletutorial retrato múltiple
tutorial retrato múltiple
 
Cómo usar Storybird.com
Cómo usar Storybird.comCómo usar Storybird.com
Cómo usar Storybird.com
 
Tutorial de j clic
Tutorial de j clicTutorial de j clic
Tutorial de j clic
 
FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8FLOR ANIMADA FLASH 8
FLOR ANIMADA FLASH 8
 
Generalidades de flash
Generalidades de flashGeneralidades de flash
Generalidades de flash
 
Manual – máscara rápida
Manual – máscara rápidaManual – máscara rápida
Manual – máscara rápida
 
tutorial facil de photoshop
tutorial facil de photoshoptutorial facil de photoshop
tutorial facil de photoshop
 
Navegar_en_un_texto
Navegar_en_un_textoNavegar_en_un_texto
Navegar_en_un_texto
 

Destacado

Proyecto ritrick
Proyecto ritrickProyecto ritrick
Proyecto ritrickyanburbano
 
Tutorial de php y my sql completo
Tutorial de php y my sql completoTutorial de php y my sql completo
Tutorial de php y my sql completoAndrés Amaya
 
Propuesta de aula
Propuesta de aulaPropuesta de aula
Propuesta de aulayanburbano
 
Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)yanburbano
 
vAplicación parte 1
vAplicación parte 1vAplicación parte 1
vAplicación parte 1yanburbano
 
Ejercicio de PHP, MySQL y Apache
Ejercicio de PHP, MySQL y ApacheEjercicio de PHP, MySQL y Apache
Ejercicio de PHP, MySQL y ApacheVictor Escamilla
 
Actualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPActualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPyanburbano
 
Proyecto, PHP y MySQL
Proyecto, PHP y MySQLProyecto, PHP y MySQL
Proyecto, PHP y MySQLyanburbano
 
CURRICULO COMO CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL Y POLITICO
CURRICULO COMO  CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL  Y POLITICOCURRICULO COMO  CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL  Y POLITICO
CURRICULO COMO CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL Y POLITICOyanburbano
 
Presentación de la charla "Creación de una tienda virtual"
Presentación de la charla "Creación de una tienda virtual"Presentación de la charla "Creación de una tienda virtual"
Presentación de la charla "Creación de una tienda virtual"Lima Innova
 
Curso completo php y mysql
Curso completo php y mysqlCurso completo php y mysql
Curso completo php y mysqlJason Arizabal
 

Destacado (16)

Proyecto ritrick
Proyecto ritrickProyecto ritrick
Proyecto ritrick
 
Tutorial de php y my sql completo
Tutorial de php y my sql completoTutorial de php y my sql completo
Tutorial de php y my sql completo
 
Propuesta de aula
Propuesta de aulaPropuesta de aula
Propuesta de aula
 
Conceptos
ConceptosConceptos
Conceptos
 
Conceptos
ConceptosConceptos
Conceptos
 
Conceptos
ConceptosConceptos
Conceptos
 
Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)Ejemplo de mostrar datos (Sin paginación)
Ejemplo de mostrar datos (Sin paginación)
 
vAplicación parte 1
vAplicación parte 1vAplicación parte 1
vAplicación parte 1
 
Ejercicio de PHP, MySQL y Apache
Ejercicio de PHP, MySQL y ApacheEjercicio de PHP, MySQL y Apache
Ejercicio de PHP, MySQL y Apache
 
Actualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHPActualizar datos de una tabla. MYSQL y PHP
Actualizar datos de una tabla. MYSQL y PHP
 
Proyecto, PHP y MySQL
Proyecto, PHP y MySQLProyecto, PHP y MySQL
Proyecto, PHP y MySQL
 
CURRICULO COMO CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL Y POLITICO
CURRICULO COMO  CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL  Y POLITICOCURRICULO COMO  CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL  Y POLITICO
CURRICULO COMO CAMPO Y COMO ASUNTO PEDAGOGICO, SOCIAL, CULTURAL Y POLITICO
 
Curso php y_mysql
Curso php y_mysqlCurso php y_mysql
Curso php y_mysql
 
Presentación de la charla "Creación de una tienda virtual"
Presentación de la charla "Creación de una tienda virtual"Presentación de la charla "Creación de una tienda virtual"
Presentación de la charla "Creación de una tienda virtual"
 
Proyecto Integrado ASIR
Proyecto Integrado ASIRProyecto Integrado ASIR
Proyecto Integrado ASIR
 
Curso completo php y mysql
Curso completo php y mysqlCurso completo php y mysql
Curso completo php y mysql
 

Similar a Tutorial efecto tipográfico

Contenido de practicas
Contenido de practicasContenido de practicas
Contenido de practicasmakapxndx
 
Crear poster constructivista en photoshop
Crear poster constructivista en photoshopCrear poster constructivista en photoshop
Crear poster constructivista en photoshopCat Lunac
 
Photoshop - Efectos básicos para fotografías
Photoshop - Efectos básicos para fotografíasPhotoshop - Efectos básicos para fotografías
Photoshop - Efectos básicos para fotografíasErick Cruz
 
Presentacion 7
Presentacion 7Presentacion 7
Presentacion 7taniamabel
 
Trabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshopTrabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshopJOEL DAVID MATOS GONZALO
 
Modificar fondo
Modificar fondoModificar fondo
Modificar fondoavalosmig
 
Manual de practicas photoshop
Manual de practicas photoshop Manual de practicas photoshop
Manual de practicas photoshop Marii López
 
Manual de practicas photoshop
Manual de practicas photoshop Manual de practicas photoshop
Manual de practicas photoshop Marii López
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadasleidy122
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadasleidy122
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadasleidy122
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadasleidy122
 

Similar a Tutorial efecto tipográfico (20)

Trabajo Unformatica
Trabajo UnformaticaTrabajo Unformatica
Trabajo Unformatica
 
Contenido de practicas
Contenido de practicasContenido de practicas
Contenido de practicas
 
Crear poster constructivista en photoshop
Crear poster constructivista en photoshopCrear poster constructivista en photoshop
Crear poster constructivista en photoshop
 
Guia iii i curso
Guia iii   i cursoGuia iii   i curso
Guia iii i curso
 
Photoshop - Efectos básicos para fotografías
Photoshop - Efectos básicos para fotografíasPhotoshop - Efectos básicos para fotografías
Photoshop - Efectos básicos para fotografías
 
Tuto de photoshop
Tuto de photoshopTuto de photoshop
Tuto de photoshop
 
Presentacion 7
Presentacion 7Presentacion 7
Presentacion 7
 
Trabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshopTrabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshop
 
Conpendio
ConpendioConpendio
Conpendio
 
Modificar fondo
Modificar fondoModificar fondo
Modificar fondo
 
10 copia
10   copia10   copia
10 copia
 
Manual de practicas photoshop
Manual de practicas photoshop Manual de practicas photoshop
Manual de practicas photoshop
 
Manual de practicas photoshop
Manual de practicas photoshop Manual de practicas photoshop
Manual de practicas photoshop
 
Rosa isela
Rosa iselaRosa isela
Rosa isela
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadas
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadas
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadas
 
Tecnicas avanzadas
Tecnicas avanzadasTecnicas avanzadas
Tecnicas avanzadas
 
Storyboard
StoryboardStoryboard
Storyboard
 
Storyboard
StoryboardStoryboard
Storyboard
 

Más de yanburbano

Curso php - capitulo 2
Curso php - capitulo 2Curso php - capitulo 2
Curso php - capitulo 2yanburbano
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1yanburbano
 
Curso php - capitulo 1 (introducción)
Curso php - capitulo 1 (introducción)Curso php - capitulo 1 (introducción)
Curso php - capitulo 1 (introducción)yanburbano
 
Mapa Conceptual
Mapa ConceptualMapa Conceptual
Mapa Conceptualyanburbano
 
Programación orientada a objetos II
Programación orientada a objetos IIProgramación orientada a objetos II
Programación orientada a objetos IIyanburbano
 
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)yanburbano
 
Efecto imagen dibujada a lápiz
Efecto imagen dibujada a lápizEfecto imagen dibujada a lápiz
Efecto imagen dibujada a lápizyanburbano
 
Guardar en base de datos MySQL desde HTML con PHP.
Guardar en base de datos MySQL desde HTML con PHP.Guardar en base de datos MySQL desde HTML con PHP.
Guardar en base de datos MySQL desde HTML con PHP.yanburbano
 
Introducción a programación con PHP
Introducción a programación con PHPIntroducción a programación con PHP
Introducción a programación con PHPyanburbano
 

Más de yanburbano (9)

Curso php - capitulo 2
Curso php - capitulo 2Curso php - capitulo 2
Curso php - capitulo 2
 
Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1Curso HTML desde Cero - Capítulo 1
Curso HTML desde Cero - Capítulo 1
 
Curso php - capitulo 1 (introducción)
Curso php - capitulo 1 (introducción)Curso php - capitulo 1 (introducción)
Curso php - capitulo 1 (introducción)
 
Mapa Conceptual
Mapa ConceptualMapa Conceptual
Mapa Conceptual
 
Programación orientada a objetos II
Programación orientada a objetos IIProgramación orientada a objetos II
Programación orientada a objetos II
 
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)
PROGRAMACIÓN ORIENTADA A OBJETOS I (PHP)
 
Efecto imagen dibujada a lápiz
Efecto imagen dibujada a lápizEfecto imagen dibujada a lápiz
Efecto imagen dibujada a lápiz
 
Guardar en base de datos MySQL desde HTML con PHP.
Guardar en base de datos MySQL desde HTML con PHP.Guardar en base de datos MySQL desde HTML con PHP.
Guardar en base de datos MySQL desde HTML con PHP.
 
Introducción a programación con PHP
Introducción a programación con PHPIntroducción a programación con PHP
Introducción a programación con PHP
 

Último

EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfCeciliaTernR1
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptxReneSalas18
 

Último (20)

EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdfEL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
EL CONCEPTO Y EL PARTIDO ARQUITECTONICO.pdf
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
 

Tutorial efecto tipográfico

  • 1. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net TUTORIAL EFECTO TIPOGRÁFICO Para comenzar debemos tener una foto con el rostro de una persona (preferiblemente) y cuyo fondo sea blanco, si no es blanco (o sin fondo) debemos quitarlo para que nos quede mucho mejor nuestro trabajo. En mi caso trabajaré con la siguiente fotografía: Archivo / abrir/ (nuestra fotografía)
  • 2. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Bueno para comenzar y realizar nuestro “efecto” haremos los siguientes pasos: Selección/ gama de colores y seleccionamos sombras. y damos OK Y nos queda esta selección hecha. Pulsamos CTRL J para poder guardar esta selección en una capa nueva.
  • 3. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Si ocultamos la capa llamada fondo podemos ver mejor nuestra selección de sombras. Volvemos a seleccionar nuestra capa llamada fondo y la volvemos visible. Volvemos a hacer lo mismo ubicados en la capa llamada fondo. Selección/ gama de colores y medios tonos y damos clic en ok. Y damos CTRL J para poder guardar nuestra selección de medios tonos.
  • 4. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ahora vamos a quitarle color a estas dos nuevas capas Nos ubicamos en la capa llamada capa 2, vamos a edición/ rellenar / 50% de gris y marcamos la opción “mantener transparencia” Y damos clic en OK
  • 5. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Nuestra imagen ya está así: Ahora nos ubicamos en la capa 1 y vamos a edición / rellenar / negro, dejamos marcada “mantener transparencia” y damos clic en OK. Nuestra imagen ya está así. Ahora vamos a combinar la capa 1 y la capa 2 Ubicados en la capa 1 pulsamos CTRL E y automáticamente se nos combinan ambas capas.
  • 6. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Vamos a renombrar esta capa 2 y le colocaremos el nombre “imagen” porque es la capa con la que nosotros vamos a trabajar. Clic derecho/propiedades de capa y le damos el nuevo nombre.
  • 7. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ocultamos ambas capas que tenemos actualmente. Ahora vamos a la herramienta de texto ubicado en la parte izquierda de nuestra aplicación. Hacemos un recuadro de texto. Y pegamos ahí un texto que nosotros hayamos copiado de alguna parte.
  • 8. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Yo por ejemplo pegué un fragmento del libro de Gabriel García Márquez, Cien años de Soledad. Como el texto será parte fundamental de nuestro efecto, usted puede elegir cual tipo de fuente o tipografía se adapta más a lo que usted quiere. Yo, por ejemplo, seleccione la fuente Brush Script MT. Ahora vamos al menú de edición y “definir valor de pincel” Le colocamos el nombre que deseemos. Yo le coloqué “texto gabo” y das OK.
  • 9. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ahora si podemos eliminar la capa que tiene el texto. Solo debemos tener dos capas creadas. Vamos a crear una capa nueva sobre la capa imagen y la renombramos “TEXTO” En esta capa es que vamos a pintar con el “tipo pincel” que acabamos de crear, vamos a la herramienta pincel, y seleccionamos el último pincel que tengamos.
  • 10. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Podemos cambiar el tamaño a nuestro gusto. Empezamos a colocar nuestro texto con el pincel y podemos hacerlo de diferentes tamaños. Es pintar no arrastrar, ojo.
  • 11. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ahora vamos a crear una máscara de capa sobre la capa del texto. Ocultamos todas las capas menos la capa llamada “imagen” Pulsamos CTRL A para poder seleccionar todo y pulsamos CTRL C para copiar. Ocultamos ahora todas las capas menos la capa llamada texto que dejamos esta vez visible. Y damos clic sobre la miniatura de la máscara de capa, es decir el cuadro blanco.
  • 12. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Con esta miniatura de mascara de capa seleccionada, pulsamos la tecla ALT y clic izquierdo de nuestro mouse, nos debe quedar algo así: Pulsamos CTRL V y lo que hacemos es pegar nuestra selección anterior de nuestro rostro. Y luego CTRL D para quitar la selección y nuestra imagen y está así: Ahora con la mascara seleccionada pulsamos CTRL I para invertirla. Si damos clic en el ojito el texto podemos ver el efecto hecho.
  • 13. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Como se nota poco, debajo de esta capa creamos una capa nueva y la llamamos fondo. Yo en mi caso tomare un color pastel y rellenare con el bote de pintura en mi capa llamada fondo.
  • 14. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ahora nos situamos en capa de nuestro efecto. Clic derecho /opciones de fusión Vamos donde dice superposición de degradado
  • 15. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Seleccionamos el degradado que nosotros queramos. Damos clic en ok
  • 16. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net En mi caso cambie el color del fondo para que se note más. Vamos a seleccionar ahora la herramienta pincel para que se note más, pince y seleccionamos un pincel suave. Y seleccionamos el color negro.
  • 17. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Le bajamos la opacidad al pincel, entre 25 a 30 % Y pintamos sobre la zona de los ojos. (ubicados en la capa llamada imagen)
  • 18. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Todo sea para pulir los detalles de nuestra imagen. Y una vez todo esté listo, habremos terminado.
  • 19. Yan David Burbano Amariles amarilesyan@gmail.com www.fwdigital.net Ejemplos de imágenes con este efecto. Espero les sea muy útil. Les comparto este link que también les puede ser de mucha ayuda. https://www.youtube.com/watch?v=ocIsfhS5Dbc