En este tutorial vamos a colocar un enlace/link a una imagen en JPG o PNG que nos lleve a una URL. Vamos a utilizar Adobe Photoshop CC; el proceso es rápido y sencillo. (También funciona con versiones más antiguas de Photoshop)
Es un proceso bastante sencillo que de seguro te será de mucha utilidad.
Vamos a dirigirnos a la herramienta de recortar, y dentro de la misma, seleccionaremos la opción “herramienta sector”.
Luego dibujaremos un recuadro sobre nuestro botón, el cual contendrá el enlace.
A continuación, daremos click derecho al mismo y seleccionaremos “modificar opciones del sector”
Una vez abierto, colocaremos el nombre y la URL, la cual será la página a la que nos llevará este enlace.
En la parte de “destino” podríamos colocar lo siguiente: “_blank”, de esta forma, nos abrirá el enlace en una nueva ventana.
El resto de las opciones no es necesario rellenarlas.
Luego de generar el enlace, nos dirigiremos a Archivo > Exportar > Guardar para Web (heredado)
Aquí es muy importante seleccionar el formato en HTML e imágenes
Y luego, lo guardamos donde nosotros queramos con el nombre deseado.
Vamos a revisarlo, donde lo hayamos guardado se nos habrá generado el HTML y una carpeta que se llama Images.
Si revisamos la carpeta, veremos todas las imágenes que componen el diseño.
Y si le damos doble click al HTML, nos dirigirá (con nuestro navegador web predeterminado), a la imagen.
Si vamos al botón y le damos click, nos abrirá la página enlazada al mismo, en una nueva ventana.
¡Y listo! Es un proceso bastante sencillo.
Luego puedes tomar el enlace y la carpeta con las imágenes y utilizar tu gestor de contenidos para tus páginas web y colocarlo donde y como tú quieras.
Espero que te haya gustado este tutorial para crear letras con un efecto 3d con Illustrator. Recuerda que puedes seguirme en el canal de YouTube y en las redes sociales, así mismo puedes compartir este tutorial con quien tú quieras, eso me ayudará a ayudar a más creativos.
Suscribirse a YouTube – https://www.youtube.com/c/VisualbitStudio
Facebook – https://www.facebook.com/visualbitstudio
Instagram – https://www.instagram.com/visualbitstudio/
Twitter – https://twitter.com/VisualbitStudio
Que tengas un gran día.
Módulo 1 – Introducción al curso
Módulo 2: Conceptos básicos de la animación
Módulo 3: Animación con Adobe Photoshop
Módulo 4: Cinemagraphs
Módulo 5: ¡Más de 130 Clips listos para aplicar!
Módulo 6: Cómo crear tus propios clips con loops infinitos
Módulo 7: Cinemagraphs a partir de nuestros videos
Módulo 8: Efecto Parallax o Paralaje
Módulo 9: Efecto Glitch
Módulo 10: Efecto Scribble o garabato
Módulo 11: Visualizador de música
Módulo 1: Fotomontaje Ballena en las nubes
Este módulo se divide en 3 lecciones donde fusionaremos 3 imágenes diferentes en una sola composición surrealista. Aprenderás a ocultar los fondos de las imágenes, igualar colores ajustando el tono, la saturación y la luminancia, ajustar los colores de la composición final, escalar y mover objetos inteligentes, enmascarar elementos y agregar efectos especiales como neblina.
Módulo 2: Poster “Valentía”
El resultado que obtendremos es una imagen que puede ser usada para un poster, donde un soldado está acompañado de un león con el fondo de una ciudad. En este proyecto te mostraré cómo podemos pasar de un boceto sencillo hecho a mano, a una composición realista y de alto impacto.
Módulo 3: Rompiendo las reglas
Vamos a crear una imagen surreal en la que un fotógrafo está de pie sobre un bloque de tierra con naturaleza. Aprenderás a igualar el tono, saturación e iluminación de las diferentes imágenes para que queden como una sola. Te mostraré cómo puedes agregar efectos especiales y una atmósfera fría y muy interesante.
Módulo 4: Casa en el espacio
Aprenderás a fusionar 8 imágenes en una sola, entenderás cómo jugar con la iluminación, cómo crear efectos especiales, cómo organizar los elementos escalándolos y rotándolos para que queden realistas y cómo agregar brillos especiales.
Módulo 5: Reemplazar fondo e igualar colores
Aprenderás a igualar el tono, saturación e iluminación de las diferentes imágenes para que queden como una sola. Te mostraré cómo puedes agregar efectos especiales y una atmósfera fría y muy interesante. Por último, verás cómo puedes jugar con los detalles para lograr una composición realista. Cuando veas el resultado final, jamás pensarás que son tres imágenes diferentes.
Módulo 1: Bienvenida al Curso completo de Photoshop
Módulo 2: Conceptos clave de la imagen
Módulo 3: Interfaz de usuario de Photoshop
Módulo 4: Todo sobre las capas
Módulo 5: Modos de fusión
Módulo 6: Selecciones
Módulo 7: Objetos inteligentes
Módulo 8: Máscaras y textos
Módulo 9: Capas de relleno y ajuste
Módulo 10: Ajustes preestablecidos y automáticos
Módulo 11: Borrar objetos o personas
Módulo 12: Pinceles
Módulo 13: Formas y trazados
Módulo 14: Estilos de capa
Módulo 15: Deformar objetos
Módulo 16: Enfocar, desenfocar, sobre exponer y sub exponer
Módulo 17: Filtros y trabajo final
Módulo 1: Bienvenida
Módulo 2: Conceptos Básicos
Módulo 3: Interfaz de usuario y creación de archivos
Módulo 4: Creación de formas
Módulo 5: Color
Módulo 6: Efectos sobre formas y mapas de bits
Módulo 7: Motivos y símbolos
Módulo 8: Textos
Módulo 9: Herramientas avanzadas
Módulo 10: Trabajo final
Módulo 1: Bienvenid@:
Módulo 2: Entendiendo el diseño:
Módulo 3: Principios fundamentales del diseño:
Módulo 4: El Color:
Módulo 5: La Tipografía:
Módulo 6: Identidad visual:
Módulo 7: La investigación:
Módulo 8: El método ICPR:
Módulo 9: Aplicación del método ICPR:
Módulo 10: Diseño usando el método ICPR paso a paso:
Módulo 11: Finalización del curso