Como Digitalizar o Reconstruir una Imagen en Ilustrator

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@inu-jim·
0.000 HBD
Como Digitalizar o Reconstruir una Imagen en Ilustrator
<div class="text-justify">
<p> Como cita el título de este post, tome la iniciativa de compartirles un breve, pero detallado tutorial, que puede que a muchos les interese y a otros no tanto, pero con certeza sé, que para los más entusiastas los sacara de algún apuro. </p></div>                                

![Robot de Jimmy Post.png](https://cdn.steemitimages.com/DQmT4Mc3oTjA9aSxUnqwc3kRk8ys3uWFot5vX6BouR3LTak/Robot%20de%20Jimmy%20Post.png)

<div class="text-justify">
<p> Mi designio original era solo comunicarles algún breve relato acompañado de ilustraciones de mi autoría, o de algún trabajo digital realizado en tiempos pasados. "Como es en este caso" y es allí donde fugaz como cometa; Llego esta idea, la cual es mejor y mucho más beneficioso para ustedes, que si  solo fuese revelado un viejo proyecto mío.  </p></div>                                

![Separadores para Web-04.png](https://cdn.steemitimages.com/DQmVT7bxVUXjiYvnYCp3Xu53v9aBT2PZMwsX2NyVrMuMHX8/Separadores%20para%20Web-04.png)

<div class="text-justify">
<p> Muchos o más bien todos, hemos tenido la siguiente dificultad, el querer usar una imagen analógica, ya trate de un logo, croquis o dibujo impreso en cualquier papel, para aplicarla en nuestros proyectos de internet  y no poder conseguirla por ningún cobijo en toda la web, o en su defecto encontrarla en una calidad tan lamentable que hace inadmisible su uso en nuestro propósito.</p></div>
<div class="text-justify">
<p> Antes de continuar desaprovechando valioso tiempo en intentar conseguir una favorable imagen en mejor condición, en los extensos límites de la web, lo más seguro es que esto será un esfuerzo en vano.</p></div>
<div class="text-justify">
<p> Es este punto de no retorno se presentan DOS únicas soluciones. "Suprimir por completo la aplicación de la imagen o rehacerla con algún programa de diseño Grafico". Cuando se trata de una imagen se debe aplicar programas de diseño vectorial, los dos dominantes pretendientes para esta labor son Corel Draw y Ilustrator cada uno con sus virtudes y discrepancias, aunque se similar manejo. El programa con el cual explicare es el Ilustrador por ser más completo en herramientas, no obstante si se utilizara el Corel Draw, el procedimiento seria el mismo y de igual resultado. </p></div>

![Separadores para Web-04.png](https://cdn.steemitimages.com/DQmVT7bxVUXjiYvnYCp3Xu53v9aBT2PZMwsX2NyVrMuMHX8/Separadores%20para%20Web-04.png)

<div class="text-justify">
<p> Para iniciar se debe escanear o fotografiar, la imagen a rehacer y emplearla en una capa base, obviamente bloqueandola para obtener  un mayor desempeño..</p></div>

![1.jpg](https://cdn.steemitimages.com/DQmbjLnErfB5PRe2j6AxEfCshMu7RNpojHDcivm89atFCee/1.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<div class="text-justify">
<p> Las utensilios que se emplearan en la restauración de la imagen, esta ubicados al la izquierda, en la ventana nombrada "Barra de herramientas". Para los aventureros en el aprendizaje les dejo como labor experimentar con cada una de ellas, luego que haber descargado el programa, claro está, de momento solo se utilizaran las herramientas: Selección (V), Selección Directa (A), Pluma (P), Rectángulo (M), Elipse (L) y Degradado (G) otras más estarían de más.</p></div>
<div class="text-justify">
<p> Iniciamos con la Cabeza del personaje, creando una forma con la Herramienta Elipse (L) y editándola con Selección Directa (A) por medio de la edición de los nodos (esos diminutos cuadritos que determinan la trayectoria de la forma).</p></div>

![2.jpg](https://cdn.steemitimages.com/DQmPx9EPkBXeMUsCu47QGyGNBWeHMH6xXydHcXxLEadUrWm/2.jpg)

<div class="text-justify">
<p>Cabe destacar que el trazo tiene mucha importancia en la imagen, cada forma está compuesta con un trazado y un relleno predominado, y dependiendo de la imagen de referencia, ubicaremos donde poseerá mayor o menor grosor el trazo.</p></div>

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> En algunas partes de la imagen, será inútil la aplicación de las herramientas Rectángulo (M) y Elipse (L), es allí donde se utilizara la Herramienta Pluma (P) con la cual iremos calcando el contorno de la forma a elaborar hasta cerrarla. (Recomiendo ver algunos video tutoriales para que se entienda mejor su usanza, en algún momento futuro les hare un video explicándoles... cuando aprenda como editar videos de momento las imágenes estáticas son mi dominio)</p></div>

![3.jpg](https://cdn.steemitimages.com/DQmRWiiNjcic1WkWaufrJuoU9FqLUXwyNwMY7tnwyTCqC1L/3.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<div class="text-justify">
<p> Se repite el mismo procedimiento has completar la estructura primordial de la imagen en reconstrucción. Todo debe confeccionarse como sumo cuidado en los detalles y por sobretodo paciencia y dedicación y en especial Fe en tus capacidades, recuerda que eres capaz de mucho solo que aun no lo has intentado.</p></div>

![4.jpg](https://cdn.steemitimages.com/DQmcQQWAbVP5YpjNj64XHAQ9nfXVvkGWLMcPRjnqrYCFFV8/4.jpg)

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> Obtenida la imagen ya estamos a medio camino de acabar. Llego el momento de aplicar color. Usando la herramienta de Selección (V) seleccionaremos cada forma de manera individual sin modificar su estructura, daremos clic en el cuadro que muestra el color actual de la forma (este esta ubicado en DOS lugares, en la parte superior por debajo de las pestaña de Edición y Objetos o casi al final de la barra de herramientas) es allí donde podremos editar el color del traza y del relleno de la forma por los colores deseados en nuestra encomienda.</p></div>

![5.jpg](https://cdn.steemitimages.com/DQmeNjDvvFnA52ZqjbW66nyoCxY91vtKXqKnM1KK7j83bnh/5.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<div class="text-justify">
<p> Seleccionado los colores definitivos es momento de usar la herramienta Degradado (G), en su manejo se abrirá de manera automática una nueva ventana a nuestra derecha, en donde se nos permitirá la edición de los tonos en nuestros degradados.</p></div>

![6.jpg](https://cdn.steemitimages.com/DQmZfJY3egnpYZLxpMEfVt1WbMSXDs77LXfxjDhdDt6t9Qh/6.jpg)

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> Ya es cuestión de ser sumamente exigentes con nosotros mismos y no confórmanos con un mero aproximado, si no los proponemos podemos recrear impresionantes réplicas que nada envidiaran a la original. En algunos casos hasta la superan por otorgarles nuestro propio toque personal. Pero aun no terminamos.</p></div>

![7.jpg](https://cdn.steemitimages.com/DQmb5xFRZucqugfzT19gbePki28Lqb9sxerDBn35iPo4Vpn/7.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<div class="text-justify">
<p> Siendo Quisquilloso con los detalles. Es momento de aplicar luces y sombras, se utilizara la Herramienta de Pluma (P) para completar esta labor, empleando formas con colores más oscuros y sin Trazos.</p></div>

![8.jpg](https://cdn.steemitimages.com/DQmVmgyytqy8SVfWuLxkdoXy6CTyvzxXrSQfkqJkqHSiJzW/8.jpg)

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> Esta nueva forma estará por superpuesto de las demás, los cual le quita estética a nuestro trabajo, para solucionarlo seleccionamos esta forma y con clic derecho del mouse aparece una pequeña ventana, donde elegimos la opción de organizar donde lograremos envíala atrás de las demás formas. También se puede usando estos comandos Ctrl +9 para ir atrás de las demás y Ctrl +0 para traer al frente por si nos hemos pasado.</p></div>

![9.jpg](https://cdn.steemitimages.com/DQmYQxHiuLgkQn2BqrsrMXt3VGHQx46nFRLcfXq5QKsW7ni/9.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<center> Dispuesto el sombreado, en este momento vienen las luces. </center>

![10.jpg](https://cdn.steemitimages.com/DQmNgNwninU9R9JZv6x375QmKdz81DrGF8dTNoTy5fsWYQy/10.jpg)

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> Se efectúa el mismo procedimiento que se empleo en las sombras, solo que las formas "sin trazo nuevamente" no serán rellenas de un matiz más oscuro, de lo contrario se aplicara con un blanco, al lado derecho de la pestaña de degradado estará una llamada transparencias donde podremos reducir la opacidad de las forma para dar esa magnifica ilusión de un destello.</p></div>

![11.jpg](https://cdn.steemitimages.com/DQmc1d7qZwfwd6ZkYiUompP1PjnwwTt5PNE7x1D6tQiPgZh/11.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

<center> Esta imagen exigió que algunos destellos se posicionaran por detrás de algunas formas. </center>

![12.jpg](https://cdn.steemitimages.com/DQmTAK44Nwcz4agssNUonAjM3ij5AMKZ35FMyXZwRRLa1Eb/12.jpg)

![Separadores para Web-03.png](https://cdn.steemitimages.com/DQmWQ1ZxPuV7zVXoUqfftuTJVg8FLTwL3aYMZBwkVNZf9pm/Separadores%20para%20Web-03.png)

<div class="text-justify">
<p> Y Finiquitado hemos reconstruido una imagen a partir de una foto analógica. Enhorabuena has adquirido una nueva habilidad en diseño gráfico.</p></div>

![13.jpg](https://cdn.steemitimages.com/DQmbXgawkKSgzxLDQkacLGAfDocuzGAcLGRRzGnZ1QSkQUV/13.jpg)

![Separadores para Web-01.png](https://cdn.steemitimages.com/DQmdTE19iXkncvtvxDtS8mXbdNRG1LXQ177jhFiqjYQAsj2/Separadores%20para%20Web-01.png)

# <center> Muchas gracias por leer mi publicación
Todas las imágenes, baners, franjas y gifs, utilizados en esta publicación son de mi propiedad.
Nos vemos en una próxima publicación
</center>


# <center>___Inu-Jim___</center>

![Inu-Jim LOGO.png](https://cdn.steemitimages.com/DQmWE823E78jZuAcLHEVH91t9gnS4Td9CSXEG5EtNX4KcK3/Inu-Jim%20LOGO.png)
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,