<center>![Presentación.png](https://cdn.steemitimages.com/DQmTxHeeWGfgsLGP6JD8FzvN1qW1tDSVUeaXsrbrcZ3U6Qr/Presentaci%C3%B3n.png)</center>
###### <h6><div class="text-justify">

Buenas tardes a toda la comunidad hispana, hoy les traigo mi querida comunidad un breve tutorial para hacer un imagotipo 3D (Logotipo) como propuesta para una firma de diseño “Excersior Estudios” de la ciudad donde vivo con nuestro adobe Ilustrator en un paso a  paso fácil de seguir por ustedes. Y como siempre, espero que les guste…

Necesitamos:
<blockquote>

Adobe Ilustrator, si no lo tienes puedes descargarlo [Aquí]( https://www.adobe.com/la/products/illustrator/free-trial-download.html)

 Una paleta de colores, puedes ir [Aquí](https://color.adobe.com/es/create/color-wheel/?base=2&rule=Analogous&selected=0&name=Mi%20tema%20de%20Color&mode=rgb&rgbvalues=0.19265105705680297,1,0.1757459136298094,0.91,0.6779505557811683,0.04550000000000004,1,0,0,0.09172649635968323,0.04550000000000004,0.91,0.050000000000000044,1,0.6035437404013578&swatchOrder=0,1,2,3,4) 

</blockquote>

Por lo cual, hoy vamos a estudiar la técnica de fusión y degradado, trabajaremos con el buzcatrasos, iluminación y degradado, sombras todo para crear un isotipo 3D

Definiciones básicas:
<blockquote>

Isotipo: Parte gráfica del diseño.

Logotipo: Tipografia del diseño (Son las fuentes o letras del diseño)

Imagotipo: Está compuesto por un Isotipo + Logotipo
</blockquote>

<center>![divisor steemit 3.png](https://cdn.steemitimages.com/DQmaWXS7ebcxmnvJx1ww5KbZNvuy5xztVnARuH5aWPQZMoa/divisor%20steemit%203.png)</center>

Bueno sin más empecemos:

<div class="phishy">PASO 1</div>

Abrimos un documento en blanco, y copiamos nuestro diseño de boceto.

<center>![001.png](https://cdn.steemitimages.com/DQmWdfr6tuxBLUyeBWee4AtZA3Dip1JfJLk7cAjj2Sxfe2c/001.png)</center>

Hacemos un círculo; luego hacemos una copia de nuestro circulo que luego vamos a utilizar


<center>![002.png](https://cdn.steemitimages.com/DQmVmtimMC7SDKiyvLqCbFpRLfidfoD63VuT94gKqdCksmc/002.png)</center>

Dibujamos dos formas para simular nuestra “e” de excelsiors y que luego con el buscatrazos y la opción de dividir haremos nuestra “e”. A veces omito pasos porque ya los he explicado en tutoriales pasados.

Ver imágenes siguientes:

<center>![003.png](https://cdn.steemitimages.com/DQmebvaXjYM2eTD4eYZnDuv1g4pWFB4JPMkTKsqo2PV2myF/003.png)</center>

<center>![004.png](https://cdn.steemitimages.com/DQmNQesVZUxXSfqvgR5mQf1yRabukMu3FyKKeTnWM2Wgz7m/004.png)</center>

<center>![005 buscatrazos.png](https://cdn.steemitimages.com/DQmbaHoQ7TqbHPqcNr2mbTASQyXeVwtCujMDCbjPzPdedSM/005%20buscatrazos.png)</center>

<center>![006 buscatrazos.png](https://cdn.steemitimages.com/DQmTT8twwpgqrh1238XYFRwArXmnLb4tNhaLrvjiKokJiMd/006%20buscatrazos.png)</center>

<center>![007 buscatrazos.png](https://cdn.steemitimages.com/DQmRDpzUQLfRNvSjtRzWy8indXLUCW9UMdNeTqyacWHDGgp/007%20buscatrazos.png)</center>

<center>![008 buscatrazos.png](https://cdn.steemitimages.com/DQmNqwk22jgJupF31r4Zyuf6eRyywYnhaZP8VvTRriRvZxD/008%20buscatrazos.png)</center>

<div class="phishy">PASO 2</div>

Llego el turno de darle color a nuestro diseño. Para ello hacemos uso de nuestra paleta de colores, si necesitas una puedes buscarla [Aquí](https://color.adobe.com/es/create/color-wheel/?base=2&rule=Analogous&selected=0&name=Mi%20tema%20de%20Color&mode=rgb&rgbvalues=0.19265105705680297,1,0.1757459136298094,0.91,0.6779505557811683,0.04550000000000004,1,0,0,0.09172649635968323,0.04550000000000004,0.91,0.050000000000000044,1,0.6035437404013578&swatchOrder=0,1,2,3,4) 

<center>![colores.png](https://cdn.steemitimages.com/DQmfE8Xve1KfZhb5wKVoi2SusMf1ECnLRm44aaNKXUMN1ns/colores.png)</center>

Empezamos a colorear nuesto isotipo paso a paso:

<center>![001.png](https://cdn.steemitimages.com/DQmSf2bi83kEwS6SHTvrJRvGfob8eoCUU3w5rSZsUVLtGEz/001.png)</center>

<center>![002.png](https://cdn.steemitimages.com/DQmNWxfV9Rn2eBmiGuPYP9EqWM4avwVsmfxYroRH1R2pmHi/002.png)</center>

<center>![003.png](https://cdn.steemitimages.com/DQmX2k2XnX9HXNzu8mUhjfEJpg6ywSNP9e9p4GBXXAi9qZr/003.png)</center>

<center>![004.png](https://cdn.steemitimages.com/DQmTtdm2qkfkyvzHSpjieBzSAjAzTTRj991xTsu583iMaCP/004.png)</center>

Hacemos una esfera, para ello hacemos un círculo, le damos degradado radial para darle volumen a nuestra esfera, luego la movemos hacia el centro de nuestra “e” y la enviamos atrás, con ello conseguiremos la vista de 3D de nuestro isotipo.

<center>![005.png](https://cdn.steemitimages.com/DQmcaXk86e4S7qzp6pGSBss7QDobmsnMP5cEQBZewjFb1Mq/005.png)</center>

<center>![006.png](https://cdn.steemitimages.com/DQmbapZZx4F2c8Gqaf8ztwpvD6xyknbXRkkJSFQBCo3rkJV/006.png)</center>

<center>![007.png](https://cdn.steemitimages.com/DQmbxxiy9vMDpo2ZrScuk83X1oyfp5x8X6paDezFiakPs6B/007.png)</center>


<center>![008.png](https://cdn.steemitimages.com/DQmVtSnfBRaHCDReoZT8nvsubg1LhnRNahBKpHJ8ngUbnqL/008.png)</center>


<center>![009.png](https://cdn.steemitimages.com/DQmd7reprbD2XXUSZMc87GJrrm8JqcpoghtoDQ34jZfNtTr/009.png)</center>

<div class="phishy">PASO 3 Detalles</div>

En este paso vamos a darle los detalles de pulido y reflejo a nuestro isotipo.

<center>![001.png](https://cdn.steemitimages.com/DQmdTBv4thg6jPQB4WdW4CTy71orCxY2g9bSwznZmM3v5Aj/001.png)</center>

<center>![002.png](https://cdn.steemitimages.com/DQmWYKvtRJ5pBYWrCda2iJQSYMoJCbjdyYnEMnUQhdXWKqG/002.png)</center>

<center>![003.png](https://cdn.steemitimages.com/DQmZiW6RHfZigaNDtdJpXcQWyP3CBg4RJBTPSx8dfcVEfrf/003.png)</center>

<center>![004.png](https://cdn.steemitimages.com/DQmd9yQgA45AiE6sFwzLXrEJkK5wYuiEKyY7E9kt9phjkpW/004.png)</center>

<center>![005.png](https://cdn.steemitimages.com/DQmSLLS3BQusx8vk5obuRLbGJUp9ZvUzYMTFjk312Ewg7Jo/005.png)</center>

<center>![006.png](https://cdn.steemitimages.com/DQmV4und7H699HtWLiMXYb8NMmaE2TMM6y9o8qbqDp5uUqF/006.png)</center>

<center>![007.png](https://cdn.steemitimages.com/DQmPXr7McjaPXmPXpsWZNzhuRvbHtmWm4z6ZA4t9mM2WhXG/007.png)</center>

<center>![008.png](https://cdn.steemitimages.com/DQmYK6jPa4o1UqGJWvyKiGSUCG8u6jvDWU5EHtnv5PZTFaa/008.png)</center>

<center>![008.png](https://cdn.steemitimages.com/DQmYK6jPa4o1UqGJWvyKiGSUCG8u6jvDWU5EHtnv5PZTFaa/008.png)</center>

Hacemos una sombra  con circulo, y degradado radial más transparencia para nuestro isotipo y la movemos hacia abajo de nuestra "e"

<center>![009.png](https://cdn.steemitimages.com/DQmcHj1dprt6zz4nLjBsdcP31Mcn9JMJrxk9JKRM2Vimj1v/009.png)</center>

Hacemos un rectángulo y lo enviamos al fondo.

<center>![00910.png](https://cdn.steemitimages.com/DQmQNMwRCHaJCVKy9H2pRzuoutDvc7jGeJeWozvcM79bVtn/00910.png)</center>

Le damos un poco de luz para iluminación.

<center>![00911.png](https://cdn.steemitimages.com/DQmPFxeYW2SqNJGRQfqtSjH1Ewy2afz7FQPtcRXPgwdKXUz/00911.png)</center>

<div class="phishy">PASO 4 Tipografía</div>

Este paso está dedicado a nuestra tipografía, la cual usaremos Dungeon tipo serif

Puedes descargar otras fuentes en las siguientes páginas: 

https://www.1001freefonts.com/es/new-fonts-4.php

https://www.dafont.com/es/theme.php?cat=501

<center>![001.png](https://cdn.steemitimages.com/DQmem9pKxwwsn7cb5NhfWe4YzruE4frnbL7QCSLLJCXuQ1d/001.png)</center>

<center>![002.png](https://cdn.steemitimages.com/DQmZQc7zDnbqvbx1JbfKNyvBXrnpBKkL6EGcgXSDhGQA3ek/002.png)</center>

<center>![003.png](https://cdn.steemitimages.com/DQmQkqp3BFP4kG1pKs6hCDyGgpN1ncZ9ju3PNSawdhg9GVT/003.png)</center>

Y listo.

<center>![Presentación.png](https://cdn.steemitimages.com/DQmTxHeeWGfgsLGP6JD8FzvN1qW1tDSVUeaXsrbrcZ3U6Qr/Presentaci%C3%B3n.png)</center>

Hasta aquí este esté tutorial. Esperando que te sea de utilidad. Soy kadoshmenorah y hasta una próxima oportunidad y no olvides dejar tus comentarios acá abajo.

<center>![divisor steemit 3.png](https://cdn.steemitimages.com/DQmaWXS7ebcxmnvJx1ww5KbZNvuy5xztVnARuH5aWPQZMoa/divisor%20steemit%203.png)</center>


</div>