tag:blogger.com,1999:blog-607098363685237642024-02-02T01:29:41.940-08:00CGsign Blog de DiseñoBienvenidos a este blog sobre diseñoMatius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.comBlogger123125tag:blogger.com,1999:blog-60709836368523764.post-28264445945758646932012-04-10T11:17:00.001-07:002012-04-10T11:17:13.861-07:00Pinceles de efectos de cabello y pelo para PhotoshopPinceles de efectos de cabello y pelo para Photoshop en formato ABR, para instalarlo <a href="http://cgsign.blogspot.com/2011/07/como-instalar-pinceles-formato-abr-en.html">vea el siguiente tutorial</a>.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg893CSht1kbCfRqNmRW2AR402Hgmk03K8aK9PVOiVJA1q0vmIIMbkC_7ttQLrQQr_UJtnX_wBT8EujaS2BeCEPyMtPMAEsCoXeIFS_BfJyBZzkSDRfiIO_CAQaC-HngDukEmRFPGQ0I0/s1600/pincel+para+cabello.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg893CSht1kbCfRqNmRW2AR402Hgmk03K8aK9PVOiVJA1q0vmIIMbkC_7ttQLrQQr_UJtnX_wBT8EujaS2BeCEPyMtPMAEsCoXeIFS_BfJyBZzkSDRfiIO_CAQaC-HngDukEmRFPGQ0I0/s320/pincel+para+cabello.jpg" width="320" /></a></div>
<div style="text-align: center;">
5 Pinceles para cabellos en formato ABR para Photoshop</div>
<div style="text-align: center;">
<a href="http://www.deviantart.com/download/145384302/Hair_brush_set_by_para_vine.abr">Descargar</a> | <a href="http://para-vine.deviantart.com/" target="_blank">Sitio web</a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZUeO0H-SvRgbJVkR6-KK2m35E2zDYE46F72AjAvPdJHWnEHjwsgLKE8eoBY9g_G_jn0CFToNJfyVoCIyhrDFX3KQBWLLteFgBqGKVJRglkGlGt7ogcbOLo8lxy80XSF_lLynEwZXUoI/s1600/pinceles+para+cabello+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsZUeO0H-SvRgbJVkR6-KK2m35E2zDYE46F72AjAvPdJHWnEHjwsgLKE8eoBY9g_G_jn0CFToNJfyVoCIyhrDFX3KQBWLLteFgBqGKVJRglkGlGt7ogcbOLo8lxy80XSF_lLynEwZXUoI/s320/pinceles+para+cabello+3.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
4 Pinceles para cabellos en formato ABR para Photoshop</div>
<div style="text-align: center;">
<a href="http://www.deviantart.com/download/128268572/eyelash_and_hair_brush_by_Ln213.zip" target="_blank">Descargar</a> (ZIP) | <a href="http://ln213.deviantart.com/" target="_blank">Sitio web</a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFof0T_yTIlUvfXbaorOvzopCUraIEKqQ2-Uv-SZFfsXLpeGzun2-0dVODCNuiF25xwk_2fwLxPsbQ3Ocw9jSJm6bE5tmSYwATG47bLeFQOUq83cTyhbF99uS-2YBVAJJwkZDrlXvIyw/s1600/pinceles+para+cabello.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFof0T_yTIlUvfXbaorOvzopCUraIEKqQ2-Uv-SZFfsXLpeGzun2-0dVODCNuiF25xwk_2fwLxPsbQ3Ocw9jSJm6bE5tmSYwATG47bLeFQOUq83cTyhbF99uS-2YBVAJJwkZDrlXvIyw/s320/pinceles+para+cabello.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
Pinceles para cabellos en formato ABR para Photoshop</div>
<div style="text-align: center;">
<a href="http://www.deviantart.com/download/81568814/Sphu__s_Hair_Brush_V_2_by_sphu.abr">Descargar</a> | <a href="http://sphu.deviantart.com/" target="_blank">Sitio web</a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-83178090110845400452012-03-12T18:11:00.001-07:002012-03-12T18:11:41.405-07:00Mapa de México Orográfico, hidrográfico con / sin nombresMapas de la república Mexicana en blanco y negro para imprimir con y sin nombres de las divisiones estatales, además del mapa orográfico (Montañas) e hidrográfico (Rios)<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Wz-YGYWGKQSdvEaDPuT-uGIxFyaIYbopbjRbszJJvhAAtupVouIz12Rp3H3749MOTF-vvh-RXe6WYNkIJfL1S5rkf6EpyZIgj4Z4EQDzN49pMWdUItklsR21lphlH5o36-OfjNt9d2U/s1600/Mapa_Mexico+mapa+hidrogr%C3%A1fico.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Wz-YGYWGKQSdvEaDPuT-uGIxFyaIYbopbjRbszJJvhAAtupVouIz12Rp3H3749MOTF-vvh-RXe6WYNkIJfL1S5rkf6EpyZIgj4Z4EQDzN49pMWdUItklsR21lphlH5o36-OfjNt9d2U/s320/Mapa_Mexico+mapa+hidrogr%C3%A1fico.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa Hidrográfico</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLTe6Gnz20dq6gWDZBxNY3G97fU3J2y1OVGAdkbXlhJqWKuGj387tgYgeoZvHKUMXL_5rZ-BR_vweiopn72Fl9IaDfZIngwxJCjr3O8CjbzCwSwl-kZ6SMfVumc_LUHJJ6aj8tROz0aw/s1600/Mapa_Mexico+mapa+nombres+divisiones+estados.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLTe6Gnz20dq6gWDZBxNY3G97fU3J2y1OVGAdkbXlhJqWKuGj387tgYgeoZvHKUMXL_5rZ-BR_vweiopn72Fl9IaDfZIngwxJCjr3O8CjbzCwSwl-kZ6SMfVumc_LUHJJ6aj8tROz0aw/s320/Mapa_Mexico+mapa+nombres+divisiones+estados.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa con nombres</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJLxOei7WfVeZYrbpUQ45jihQb8ME_M0kJRvGRPgcS6VTJNLDpIavO_BGFQdtgFYf4oW5_tNcli6N5hsUAdP2celxJuy6JuThQHlz35-pd0R57Eq74wLptEqoJeqg2CZ0qZR_edzymRFo/s1600/Mapa_Mexico+mapa+orogr%C3%A1fico.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJLxOei7WfVeZYrbpUQ45jihQb8ME_M0kJRvGRPgcS6VTJNLDpIavO_BGFQdtgFYf4oW5_tNcli6N5hsUAdP2celxJuy6JuThQHlz35-pd0R57Eq74wLptEqoJeqg2CZ0qZR_edzymRFo/s320/Mapa_Mexico+mapa+orogr%C3%A1fico.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa orográfico.</td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdIWGVrcXtvllO7FgGueguC2vxNap5JkFypdWY3P3-FjeQe12jvF_fiboVYuB1nfZiRSZUMXrkfDGYJNdcr6NpJYXxQQcgy-YpolF3_99xsniEZYmtmZqHkQX5Zm1813FusqLVJBIGRk/s1600/Mapa_Mexico+mapa+sin+nombres+divisiones+estados.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdIWGVrcXtvllO7FgGueguC2vxNap5JkFypdWY3P3-FjeQe12jvF_fiboVYuB1nfZiRSZUMXrkfDGYJNdcr6NpJYXxQQcgy-YpolF3_99xsniEZYmtmZqHkQX5Zm1813FusqLVJBIGRk/s320/Mapa_Mexico+mapa+sin+nombres+divisiones+estados.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mapa sin nombres</td></tr>
</tbody></table>
<br />Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-19137275143074756352012-01-20T22:44:00.000-08:002012-01-20T22:44:56.341-08:0025 Plantas Acuáticas en formato PNG trasnparentes<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI75Xh8UaBvjVcmK0dqjQQn-IFOk1pGZq4YsqZvL88d_DRDjWt1TumXw4uevCC_2dBflHWFQWY-ezwpj2EwuX1XYME282Qy3RAu5mPJqMkUh95xtw4loq7L1j4sBatl6vYgxLeIsZ8p3o/s1600/plantas+acu%25C3%25A1ticas+25+png.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI75Xh8UaBvjVcmK0dqjQQn-IFOk1pGZq4YsqZvL88d_DRDjWt1TumXw4uevCC_2dBflHWFQWY-ezwpj2EwuX1XYME282Qy3RAu5mPJqMkUh95xtw4loq7L1j4sBatl6vYgxLeIsZ8p3o/s320/plantas+acu%25C3%25A1ticas+25+png.jpg" width="315" /></a></div>
<div style="text-align: center;">
25 archivos PNG transparentes de Plantas acuáticas</div>
<div style="text-align: center;">
Estatus: Gratuitas, Tipo: Mapa de bits </div>
<div style="text-align: center;">
<a href="http://frostbo.deviantart.com/" target="_blank">Sitio web del autor</a> | <a href="http://www.deviantart.com/download/255297243/25_aquatic_plants_in_png_by_frostbo-d47zwm3.zip" target="_blank">Descargar</a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-18463498973587538862011-11-24T15:12:00.001-08:002011-11-24T15:53:08.825-08:0020 Pinceles para Photoshop: manchas, ralladuras y texturas varias<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp5CXGs4vAUi1Y0taQRDohEsiGoE8BzmaWES46Jnl5KEt_qk69NOjMO4BQdpjy8v4pndgdOfqf5_koZRJFIYv58wczoluljoEE3sR87IsRTgYNCZsX3CbyavGRDduN2_hQx84CXbh_0Yo/s1600/pinceles+para+photoshop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp5CXGs4vAUi1Y0taQRDohEsiGoE8BzmaWES46Jnl5KEt_qk69NOjMO4BQdpjy8v4pndgdOfqf5_koZRJFIYv58wczoluljoEE3sR87IsRTgYNCZsX3CbyavGRDduN2_hQx84CXbh_0Yo/s320/pinceles+para+photoshop.jpg" width="280" /></a></div>
<div style="text-align: center;">
20 pinceles de manchas, rayones y salpicado para Photoshop</div>
<div style="text-align: center;">
<a href="http://kikariz.deviantart.com/art/Photoshop-Brushes-176096582" target="_blank">Sitio web del autor</a> | <a href="http://www.deviantart.com/download/176096582/Photoshop_Brushes_by_Kikariz.abr" target="_blank">Descargar</a> (*.abr)</div>
Para cargar un archivo abr en Photoshop puede aprender como con el siguiente tutorial: <a href="http://cgsign.blogspot.com/2011/07/como-instalar-pinceles-formato-abr-en.html">Como instalar pinceles formato abr en Photoshop</a>.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-75481325406870941912011-09-06T15:49:00.000-07:002011-09-06T15:49:23.383-07:00Sangrado y marcas de corteAl preparar una trabajo ilustración para su impresión, es necesario ciertas marcas o registros para que el impresor empate las placas de impresión con precisión y compruebe si el color es correcto, además para el suajado o corte del material en que se imprime. Estas marcas son las marcas de recorte, marcas de registro, estrellas, barras de calibración y rótulos.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YBJ-vAyQixDw6RwjZ9dgzU9cGoDSUH_ps5EIwaWZub34uCiT-uz1bFJKQoX8-LCPyl8fwuVyu9H9Y88tRYURIBCBz3jsNsAqvcbPEY79Vy-8bXTD50O6EN_onLdoXhXYBXFBmaOfN30/s1600/Sangres_y_marcas_de_corte_anotaciones.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="291" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YBJ-vAyQixDw6RwjZ9dgzU9cGoDSUH_ps5EIwaWZub34uCiT-uz1bFJKQoX8-LCPyl8fwuVyu9H9Y88tRYURIBCBz3jsNsAqvcbPEY79Vy-8bXTD50O6EN_onLdoXhXYBXFBmaOfN30/s400/Sangres_y_marcas_de_corte_anotaciones.jpg" width="400" /></a></div>Las marcas de corte (Crop marks) son dos líneas en cada esquina del límite de diseño, que el impresor usada para hacer el corte con la guillotina con la que se corta las hojas de papel, plástico o cartón.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjDS9JSo5UlaiDLUXsLYf5s1Sl47pGtuhe47Ll33KI1_60urSNJZrvwfu2iyfCPkHnC1uxG0rBpAW0xmzvcqKe6Izl1NjPLTAGR3_w3Tr3G0exxmXdEskJyYJm-NdEF_G5GIEgyyWDQ8/s1600/marcas+de+corte.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQjDS9JSo5UlaiDLUXsLYf5s1Sl47pGtuhe47Ll33KI1_60urSNJZrvwfu2iyfCPkHnC1uxG0rBpAW0xmzvcqKe6Izl1NjPLTAGR3_w3Tr3G0exxmXdEskJyYJm-NdEF_G5GIEgyyWDQ8/s320/marcas+de+corte.jpg" width="298" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">En cada esquina deben ir dos líneas de al menos 4 mm.</td></tr>
</tbody></table>Esta marca de corte se debe poner obligatoriamente, mientras otros registros actualmente los manejan independientemente los impresores, salvo para trabajos muy precisos.<br />
<br />
La excepción del uso de las marcas de cortes, es cuando el corte es irregular y no puede ser cortado por una guillotina (como una caja armable de perfume), en la cual tenemos que usar marcas de registro y un diseño independiente a línea negra con la forma del diseño del corte que el impresor usa para hacer cuchillas de corte.<br />
<br />
<b>La sangria o desborde</b><br />
Dentro de un diseño que va a ser mandado a impresión, para un revista por ejemplo, es necesario tener en cuenta que el trabajo va a ser pasado por una guillotina de corte o un suajado, por lo que si un color se pega a lo que es el límite del área de corte -como un relleno de fondo- es necesario desbordar el espacio de la impresión al menos 3 milímetros de la forma en que se ve abajo:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FJcFeJqoBA-oSvRTV0rrattNyqVCg45xskbSHrNGfXaK83VLaEGNuumNRJRfWVfKlsQXn89zz44_6A6T9wYDSsYnxxQlusxpkSePi5X2Izk_eE-iSrQRnkMJPsmPF43UbnlBukOxbms/s1600/img-bleed-crop-marks.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FJcFeJqoBA-oSvRTV0rrattNyqVCg45xskbSHrNGfXaK83VLaEGNuumNRJRfWVfKlsQXn89zz44_6A6T9wYDSsYnxxQlusxpkSePi5X2Izk_eE-iSrQRnkMJPsmPF43UbnlBukOxbms/s400/img-bleed-crop-marks.gif" width="400" /></a></div>Esto asegura que cuando se corte y el diseño no esté bien "registrado", el trabajo de salida no muestre áreas blancas no impresas que debieron tener color, nunca una impresión donde ocurren estos errores debido a que el corte de guillotina neumática de corte no es automatizada, sino es un corte hecho manualmente por el impresor.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com1tag:blogger.com,1999:blog-60709836368523764.post-59756856687800790992011-09-06T14:46:00.000-07:002011-09-06T14:46:26.139-07:00Definición de líneas y polilíneas en programas de Vectores<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFL3SXoWwhm_1PiuZSXWrG9eXqWLoJmu4365_glaTC08sIO20ckuuQLwKg-165gAihfHIL9MZ0FsCWnQOc0JApLaGlMgWSAz5BEVC4qYOpjvhyAYzusT5NUfSbyJ0w06L0Rx5s5J4FLv4/s1600/POLYLINE.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="129" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFL3SXoWwhm_1PiuZSXWrG9eXqWLoJmu4365_glaTC08sIO20ckuuQLwKg-165gAihfHIL9MZ0FsCWnQOc0JApLaGlMgWSAz5BEVC4qYOpjvhyAYzusT5NUfSbyJ0w06L0Rx5s5J4FLv4/s320/POLYLINE.gif" width="320" /></a></div>Una línea en un programa de vectorización, es un gráfico compuesto por dos nodos de control. En un programa de vectores la parte mínima de un gráfico es el nodo o punto de control, las lineas son las esquinas o edges que forman el contorno de un objeto que pueden aplicarse diversos algoritmos de apariencia, textura y color.<br />
<br />
La polilínea del inglés Polyline, es un tramo de vectores rectos con tres o más nodos de control, las curvas bezier no son polilíneas, pues los nodos se usan para modificar y controlar un algorimo que genera una curva, aunque finalmente es un solo tramo de línea de formada, mientras que en una polilínea podemos separar los tramos rectangulares.<br />
<br />
Una polilínea puede ser convertida en Curva o Bezier.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-12900673768395112062011-07-27T14:13:00.000-07:002011-07-27T14:13:00.213-07:00Tres asistente online para crear CSS de tipografíasEl uso de asistentes, a veces es mejor que perder tiempo y usar un editor como Dreamweaver, cuando más avanzamos en conocimiento más fácil es hacer las cosas a codigo limpio sin intermediario, pero algunas cosas como las fuentes toman su tiempo y asistentes en linea son las perfectas herramientas WYSIWYG que de forma práctica nos permite hacer, estas a mi parecer son las mejores opciones para crear y comparar textos CSS.<br />
<br />
<a href="http://csstypeset.com/index.htm">CSS Type set</a><br />
Type Set no tiene todas las opciones de fuente, pero es el más práctico. El código se va generando en tiempo real mientras vemos el cambio en l entrada del texto. Solamente ofrece unidades relativas como unidad (px y em).<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFQ1fRhNG5y7RUy_R9lhf2IR3_8MBuTZLzSHkbVJcW7D1yPACo4eDkBCwfCvW_ZpROYZRam8d49LPlJItb3J06BIaDWWj7p2WKGQ7yyueCm8vLE-Y1TZAG1nh4e4H5D63tZU6nay8EfU0/s1600/type+set.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFQ1fRhNG5y7RUy_R9lhf2IR3_8MBuTZLzSHkbVJcW7D1yPACo4eDkBCwfCvW_ZpROYZRam8d49LPlJItb3J06BIaDWWj7p2WKGQ7yyueCm8vLE-Y1TZAG1nh4e4H5D63tZU6nay8EfU0/s320/type+set.jpg" width="320" /></a></div><br />
<a href="http://www.typetester.org/">Typetester</a><br />
Typetester.org por otro lado presenta tres columnas cada uno podemos configurarla con una tipografía diferente, al lado de la cual en un texto rotado se muestran todas las variedades de un tipografía, regular, bold, italic, uppercase / regular, uppercase-bold, uppercase-italic etcétera, algo bastante práctico para ver los contrastes y la legibilidad.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCM5XAWBYNoa-ZbTpfulT51FKlhHsj_reTt8qXJCvvw2DDRTk-hQGdUV5bCSmpN5kjcGfkVoB1NBkNjrGG6PBbXkmU5mEAkygZOBNVCmi7pQ-TWnrNSJgerDZx3fo4bAFQVcx3_p1zo0/s1600/typetester+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCM5XAWBYNoa-ZbTpfulT51FKlhHsj_reTt8qXJCvvw2DDRTk-hQGdUV5bCSmpN5kjcGfkVoB1NBkNjrGG6PBbXkmU5mEAkygZOBNVCmi7pQ-TWnrNSJgerDZx3fo4bAFQVcx3_p1zo0/s320/typetester+1.jpg" width="250" /></a></div>Una vez que queramos obtener el código, damos clic en tools y elegimos la columna, se abrirá una ventanita que nos permitirá copiar el código<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpVyVMsiRxqLW_Ab8wLuh6_HQkxmrhVM6avBxUgxZORY6uXkK5aq9u-wZpSRNZB6MgFP363z3PKOKH8W5F0VXoLVGLtvTRyPKHsSTwZy8vGvpKEOlYQESp5OJREnWJoK4XML9Bh8i_1Mk/s1600/obtener+codigo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="124" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpVyVMsiRxqLW_Ab8wLuh6_HQkxmrhVM6avBxUgxZORY6uXkK5aq9u-wZpSRNZB6MgFP363z3PKOKH8W5F0VXoLVGLtvTRyPKHsSTwZy8vGvpKEOlYQESp5OJREnWJoK4XML9Bh8i_1Mk/s320/obtener+codigo.jpg" width="320" /></a></div><br />
<a href="http://www.fonttester.com/">Font tester</a><br />
Font tester por otro lado además de comparar CSS de texto, es un completo editor CSS que podemos ver en una o más columnas y asignar a cada una diferentes propiedades CSS:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_0YijawIAe157y15y5lyfHfP-pnMkjtoDQZN6xEK1gZBrqugUsKXh21ktjQGLR9qtrIXaDIsAsLHNpulj8IXjaPUNmB10B5QKcD7IyutafNGrKrFMzQvxcIFpOSf3-dYjSOYirv-l_w/s1600/fontester.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5_0YijawIAe157y15y5lyfHfP-pnMkjtoDQZN6xEK1gZBrqugUsKXh21ktjQGLR9qtrIXaDIsAsLHNpulj8IXjaPUNmB10B5QKcD7IyutafNGrKrFMzQvxcIFpOSf3-dYjSOYirv-l_w/s320/fontester.jpg" width="320" /></a></div>Una vez obtenido el código nos permite obtener el CSS dividido en regla CSS, implementado por Etiqueta, ID o Clase:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTkrvOmVBp4M8WFhQbFhINT5Z-6aTFQTLHmsgUraH1vS1IaKJUwgAlethgpe2UCkYwdFctyRwpA_TKOGps7Re-_8SsHwKubmZncGjKA86eLKUVG88ocMJXPgcpX4qcYY7lW0Ys1qU1DDo/s1600/obtener+codigo+font+tester.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTkrvOmVBp4M8WFhQbFhINT5Z-6aTFQTLHmsgUraH1vS1IaKJUwgAlethgpe2UCkYwdFctyRwpA_TKOGps7Re-_8SsHwKubmZncGjKA86eLKUVG88ocMJXPgcpX4qcYY7lW0Ys1qU1DDo/s320/obtener+codigo+font+tester.jpg" width="320" /></a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-62482952148616709622011-07-23T17:19:00.000-07:002011-07-23T23:17:18.958-07:00Crear pelo tipo peluche mediante Photoshop<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFgRTVpHElmXA5wo7B75IqzMVDXbeq8w0SP0dBJAlRreKt20WQBc_iqzirrVvTiLbJYdfij8iP3fb4cHdUGQcS3jlIY3LpejiMTqIoGJcEwYIME5mQbM6-2TQSwJQ0erf-Rxp2OHLybU/s1600/efecto+de+pelo+photoshop+cs5.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGFgRTVpHElmXA5wo7B75IqzMVDXbeq8w0SP0dBJAlRreKt20WQBc_iqzirrVvTiLbJYdfij8iP3fb4cHdUGQcS3jlIY3LpejiMTqIoGJcEwYIME5mQbM6-2TQSwJQ0erf-Rxp2OHLybU/s1600/efecto+de+pelo+photoshop+cs5.jpg" /></a></div>Este tutorial no es sobre como crear cabello, sino pelo; ya sea de animales o sintéticos como peluches, los resultados dependen mucho de cuanto tiempo se invierta en ello pero la idea es bastante simple, se trata de arrastrar la pintura de un degradado y darle el efecto de pelo.<br />
<br />
Para este tutorial se requiere una tableta de dibujo y Photoshop CS5 o que posea la función de pintar en el arrastre de color o smudge.<br />
<br />
El resultado final es únicamente un ejemplo de como debe hacerse, no realizaremos un paso a paso con salidas realistas, pero es el principio que yo seguiría.<br />
<br />
Este es un ejemplo básico de los tipos de pelo que pueden crearse según la intensidad de la herramienta los de menor intensidad servirán para crear tanto el relleno de la superficie como pelos muy finos.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDppQ9JaU9lGz3U3D9ev2UZyJoX6eoPDce0ppNoeXDGlnaZDV2M_q4OpiMM12dbX4DjHaPSle9uejG7eqT9H0VfsHZHNRlszVDHwB7RGP2HBVTBALge1PXz33WSf8iSwquMwUe7w4OVEQ/s1600/TIPOS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDppQ9JaU9lGz3U3D9ev2UZyJoX6eoPDce0ppNoeXDGlnaZDV2M_q4OpiMM12dbX4DjHaPSle9uejG7eqT9H0VfsHZHNRlszVDHwB7RGP2HBVTBALge1PXz33WSf8iSwquMwUe7w4OVEQ/s320/TIPOS.jpg" width="320" /></a></div>Primero agregamos un relleno circular dentro de una selección de círculo<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidvRlG-n_WkuBUQ2XtjgTLALq5Ahtdpoq-7qRkLx_bCzUK2YaPY8etE8VJyKEmI4ry_aSYSdvwSSfcckysAiaeAqEMiVXsU0fomVd684MjTpr9nB7kCWS2EWfj7mTzzbcTmrIeYJm4Lwg/s1600/degradado1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidvRlG-n_WkuBUQ2XtjgTLALq5Ahtdpoq-7qRkLx_bCzUK2YaPY8etE8VJyKEmI4ry_aSYSdvwSSfcckysAiaeAqEMiVXsU0fomVd684MjTpr9nB7kCWS2EWfj7mTzzbcTmrIeYJm4Lwg/s320/degradado1.jpg" width="320" /></a></div>Podemos elegir muchos colores, pero lo cierto es que debemos evitar el blanco:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI47ekfsO2QsfH63_-RetMXqgs7A2CRjkM-vO0KXgYnPyIUclkFZLcTBTx4RjV2qwucDI19rvigU3iiOboK3bpXyTDodqEwC6zmbOUWt9xnxuHLGcDmgGbQfk2O31p7ovkgKh03jlobdw/s1600/colores.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI47ekfsO2QsfH63_-RetMXqgs7A2CRjkM-vO0KXgYnPyIUclkFZLcTBTx4RjV2qwucDI19rvigU3iiOboK3bpXyTDodqEwC6zmbOUWt9xnxuHLGcDmgGbQfk2O31p7ovkgKh03jlobdw/s1600/colores.jpg" /></a></div>Elegimos la herramienta de Dedo:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdaQRucAGabtUWInuTCKxwk7nIpw-mfTTXlrZ19U1rH6HQ5qjt6sAz0vlPVBrCyAIXJ9C1LTNqAHkmQvY9l5iKPYK8s4Xu-ONRdr4R-bR7qJtBG9-rv_3oa-CG2TrMM_R0m5qpy1k8T0/s1600/herramienta+dedo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVdaQRucAGabtUWInuTCKxwk7nIpw-mfTTXlrZ19U1rH6HQ5qjt6sAz0vlPVBrCyAIXJ9C1LTNqAHkmQvY9l5iKPYK8s4Xu-ONRdr4R-bR7qJtBG9-rv_3oa-CG2TrMM_R0m5qpy1k8T0/s1600/herramienta+dedo.jpg" /></a></div>En la galería de pinceles elegimos uno de los pinceles de salpicadura lo recomendable entre 39 y 59 pixeles, pero que los cambiaremos de tamaño según necesitemos:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJmzNQeQSaABNlLZ-3JjiI_mHChQq72gkygggqStilK44Zqs1S3V4ukaYZ67AVez9Ogjz73eMra2lL11J62ybjzvOoRzd1Mg9iWZ6Qa0irVy1Qcev5rU80ua4efl-sa5X3x7ZkQVxD7Y/s1600/PINCEL+SALPICADURA.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJmzNQeQSaABNlLZ-3JjiI_mHChQq72gkygggqStilK44Zqs1S3V4ukaYZ67AVez9Ogjz73eMra2lL11J62ybjzvOoRzd1Mg9iWZ6Qa0irVy1Qcev5rU80ua4efl-sa5X3x7ZkQVxD7Y/s1600/PINCEL+SALPICADURA.jpg" /></a></div>En la barra de herramientas derecha pulsamos el botón de la Ventana de pincel o pulsando F5 o en el menú superior Ventana ► Pincel.<br />
Pulsamos en <b>Forma de la punta del pincel</b> y en el Espaciado lo ponemos entre un 85%:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQytVLWgtTXkJvS4sQOp8k0IgwCAHtnJh01QEQd1qe-SW7yuttk3PPDUtRisbrSb2ajmdsxxqFgl8BFFK61L8jaT2IwiDUq9z4pIoVVHFAMKhIXOZqlvRaiss-j4vYJMvFayMx31gMql8/s1600/espaciado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQytVLWgtTXkJvS4sQOp8k0IgwCAHtnJh01QEQd1qe-SW7yuttk3PPDUtRisbrSb2ajmdsxxqFgl8BFFK61L8jaT2IwiDUq9z4pIoVVHFAMKhIXOZqlvRaiss-j4vYJMvFayMx31gMql8/s400/espaciado.jpg" width="397" /></a></div>Si no es posible desactivar la Dinámica de la forma y por consiguiente la presión de la pluma demarcando <b>Dinámica de la forma</b>, aumenten el diámetro mínimo a un 89% a un 95%:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhALr0QdwJ2UwfmYeeiKv8YbLJK6mUJxrkNOUpEvl9jkEZMrOx_J6hpCtjUmeRLBUMCj91PLpgryufJBU-mHi3WS7WeiYPbzmBkO02GsXlvrZCFiiJAbNkwMkAI1Q4nnOPSyJb5Y9CXW6M/s1600/dinamica+de+la+forma.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhALr0QdwJ2UwfmYeeiKv8YbLJK6mUJxrkNOUpEvl9jkEZMrOx_J6hpCtjUmeRLBUMCj91PLpgryufJBU-mHi3WS7WeiYPbzmBkO02GsXlvrZCFiiJAbNkwMkAI1Q4nnOPSyJb5Y9CXW6M/s400/dinamica+de+la+forma.jpg" width="400" /></a></div>Marcamos la opción Pintar con los dedos que permite además de arrastrar le color, pintar al mismo tiempo:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbwVDrwcP1LxuXRzo2hONnpNfFUjcSVqiRmKNQevaF8Zch7oFFWGTb9SQDQ1meVgCvvYTZXrTs-d4E3zr9_Zkk4dVvI9k2qiIfL780usrAQEcIKcq7hqy_1Y2f37L681Q52teQKrCBjoE/s1600/pintar+con+los+dedos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbwVDrwcP1LxuXRzo2hONnpNfFUjcSVqiRmKNQevaF8Zch7oFFWGTb9SQDQ1meVgCvvYTZXrTs-d4E3zr9_Zkk4dVvI9k2qiIfL780usrAQEcIKcq7hqy_1Y2f37L681Q52teQKrCBjoE/s1600/pintar+con+los+dedos.jpg" /></a></div>Ponga la intensidad entre un 40% a un 56%:<br />
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0T_E7NaycQunb0y-8K7kpsSTMrASF0UeHp55y-7qFKBSpOeiQgaOUFS69wTlQHTFXAzgxr-r8aEADU9NqHHjnFS09k-j_XOuWyNPxRPkY7iokoa383XvdYH3Yczg9cIK7EodRdFPBHG8/s1600/intensidad.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0T_E7NaycQunb0y-8K7kpsSTMrASF0UeHp55y-7qFKBSpOeiQgaOUFS69wTlQHTFXAzgxr-r8aEADU9NqHHjnFS09k-j_XOuWyNPxRPkY7iokoa383XvdYH3Yczg9cIK7EodRdFPBHG8/s1600/intensidad.jpg" /></a></div>Pinte usando el color más claro de los dos colores usados para el degradado (Para intercambiar la posición del color de fondo y frontal, pulsamos X):</div><div class="separator" style="clear: both; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uW8CTphtp6aqBgFmNUQRFdVY-qCkjlnXoPx6UXAE9W_gMpCP5rYT_USplQyVf7iyjvF5jP63SOS6GpuCRw_DPV4ZSeIiVaSCoTwZmg0RIjBRhBcZ-4Tje0pVgcAsz9DoTsDJOsk8uYg/s1600/color.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1uW8CTphtp6aqBgFmNUQRFdVY-qCkjlnXoPx6UXAE9W_gMpCP5rYT_USplQyVf7iyjvF5jP63SOS6GpuCRw_DPV4ZSeIiVaSCoTwZmg0RIjBRhBcZ-4Tje0pVgcAsz9DoTsDJOsk8uYg/s1600/color.jpg" style="cursor: move;" /></a></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">La apariencia debe ser parecida a esta, donde unos puntos se ven en la superficie del degradado:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRR2aZcaeYIosTHoen2zwWn2SXflUhaCT5DJ5C1-VlBale6Ztw-CSV_YIr0T9S-P5i0iHAoYx3j9K5nOcX1QJlV9qL27zn9lpFnkqD1nPaJToVGRyBNQ2JooFNz22azphi7VJZPyV0Z0/s1600/pelo+direccion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRR2aZcaeYIosTHoen2zwWn2SXflUhaCT5DJ5C1-VlBale6Ztw-CSV_YIr0T9S-P5i0iHAoYx3j9K5nOcX1QJlV9qL27zn9lpFnkqD1nPaJToVGRyBNQ2JooFNz22azphi7VJZPyV0Z0/s400/pelo+direccion.jpg" width="382" /></a></div>Si hiciéramos el proceso de corrido, note que algunas veces cambiamos de color por el color más oscuro del degradado en el lado que no está expuesto a la luz:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8uuucS7u7hQ6FYsufF_oI_c9iCtvti8K9pkKdA1y6RMoWinG8QpVr1tCNGztegJdZgAKS8gDkhqW61WC-1nNBWYzWvukygjsmQlt6CSxYHUnFcg_I_lErSxg8uy3pjsxmgp6GQSKbNo/s1600/trayecto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="388" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik8uuucS7u7hQ6FYsufF_oI_c9iCtvti8K9pkKdA1y6RMoWinG8QpVr1tCNGztegJdZgAKS8gDkhqW61WC-1nNBWYzWvukygjsmQlt6CSxYHUnFcg_I_lErSxg8uy3pjsxmgp6GQSKbNo/s400/trayecto.jpg" width="400" /></a></div>El resultado que deberíamos obtener:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezVHfgNKG_9XXcQsNWbtKH0WTXkvdlUkqrDXTMrrjuQ_36NVuEvJ9pX73Efty2hgbf8pKEzX7kOf45C3fHMap0ZMWBmKxSf8LKSLJG0a4gCDzUGmQNpbbKJe1ROZjWsqLw8Uf0icgSns/s1600/resultado+final.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjezVHfgNKG_9XXcQsNWbtKH0WTXkvdlUkqrDXTMrrjuQ_36NVuEvJ9pX73Efty2hgbf8pKEzX7kOf45C3fHMap0ZMWBmKxSf8LKSLJG0a4gCDzUGmQNpbbKJe1ROZjWsqLw8Uf0icgSns/s400/resultado+final.jpg" width="400" /></a></div>Un pelo más largo (Para acercamientos o pelo denso)<br />
Si queremos hacer pelos largos y más finos, sin que sea cabello, aumentamos la intensidad entre un 80 a 90%:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1LyvM-L3fYK75WgZCLFCpPn99EOeGUe40yInEAgk5nDqCgh01yo7qdd8wavAqHl89_Z-16e-RqRZVKog-6tUC3F6eZfcBiSJQFnAiJW7asR2mlyedo1a6LOlAHCp6qydbBOQOM-IdSiQ/s1600/intensidad+84.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1LyvM-L3fYK75WgZCLFCpPn99EOeGUe40yInEAgk5nDqCgh01yo7qdd8wavAqHl89_Z-16e-RqRZVKog-6tUC3F6eZfcBiSJQFnAiJW7asR2mlyedo1a6LOlAHCp6qydbBOQOM-IdSiQ/s1600/intensidad+84.jpg" /></a></div>En Forma de la punta del pincel deberíamos aumentar entre 100% a 220% el espaciado:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjtJe3a2rDztavk5fq6cmdoi-YMvyGhbhYUaYv9RldxME9w71sm9pEzwUHv5KQ0zlvSEWnWOwA2ZgAHyzhxeAtoPdSi4GtFkRH96xPAfDSzv0kba-KLdSIVxJTPSBxVkWp8T6WRCR6-b0/s1600/espaciado+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="367" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjtJe3a2rDztavk5fq6cmdoi-YMvyGhbhYUaYv9RldxME9w71sm9pEzwUHv5KQ0zlvSEWnWOwA2ZgAHyzhxeAtoPdSi4GtFkRH96xPAfDSzv0kba-KLdSIVxJTPSBxVkWp8T6WRCR6-b0/s400/espaciado+2.jpg" width="400" /></a></div>Y disminuimos el Diámetro mínimo a entre 10 y 20%:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyrluDy1oH4ItoyQz2rlG3ixRBLJySoEw6gZu5esQb4fL9B_lWJiZh0QO-6Udd3KB56gHyQ1aeICYQFU5PPlk__rOA3rgJ1LFEj4EmmT_2THIhvJ8b9Ifzmwkmvy4FiKlbYCTWWyNJ6pM/s1600/dinamica+de+la+forma+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyrluDy1oH4ItoyQz2rlG3ixRBLJySoEw6gZu5esQb4fL9B_lWJiZh0QO-6Udd3KB56gHyQ1aeICYQFU5PPlk__rOA3rgJ1LFEj4EmmT_2THIhvJ8b9Ifzmwkmvy4FiKlbYCTWWyNJ6pM/s400/dinamica+de+la+forma+2.jpg" width="400" /></a></div>El resultado es un pelo más espeso, algo útil para acercamiento, sin embargo es algo burdo, necesita un proceso de perfilado que le dé una apariencia más sólida:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKeXBo8VXu6o01kfQPTVgtP0RJxIaNUy27jzVHBLVyWM8C0gAya9D8353PmZq7s1jhR-IpzrgiYNQ8Ous6LkVy_F_aSZG0fjgoOB2tbMCcK208Qnr53OW-dxhPplf04ph-5aiL4gOMwVg/s1600/pelos+largos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKeXBo8VXu6o01kfQPTVgtP0RJxIaNUy27jzVHBLVyWM8C0gAya9D8353PmZq7s1jhR-IpzrgiYNQ8Ous6LkVy_F_aSZG0fjgoOB2tbMCcK208Qnr53OW-dxhPplf04ph-5aiL4gOMwVg/s1600/pelos+largos.jpg" /></a></div>Haremos un pincel que no se beneficiará del pincel de salpicadura, para ahorrarnos las capturas de ajustes la Intensidad deberá ser de 84%, el diámetro mínimo de 5% y el espaciado un 294%, que dará un pincel como este:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEF4o1povdNC80rFNdcZ8bky3FdxXsd56ZgNB4YdqvwfqR_aFZewTegkflDP25VvilaWrj9jyxaIQG73YAIOWDMRscrYue6N43Md2-oXcu3ZIzyqBKk_1mShRHEhyphenhyphenls_otdFjxurEXNRI/s1600/pincel+separcion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEF4o1povdNC80rFNdcZ8bky3FdxXsd56ZgNB4YdqvwfqR_aFZewTegkflDP25VvilaWrj9jyxaIQG73YAIOWDMRscrYue6N43Md2-oXcu3ZIzyqBKk_1mShRHEhyphenhyphenls_otdFjxurEXNRI/s320/pincel+separcion.jpg" width="320" /></a></div>Cambiaremos el color a un color más claro que el más claro del degradado, pues queremos hacer lineas de brillo, en esta caso un amarillo claro muy cercano al blanco:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCUV2G_tgWcbVynNphazRSO7-ZirJ5FqBgSNunBoLP3IAuR3nF9FaNhkW0ZdEXciwXAEk810IBdOZZAtOhyWR1iyMw9MMRgPHcYhPOR0POXLcwGDHTZyjvPlOebHF_RnZvPdnqanGURMw/s1600/nuevo+olor.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCUV2G_tgWcbVynNphazRSO7-ZirJ5FqBgSNunBoLP3IAuR3nF9FaNhkW0ZdEXciwXAEk810IBdOZZAtOhyWR1iyMw9MMRgPHcYhPOR0POXLcwGDHTZyjvPlOebHF_RnZvPdnqanGURMw/s1600/nuevo+olor.jpg" /></a></div>Y haciendo trazos que sigan la forma del pelo que se noten los cambios de claridad, sin que sean muy dominantes:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHrLc4ocCobBp5xHkHXnq-KC9KvAfl9QcdQbXZiHu8FcTpwAGNHdrUTS2mCxX0DZHiGyr-iVa6YF-plrVuDPUFcDQB83sdkS-6elACpaSeQqoaaPlErEMmh7ITXbzL0Jlko5Dppca-VRI/s1600/pelo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHrLc4ocCobBp5xHkHXnq-KC9KvAfl9QcdQbXZiHu8FcTpwAGNHdrUTS2mCxX0DZHiGyr-iVa6YF-plrVuDPUFcDQB83sdkS-6elACpaSeQqoaaPlErEMmh7ITXbzL0Jlko5Dppca-VRI/s320/pelo.jpg" width="320" /></a></div>Como pueden ver el pelo tiene áreas claras y oscuras de transición que da esa apariencia realista que solamente usando un solo color.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-70641135467507496902011-07-14T15:36:00.000-07:002011-07-14T15:36:12.468-07:00Como instalar pinceles formato abr en Photoshop<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSlzB_1nFTSy9IbSIlOV_zGuLvgMWiKp_q9540hw4DNDEGkjOYiIPoU7dwAazzkQ2sbVVSvgMNC3F0y_OxwJl6zQMrvfWw5vibG3q2leG-tZ4sOZdBGpdgzPQwEc5kSVR3khau22rPHw/s1600/pinceles.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizSlzB_1nFTSy9IbSIlOV_zGuLvgMWiKp_q9540hw4DNDEGkjOYiIPoU7dwAazzkQ2sbVVSvgMNC3F0y_OxwJl6zQMrvfWw5vibG3q2leG-tZ4sOZdBGpdgzPQwEc5kSVR3khau22rPHw/s200/pinceles.jpg" width="200" /></a></div>Los pinceles de Photoshop son archivos de formato .abr que pueden cargarse para su uso en lugar de los pinceles predeterminados de programa de edición fotográfica.<br />
<br />
En este tutorial voy a enseñarles como se instalan y cargan.<br />
<br />
<b>Instalación</b><br />
Dependiendo de la versión de su Photoshop los pinceles la carpeta principal puede tener varios nombre sin embargo estará alojada dentro de la carpeta <b>C:\Archivos de programa\Adobe\</b> en Windows XP o en <b>C:\Program Files\Adobe\ </b>en Vista y Windows 7.<br />
<br />
Digamos que para Adobe Photoshop CS5 versión inglesa se encuentra en C:\Program Files\Adobe\ donde hay una carpeta de nombre Adobe Photoshop CS5 o sea "C:\Program Files\Adobe\Adobe Photoshop CS5\" a diferencia de otras versiones de Photoshop los pinceles se agregan en la carpeta C:\Program Files\Adobe\Adobe Photoshop CS5\<b>Presets\Brushes</b>, si fuera en una versión en español, por ejemplo: Photoshop CS3 estaría en "C:\Program Files\Adobe\Adobe Photoshop CS3\<b>Ajustes preestablecidos\Pinceles"</b>.<br />
<br />
Para este ejemplo copiaremos el archivo "<b>Skin_Texture_Photoshop_Brushes_by_KeepWaiting.abr</b>" a "C:\Program Files\Adobe\Adobe Photoshop CS5\<b>Presets\Brushes"</b>:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnA07BjXuUT5GCm8tmHm3b_HipFnof-UC-K-z9k4jR5VLWzQUtNX2mHiLYgST2rE5GF47qTzXmsyRKCY4PEnC7LAtbZTi1SAAQ1d-8b6h74by8RH9erarvbh1zw46gHqBVatdLlcyj2tE/s1600/pincel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnA07BjXuUT5GCm8tmHm3b_HipFnof-UC-K-z9k4jR5VLWzQUtNX2mHiLYgST2rE5GF47qTzXmsyRKCY4PEnC7LAtbZTi1SAAQ1d-8b6h74by8RH9erarvbh1zw46gHqBVatdLlcyj2tE/s400/pincel.jpg" width="400" /></a></div>Abrimos Photoshop y elegimos la <b>Herramienta Pincel (B)</b>:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2L2G9WY8zVJSlY3OvV-waqRxb2y00wMoRvLJCvJ8FPZFFiGhWj_dSJgv1qBtT8ou_kleVOWG6dtbrOSVarpH-ZkFar-6-uJPZlQSIrRtOWxUBUbpagKnMIi5A3KqmkPcqo-YjftUGRIQ/s1600/pincel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2L2G9WY8zVJSlY3OvV-waqRxb2y00wMoRvLJCvJ8FPZFFiGhWj_dSJgv1qBtT8ou_kleVOWG6dtbrOSVarpH-ZkFar-6-uJPZlQSIrRtOWxUBUbpagKnMIi5A3KqmkPcqo-YjftUGRIQ/s1600/pincel.jpg" /></a></div>Ahora cargaremos el archivo pulsando en el botón al lado del pincel actualmente seleccionado, en este caso un pincel con un tamaño de 95px, esto desplegará la galería de pinceles, pulsamos en el pequeño botón con un triángulo (sobre el que está el cursor en la imágen de abajo):<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqgZkEXXGKzPc-5KWzyeVY5E-e65c1CElRKVgMuNycFMuxxMJUcllATYbGIPPQpZ5_94o_49oRyvhMVbe9CnHH5pbpcZCPRxVTnnIRpHxWxvi3WhyQQXIC8gH5_pq38U5naA4hjhzEik/s1600/pinceles+galeria.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDqgZkEXXGKzPc-5KWzyeVY5E-e65c1CElRKVgMuNycFMuxxMJUcllATYbGIPPQpZ5_94o_49oRyvhMVbe9CnHH5pbpcZCPRxVTnnIRpHxWxvi3WhyQQXIC8gH5_pq38U5naA4hjhzEik/s1600/pinceles+galeria.jpg" /></a></div>Se desplegará el menú de pinceles, eligiendo "<b>Skin_Texture_Photoshop_Brushes</b>":<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ07Jl3oUI7U0zL8jVD0PC7JXNBWSjJJaszZk_NuW6jUzCSKDshXS2uYfiLnDiFjAtKWROzAiPFxsZ4a4UB44ZpazIKHolNCeDv8GFmg6Afe3K6c4g6hDpWaKM3J9TNvpckj113PNAoN4/s1600/pincel+seleccion.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ07Jl3oUI7U0zL8jVD0PC7JXNBWSjJJaszZk_NuW6jUzCSKDshXS2uYfiLnDiFjAtKWROzAiPFxsZ4a4UB44ZpazIKHolNCeDv8GFmg6Afe3K6c4g6hDpWaKM3J9TNvpckj113PNAoN4/s320/pincel+seleccion.jpg" width="320" /></a></div>Aparecerá la ventana que pedirá sustituir pinceles, podemos sustituir los pinceles actuales pulsando OK o sumarlos a la galería actual mediante Añadir, para este caso pulsamos OK:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbVXNhIeyUO64p4iYV4Q8qSSiEdwbzVEMHuo0XXaKW5CoWZjrWk93BxUWJ0aL3NFqAvQ-XJfzJuEdkpCDzcKOCNGYFYwY6bOg31fXQ8Tj5Z-eu2QkEm2qOziM-uYtMR0QjWsYQmTBM-U/s1600/sustituir+pinceles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVbVXNhIeyUO64p4iYV4Q8qSSiEdwbzVEMHuo0XXaKW5CoWZjrWk93BxUWJ0aL3NFqAvQ-XJfzJuEdkpCDzcKOCNGYFYwY6bOg31fXQ8Tj5Z-eu2QkEm2qOziM-uYtMR0QjWsYQmTBM-U/s400/sustituir+pinceles.jpg" width="400" /></a></div>Ahora veremos la galería de nuevos pinceles listos para seleccionarse y usarse:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKsrFcxK2QjKCD2vS3zLerfekYPTYGMZpbXAPSAumLHE1Ef_0h9fbuLjQ1TrOu84zkZ_lQ2SLSbyNzoG58hhBywNQheA6wSHWit0PYGJl0y38SRiXus8ST0C65UqyKkJbkfa3xqIe7SU/s1600/pincel+sustituidos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKsrFcxK2QjKCD2vS3zLerfekYPTYGMZpbXAPSAumLHE1Ef_0h9fbuLjQ1TrOu84zkZ_lQ2SLSbyNzoG58hhBywNQheA6wSHWit0PYGJl0y38SRiXus8ST0C65UqyKkJbkfa3xqIe7SU/s1600/pincel+sustituidos.jpg" /></a></div>Si queremos restaurar los pindeles damos nuevamente clic en el botón con un triangulito en la galería de pinceles y en "Restaurar pinceles...":<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vwX1lqD6-I7yrDEMVQjm7xoK_clSKQjXYc22sH5Q_DgOKLkriVv6ZJJ2desUmlZFnagSHY5sCabTA9DBwXlE8qsV9CUusIgbIn0cbMRXKgjAFkmZFTKOnneoMKRpZnVHiGXUft-1utk/s1600/pinceles+restaurar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vwX1lqD6-I7yrDEMVQjm7xoK_clSKQjXYc22sH5Q_DgOKLkriVv6ZJJ2desUmlZFnagSHY5sCabTA9DBwXlE8qsV9CUusIgbIn0cbMRXKgjAFkmZFTKOnneoMKRpZnVHiGXUft-1utk/s320/pinceles+restaurar.jpg" width="262" /></a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com1tag:blogger.com,1999:blog-60709836368523764.post-25911038172193388572011-07-14T14:04:00.000-07:002011-07-14T14:12:36.488-07:00Pinceles de Pelo para Photoshop (Fur brushes)Después de mucho tiempo volvemos a CGsign que ya lo tenía un poco abandonado, como sea solamente para publicar recursos para diseñadores gráficos, en esta ocasión unos pinceles para efectos de pelo, los efectos de pelo tiene mucho que ver con saber manejar los ajustes de pinceles, así que no solamente se queden en usar los pinceles como vienen por defecto, principalmente el control del espaciado.<br />
<br />
Estos pinceles vienen en formato abr, el que está dentro de un zip descomprimalo antes de copiarlo a la carpeta <b>Presets\Brushes</b> o <b>Ajustes preestablecidos\Pinceles</b> dentro dependiendo de la versión de su Photoshop.<br />
<br />
<div style="text-align: center;">
<b>Fur Brushes</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXnfuvp8D_jZmBbEoWOTisbROXNRZU0VJ9ipt69nOG5w2MsAEDsuj81TAakE7gj04-MDfwXiGoJUwIFmSt9RsHnPjZeW3O1s8gNk_t0yqRNDjoNIRZQ8YKnu7Ja-y207i5cw0nl1hKKE/s1600/fur+brushes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXnfuvp8D_jZmBbEoWOTisbROXNRZU0VJ9ipt69nOG5w2MsAEDsuj81TAakE7gj04-MDfwXiGoJUwIFmSt9RsHnPjZeW3O1s8gNk_t0yqRNDjoNIRZQ8YKnu7Ja-y207i5cw0nl1hKKE/s320/fur+brushes.jpg" width="320" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://www.deviantart.com/download/103454575/FUR_BRUSHES___PHOTOSHOP_CS3_by_KeepWaiting.zip">Descargar</a> | <a href="http://keepwaiting.deviantart.com/">Página del autor</a></div>
<div style="text-align: center;">
<br />
<b>Fur brush pack</b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFcLGfO-KwmchnUCwZPg8SHCbRVMGMCl5md_tp8F8e9SyVBj-8CDo9VYKG2KYaRqnAbXVlKBQHzRS_fZ8FTWtb8wZMQOX-P8uYXv5zGW9nzWMRKCKVa69kMIOTa9iPlxOblakxlHBX1fQ/s1600/piceles+fur+brush+pack.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFcLGfO-KwmchnUCwZPg8SHCbRVMGMCl5md_tp8F8e9SyVBj-8CDo9VYKG2KYaRqnAbXVlKBQHzRS_fZ8FTWtb8wZMQOX-P8uYXv5zGW9nzWMRKCKVa69kMIOTa9iPlxOblakxlHBX1fQ/s320/piceles+fur+brush+pack.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br />
<a href="http://www.deviantart.com/download/211549772/fur_brush_pack_by_sullivan-d3hy8uk.abr">Descargar</a> | <a href="http://sullivan.deviantart.com/">Página del autor</a></div>
Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-32694054748251298242011-05-09T00:05:00.000-07:002011-05-09T00:05:34.806-07:00Diseño web desde Google Chrome: TipsUna de las cosa que más me gustan de Google Chrome es su inspector de código que permite ver el código HTML y el CSS de forma estructurada y marcada, basta seleccionar el elemento de la página Web con el cursos y dar clic derecho, eligiendo Inspeccionar elemento<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSDPUUaUPRT9yX4501j95nYeOZvryP9EgzOpZg9JkFlnfOM8pfNiku2EfNrfLWt1nXIhhTfjKRuLqNwd0jO5nbgz5nF5WeMIzZnFliaiXLEX1CHaWYE5HEANvoA7AtKKZcX0X61KUrhfQ/s1600/inspeccionar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSDPUUaUPRT9yX4501j95nYeOZvryP9EgzOpZg9JkFlnfOM8pfNiku2EfNrfLWt1nXIhhTfjKRuLqNwd0jO5nbgz5nF5WeMIzZnFliaiXLEX1CHaWYE5HEANvoA7AtKKZcX0X61KUrhfQ/s400/inspeccionar.jpg" width="400" /></a></div>Podremos ver el código y la estructura CSS con los errores o conflictos de herencia y elementos marcados con !important:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJTNFhLYwhY0Uj2urAbhKgdRmxisjqQyAewZKJ4qVrRalxVe0APYy250QJZiR8wZUsblVIuw2muqyv3eOMQn-wPjNYoC4Z951dwFnXITVUJNW5VtxKHqzBanu7Nl0f2LpZ6AcLd3CfIM/s1600/secciones+css+html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJTNFhLYwhY0Uj2urAbhKgdRmxisjqQyAewZKJ4qVrRalxVe0APYy250QJZiR8wZUsblVIuw2muqyv3eOMQn-wPjNYoC4Z951dwFnXITVUJNW5VtxKHqzBanu7Nl0f2LpZ6AcLd3CfIM/s400/secciones+css+html.jpg" width="400" /></a></div>Si pasamos el cursor sobre las tags veremos que en la vista de la página se nos muestra la sección señalada, haciendo más rápido el proceso de diseño cuando trabajando directamente con el navegador:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKLFebdBJwKXl7t3RrFOhcezoxxGiwLkeFsMmJmRyMyupcP-VL3zEsGLuMjY-pcQG5V7e924oZkCoulxGrOPgsiZ1y_9QVuRu_fsx1IF04o187_FlRyJJZZ_MU8fRQlIPYmxN0guHlfg/s1600/main.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKLFebdBJwKXl7t3RrFOhcezoxxGiwLkeFsMmJmRyMyupcP-VL3zEsGLuMjY-pcQG5V7e924oZkCoulxGrOPgsiZ1y_9QVuRu_fsx1IF04o187_FlRyJJZZ_MU8fRQlIPYmxN0guHlfg/s1600/main.jpg" /></a></div>Como en Dreamweaver, Chrome tiene un señalador de de Clases e ID que te permite al dar clic en una etiqueta del código, desenvolver todas las Clases e ID cercanas:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60dKNJbNO-PMznYBoAFIASIDPvnRBxYY-JYmBm4D5KNWKWaLbEgxQjXPcnAKJSYmGcAxB8hUjTitQmn32IABfSeHrIe3LvEkgfEb8CUw90FAr81q4aXfQ4iFpTCFTlbMdQ2LNZFJJ6KI/s1600/se%25C3%25B1alador+de+clases+e+id.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh60dKNJbNO-PMznYBoAFIASIDPvnRBxYY-JYmBm4D5KNWKWaLbEgxQjXPcnAKJSYmGcAxB8hUjTitQmn32IABfSeHrIe3LvEkgfEb8CUw90FAr81q4aXfQ4iFpTCFTlbMdQ2LNZFJJ6KI/s400/se%25C3%25B1alador+de+clases+e+id.jpg" width="400" /></a></div>No solo firefox hace maravillas, quizás Chrome no sea tan usable, pero en diseño Web tiene mucho que aportar, una razón más para usarlo.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-616442075679998262011-05-08T23:25:00.000-07:002011-05-08T23:25:04.819-07:00Software para animacion tradicional Pencil<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLutAPsFN5yJl-l9KSn-98sn6AAcidJ4UrETh2a8JaIA7fCf5tecai8Ik0X0xfIPCC-WDH8SbWaRgI9fKTRJPdxGTHRi8IqWfXmosC4Ux-9Zr_V-Uzm6KyPIvZnPomcoYZhViQqCIVHUA/s1600/pencil.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLutAPsFN5yJl-l9KSn-98sn6AAcidJ4UrETh2a8JaIA7fCf5tecai8Ik0X0xfIPCC-WDH8SbWaRgI9fKTRJPdxGTHRi8IqWfXmosC4Ux-9Zr_V-Uzm6KyPIvZnPomcoYZhViQqCIVHUA/s400/pencil.jpg" width="400" /></a></div>Pencil es una pequeña utilidad que te permitirá hacer animaciones tradicionales usando una tableta gráfica, si estas familiarizado con el sistema de cuadros, Keys o Frames, donde agregas una Key para cada dibujo, es una forma sencilla de experimentar para luego exportarlos.<br />
<br />
Posee un sistema de piel de cebolla (Onion skin) que te permite ver el anterior o anteriores cuadros al mismo tiempo.<br />
<br />
No es un Toonboom Studio pero es gratuito y fácil de manejar, está disponible para Windows, Mac y Linux.<br />
<br />
<a href="http://www.pencil-animation.org/index.php?id=Download">Página oficial de descarga de Pencil</a>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-46888105867770438342011-05-06T15:06:00.000-07:002011-05-06T15:06:43.230-07:00Pinceles ornamentales para PhotoshopPinceles ornamentales para Photoshop y otros programas que soporten el formato ABR. Más de cien pinceles de diversos ornamentos en alta resolución.<br />
Los archivos zip y rar se deben descomprimir con Winrar o Winzip y los archivos *.abr que contienen deben copiarse en el caso de Photoshop CS5 y Windows 7 en "C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Brushes".<br />
<br />
<div style="text-align: center;"><b>Calligraphy Masters: 92 Vector Brushes </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj96n5qsoKbG3SoJxj6KzjUYPlpNbaXiHm1h1jg3hndwDq1BBCcxFwWlD4nMVDZiB3Xb3IHR-ja1Lg0U0SlQJMLoe3bJ8qcQ14w_kzpULIwyRfzM93-FAxpjbn7g1PpsexqQ7lMvvkoAcs/s1600/92+brush+sets.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj96n5qsoKbG3SoJxj6KzjUYPlpNbaXiHm1h1jg3hndwDq1BBCcxFwWlD4nMVDZiB3Xb3IHR-ja1Lg0U0SlQJMLoe3bJ8qcQ14w_kzpULIwyRfzM93-FAxpjbn7g1PpsexqQ7lMvvkoAcs/s320/92+brush+sets.jpg" width="320" /></a></div><div style="text-align: center;"><a href="http://www.deviantart.com/download/207768045/brushes_calligraphy_master_by_anyutavladi-d3fp6ul.abr">Descargar 92 Pinceles de vectores</a> | <a href="http://anyutavladi.deviantart.com/">Página del autor</a></div><br />
<div style="text-align: center;"><b>Ornamental set: 39 vector brushes</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmjdcXun_Hk4ObU-cHdwoj_4nYFNTt1S2QYVCudBTwDf4sPWzXWH9F5GDBjLyFpQ-7B8hXA3bjxfET1jvljcPLheJEMOL6viGmML35lH7UlPyfTibjpuzcDYWZUWYMJJJr_2ccnMsxzY/s1600/39+bush+sets.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmjdcXun_Hk4ObU-cHdwoj_4nYFNTt1S2QYVCudBTwDf4sPWzXWH9F5GDBjLyFpQ-7B8hXA3bjxfET1jvljcPLheJEMOL6viGmML35lH7UlPyfTibjpuzcDYWZUWYMJJJr_2ccnMsxzY/s320/39+bush+sets.jpg" width="320" /></a></div><div style="text-align: center;"><a href="http://www.deviantart.com/download/207766453/vector_brushes_ornamental_set_by_anyutavladi-d3fp5md.abr">Descargar 39 Pinceles ornamentales</a> | <a href="http://anyutavladi.deviantart.com/">Página del autor</a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com2tag:blogger.com,1999:blog-60709836368523764.post-44841746925705875602011-05-04T19:32:00.000-07:002011-05-04T19:32:15.162-07:00"Què son las fuentes monoespaciadas": Monospaced/Fixed<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAK15EH08X-i9cd0SeYseYa55Tydfo_m_qssLzF9PPG64VBcXLELQRCohVIgBAQY-Y5dvDPunKIKm6of6jQgzK17ayjpJw7DZ6nrSJHfUEN8JuwIr9sUKRS8WjJyrTT2vRsBdKonRiNLw/s1600/monoespaciada.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAK15EH08X-i9cd0SeYseYa55Tydfo_m_qssLzF9PPG64VBcXLELQRCohVIgBAQY-Y5dvDPunKIKm6of6jQgzK17ayjpJw7DZ6nrSJHfUEN8JuwIr9sUKRS8WjJyrTT2vRsBdKonRiNLw/s320/monoespaciada.jpg" width="320" /></a></div><br />
Las fuentes monoespaciadas, son tipografias cuyo espacio horizontal de cada letra es exactamente igual. aún cuando el tamaño y ancho de sus caracterices es diferente, algo que se nota mucho con letras como la "i", la "f" y la "l".<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWDmDsGzM5WgHNeOjpVz9fzvocj9au9CZ8JtkT5zgg-YGWdeXOHkDifZrMpR5ijTO8z9JKOzMmewmXp-ASSfbchAlDejD9sapUM_OkquRFRFZbqAa97pZPYh2CRsU_eiRRoK8HzoM6kLc/s1600/monoespaciada+ejemplo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="142" id=":current_picnik_image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWDmDsGzM5WgHNeOjpVz9fzvocj9au9CZ8JtkT5zgg-YGWdeXOHkDifZrMpR5ijTO8z9JKOzMmewmXp-ASSfbchAlDejD9sapUM_OkquRFRFZbqAa97pZPYh2CRsU_eiRRoK8HzoM6kLc/s400/monoespaciada+ejemplo.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">El hecho de que tengan el mismo espacio horizontal hace que se vea una separación desproporcionada como ocurre en Qu<b>ic</b>k y Jum<b>ps</b>.</td></tr>
</tbody></table>Los primeros juegos de tipos monoespaciales fueron desarrollados por tipografístas, debido a que, pese a tener un efecto visual desproporcionado, no se requería de juegos de tipos de diferentes anchos para componer una linea de texto, abaratando el costo del proceso de impresión.<br />
<br />
Recordemos que ocupan el mismo espacio horizontal que incluye el espacio ocupado por el caracter hasta el inicio de la letra que le sucede, así que si la letras es una "i" dejará un gran espacio en blanco con respecto a otros tipos y para corregir este problema se deben crear diferentes juegos de tipos con los espacios correctos lo que es bastante más complejo.<br />
<br />
Las tipografías monoespacidas son utilizadas por las tipografías occidentales basadas en el Latín, el griego y el cirílico. <br />
<br />
<b>En lo ordenadores</b><br />
Se usaron al inicio de la era de los ordenadores, debido a las limitadas capacidades gráficas en ese entonces de las tipografías.<br />
Hasta hace unos años en dispositivos personales de impresión de tiques. Actualmente son las tipografías usadas en ordenadores para ver o trabajar el código fuente de un programa informático o web.<br />
<br />
En HTML<br />
La etiqueta Code se puede emplear para mostrar en modo monoespaciado una tipografía:<br />
<br />
Código:<br />
<blockquote><code><br />
Ejemplo: <br />
Etiquetas envolviendo texto o código que se quiera mostrar en modo monoespaciado.<br />
</code></blockquote>Implementación:<br />
<blockquote><code><!--Implementación:<br />
Etiquetas envolviendo texto o código que se quiera mostrar en modo monoespaciado funcionando para este ejemplo.--><br />
</code></blockquote><br />
<b>En biología</b><br />
Se usa como un método para representar ácidos nucleicos y proteínas, debido a que los nucleidos y amino ácidos ocupen el mismo espacio de separación entre ellos. Haciendo sencillo comparar diferentes secuencias.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-77632565674581552522011-05-04T13:43:00.000-07:002011-05-04T13:43:04.696-07:00Paquete completo de Fuentes Segoe<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlEnCwnVtKvb9QbSN3b2ojiRM-TLvlvzPuPxj9ArH2Wm5NmvjTWs7fhyphenhyphenDeBzjeYjykkwygmsLsHGzw6C1SE_7hLc8EHvTD5aROvQ7O8_ztC7mX3-QQWVkKQo6ErZc6FzlH8fDmYNXXBA/s1600/segoe+fuentes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLlEnCwnVtKvb9QbSN3b2ojiRM-TLvlvzPuPxj9ArH2Wm5NmvjTWs7fhyphenhyphenDeBzjeYjykkwygmsLsHGzw6C1SE_7hLc8EHvTD5aROvQ7O8_ztC7mX3-QQWVkKQo6ErZc6FzlH8fDmYNXXBA/s400/segoe+fuentes.jpg" width="400" /></a></div>Las fuentes Segoe son un nuevo tipo de fuentes que aparecieron a partir de Windows Vista tanto para la interfaz de Windows, así como sus aplicaciones maestras Office 2007 y Offce 2010, la variante más conocida es SegoeUI, pero tambien la Segoe Light usada para la tipografía de Windows 7.<br />
<br />
Estas fuentes son Sans-serif (sin fuste o palo seco) y Script.<br />
<br />
En el paquete se incluyen las de Type-1 y Openfont (TTF)<br />
<br />
<div style="text-align: center;"><a href="http://www.deviantart.com/download/89220266/c71d7605012dc378f8f8b0a35cdec9f4.zip">Descargar fuentes Segoe</a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-87430180858691628192011-05-03T23:30:00.000-07:002011-09-05T19:24:51.884-07:00Mypaint 0.91: Nueva versión del programa de ilustraciónMyPaint es un programa de simulación de pintura digital parecido a ArtRage, OpenCanvas y Corel Painter, salvo por el plus de que es totalmente gratuito, es un software hecho y diseñado para usarse con tabletas de dibujo.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85eQGA8WVhYQSLduJLncvXaxs5ZFOATrDhrGQi6vFyurVk7pZOjS7XylSFRbSVTUuo9ZZc1EOmC_Fy2813RPiSIG1_rZcr6SYF1Qna_Aw2JZAUSwJyS7S7s300Y39UmJ0_WysSIY_D3U/s1600/periquito.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85eQGA8WVhYQSLduJLncvXaxs5ZFOATrDhrGQi6vFyurVk7pZOjS7XylSFRbSVTUuo9ZZc1EOmC_Fy2813RPiSIG1_rZcr6SYF1Qna_Aw2JZAUSwJyS7S7s300Y39UmJ0_WysSIY_D3U/s320/periquito.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mi ilustración de un periquito</td></tr>
</tbody></table>Cuenta con elementos convencionales como el modelo de color, permitiendo capturar y guardar colores recurrentes:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD8I3p9YwMoMEfck9lwlzWANn2xFbqhjTzH8TQEC9zsP-JCFKf14QVtrjXGF8G83A83ZNW6PWW7hiPVpg04ig9Ez0wW7EGt_EC6oebEfvhp4ze7y2rQWOE7TdkKRP4-4Rb5NGAy6A2Unw/s1600/modelo+de+color.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD8I3p9YwMoMEfck9lwlzWANn2xFbqhjTzH8TQEC9zsP-JCFKf14QVtrjXGF8G83A83ZNW6PWW7hiPVpg04ig9Ez0wW7EGt_EC6oebEfvhp4ze7y2rQWOE7TdkKRP4-4Rb5NGAy6A2Unw/s1600/modelo+de+color.jpg" /></a></div>El sistema de capas no posee modos de fusión, aunque es posible que veamos su implementación posteriormente, dado que esta es una propiedad indispensable para los programas modernos de ilustración: <br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp8fXi8Mr7E6IBsKJGVb_c6r6SZsxG6USYJ4eZ5k4AqsRe3CFfd9-WfL5w0gYyAiItPrERtWpMVwousK3LqfBSfodamJ0Muz7HyBxsMe3FrvYlFtf877gvgKSOziIl1C23XfclRPHeU7o/s1600/capas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp8fXi8Mr7E6IBsKJGVb_c6r6SZsxG6USYJ4eZ5k4AqsRe3CFfd9-WfL5w0gYyAiItPrERtWpMVwousK3LqfBSfodamJ0Muz7HyBxsMe3FrvYlFtf877gvgKSOziIl1C23XfclRPHeU7o/s1600/capas.jpg" /></a></div>El editor de pinceles permite un control bastante variado, entre sus defectos es que no posé una pre-visualización WYSIWYG:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkHhZpmr70Oy2qfXsAW4lYRyD-UKtQ-57G2F9A8gbgo4xJkjUZ2IqOcaiBR9oDBxPL_gQj_1LPZ9blRIvLHxRgavaZwjxmTGFrgynR_n6OYw8_a05Tc-zfhoZJni5RqkU0YAI-sEymRs/s1600/propiedades+de+brocha.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkHhZpmr70Oy2qfXsAW4lYRyD-UKtQ-57G2F9A8gbgo4xJkjUZ2IqOcaiBR9oDBxPL_gQj_1LPZ9blRIvLHxRgavaZwjxmTGFrgynR_n6OYw8_a05Tc-zfhoZJni5RqkU0YAI-sEymRs/s1600/propiedades+de+brocha.jpg" style="height: 472.354px; width: 314.904px;" /></a></div>Más de 120 pinceles tradicionales y de efectos, algunos permiten simular efectos de modos de fusión:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAN1DpGug18fAAr2GJd_qSEWdhagBBmHZM88PAmwuU04gdGAR21R9cfMQAYVUVpvwZHvWntYTPqqLhyeCUKRP6xJJ1F9jhCQvazfFuuUcf-sJH3QMZDjA7mq1V12juXkg_jM3yuNMJyQ/s1600/seleccionar+brocha.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUAN1DpGug18fAAr2GJd_qSEWdhagBBmHZM88PAmwuU04gdGAR21R9cfMQAYVUVpvwZHvWntYTPqqLhyeCUKRP6xJJ1F9jhCQvazfFuuUcf-sJH3QMZDjA7mq1V12juXkg_jM3yuNMJyQ/s400/seleccionar+brocha.jpg" width="262" /></a></div><a href="http://mypaint.intilinux.com/?page_id=6">Descargar gratuitamente para Windows, Linux y Mac</a><br />
Estado: Freeware de código abierto.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-48537387957046888462011-04-27T23:01:00.000-07:002011-04-28T01:25:54.505-07:00Colores Web con Rainbow en Firefox: Review completa<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwcdH1dhscQ4U60yiNkaIno0GzUL5OTN7CfqaITzXUCploHzqOxL_-kRsFSQMn3B5onJsdOnIQkeDO47sD304XnZnIgbznh2Od17ff4-AJ_RLA172uw65MJJkFKcgK9BOFCpJ6dTrXaU/s1600/rainbow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwcdH1dhscQ4U60yiNkaIno0GzUL5OTN7CfqaITzXUCploHzqOxL_-kRsFSQMn3B5onJsdOnIQkeDO47sD304XnZnIgbznh2Od17ff4-AJ_RLA172uw65MJJkFKcgK9BOFCpJ6dTrXaU/s1600/rainbow.jpg" /></a></div>Rainbow es una nueva extensión de Firefox, que permite capturar, generar y usar librerías de colores web que mejoran bastante el trabajo de diseño sin tener que recurrir a programas de terceros como Dreamweaver.<br />
<br />
Podemos instalar la extensión <a href="https://addons.mozilla.org/en-us/firefox/addon/rainbow-color-tools/">desde aquí</a>, y una vez instalada en el menú Herramientas veremos el apartado de Rainbow donde aparecerán varias opciones:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5YOmriHtN2jVBziSxzjjpK02VbPTWy3Cnl-kBOK_cck3Lc-N6buKerRZdJsEWt0OsPTYGA-eK8wqZpLcOrGFz2BNHWRc7PwY8R5AUme4o5foY9w-RQqr_oP12CaXW3swll62qm8_Lwwc/s1600/color+rainbow.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5YOmriHtN2jVBziSxzjjpK02VbPTWy3Cnl-kBOK_cck3Lc-N6buKerRZdJsEWt0OsPTYGA-eK8wqZpLcOrGFz2BNHWRc7PwY8R5AUme4o5foY9w-RQqr_oP12CaXW3swll62qm8_Lwwc/s400/color+rainbow.jpg" width="400" /></a></div><b>Inspector</b><br />
La primera se llama Inspector, un equivalente del gotero, que es un cuadro que muestra el color a donde apunta el cursor, si damos clics este lanzará una ventana:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjJ4yzs68K02DcYN1F8EFnQs9lWFgsgSyiL4VfTmAQLU7LSoGoYULtHVf9qrfy48PHVjsjVRSzZIxNqESCy1CEynbdD9nweRZu9bDhGS3H3JqF4xM1pjIjPXnQ4lssrqTBuME9GNmY3k/s1600/inspector.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjJ4yzs68K02DcYN1F8EFnQs9lWFgsgSyiL4VfTmAQLU7LSoGoYULtHVf9qrfy48PHVjsjVRSzZIxNqESCy1CEynbdD9nweRZu9bDhGS3H3JqF4xM1pjIjPXnQ4lssrqTBuME9GNmY3k/s1600/inspector.jpg" /></a></div>La ventana muestra el color convertido a color hexadecimal o web, si pulsamos Copy podemos copiarlos. Si pulsamos Bookmark estos colores son mandados a la Library o librería de colores.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmhaCIRP3X27los7GQMqMPs0RDWrs2onLVygQnGkhIBhO_kiLTuXxxCFrj_vYkT54fyEYeHu1tU_qU1BH-g_f03W7d9uDqTIOBy9csmDZHWqTW6fi22rXRoovfQdxWOCy2PiNIdEUHrA/s1600/picker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijmhaCIRP3X27los7GQMqMPs0RDWrs2onLVygQnGkhIBhO_kiLTuXxxCFrj_vYkT54fyEYeHu1tU_qU1BH-g_f03W7d9uDqTIOBy9csmDZHWqTW6fi22rXRoovfQdxWOCy2PiNIdEUHrA/s1600/picker.jpg" /></a></div>Al pulsar Boorkmar en la ventana que se abre podremos establecer un nombre personalizado para cada color en la entrada Tag que además tiene la Url del sitio de donde se copio, una vez hecho se pulsa en Save:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FoVuMqz3PUPa91sAz2XjCPdJhVZJ488zDWSWTAvqmOtM8wBFOS0fuLcPDTxlpquj_NLChW2Bpfw4uUpGjp96Kng5PSkFutcr_nunSay_45KqUeG5EihyApxvQH5zc4xBaMibqd0HcDw/s1600/azul.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1FoVuMqz3PUPa91sAz2XjCPdJhVZJ488zDWSWTAvqmOtM8wBFOS0fuLcPDTxlpquj_NLChW2Bpfw4uUpGjp96Kng5PSkFutcr_nunSay_45KqUeG5EihyApxvQH5zc4xBaMibqd0HcDw/s1600/azul.jpg" /></a></div>El Inspector debe cerrarse pulsando la X en la esquina derecha.<br />
<br />
<b>Picker</b><br />
Curiosamente el que sigue se llama Picker (Gotero), sin embargo es un ventana de modelos de color convencional que nos permite crear colores hexadecimales o meter datos RGB y HSL.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_o8sX7P-5oX0hvbgQsujhCB4ErtF8pvFDGl6JQEeywK20YQ_8PYhfCa5p7xIMSs1b4DaKmghog1DPYS3BXRuw12sCogKW0cR0cXGF8eZUY_w1K2hRNdq7cVat-6_jcdyZfeHYFDLam_Q/s1600/picker+modelo+de+color.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_o8sX7P-5oX0hvbgQsujhCB4ErtF8pvFDGl6JQEeywK20YQ_8PYhfCa5p7xIMSs1b4DaKmghog1DPYS3BXRuw12sCogKW0cR0cXGF8eZUY_w1K2hRNdq7cVat-6_jcdyZfeHYFDLam_Q/s400/picker+modelo+de+color.jpg" width="400" /></a></div><b>Website analyzer</b><br />
Esta es la que me parece la más interesante de las opciones de Rainbow, un analizador del sitio web en el que te encuentras, que determina los colores de toda la página, leyendo para ello el CSS de la web, algo útil cuando no es sencillo extraer un color:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpS0AoIj801wUcc1TNTf9zrP0DOhUbWQ3nkdT7L5KbbSf2l7mavvWNKE-32qAaaOa2mfmPSCXlWOxhWAUgI2XQWABkJPjVkJv9y0noi6x2R1P5tKtyxH9YWxNBeKO2XQGqN9Xbo0AIRRk/s1600/website+analyzer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpS0AoIj801wUcc1TNTf9zrP0DOhUbWQ3nkdT7L5KbbSf2l7mavvWNKE-32qAaaOa2mfmPSCXlWOxhWAUgI2XQWABkJPjVkJv9y0noi6x2R1P5tKtyxH9YWxNBeKO2XQGqN9Xbo0AIRRk/s400/website+analyzer.jpg" width="400" /></a></div><b>Library</b><br />
Por último la librería que tiene los colores que hemos enviado a Favoritos "Bookmarks" que podemos ordenar por tag o Url y buscarlos por el nombre asignado:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZ_eRFoutvO-14X2CWiJ-Z1QQNgnX54OIi0kFAWm6dnoKaPIAvO8QHGOlZh7Ag2VLd-wZrymiPlrUbN7wNrq2VTTr0Mz0Ec3ULcWML_4YfRn_pQlF-JOnYP5XwcbwkDx2W-KpuI15T6k/s1600/library.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZ_eRFoutvO-14X2CWiJ-Z1QQNgnX54OIi0kFAWm6dnoKaPIAvO8QHGOlZh7Ag2VLd-wZrymiPlrUbN7wNrq2VTTr0Mz0Ec3ULcWML_4YfRn_pQlF-JOnYP5XwcbwkDx2W-KpuI15T6k/s400/library.jpg" width="400" /></a></div>Sin duda una excelente opción en el diseño web enfocado a Firefox.<br />
<br />
Sitio web de la extensión: <a href="http://harthur.github.com/rainbow">http://harthur.github.com/rainbow</a>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-77661697872177660142011-04-27T19:08:00.000-07:002011-05-31T02:32:58.682-07:00Dibujar una cabeza a partir de medios tonos<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7WT3n0P8wnbFIcf66b9uSAXlziE08ovVxrJwWSpSwXtfxmmpqKQPELEYIoxdG1G7lzRke_ne2EZzaqxvd6KC8iYkNQ4dewI960T0hRihcbUwgE6liWbam7tmdW0NHlQ7Tvkf7S7li_Y/s1600/dibujar+volumen.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin7WT3n0P8wnbFIcf66b9uSAXlziE08ovVxrJwWSpSwXtfxmmpqKQPELEYIoxdG1G7lzRke_ne2EZzaqxvd6KC8iYkNQ4dewI960T0hRihcbUwgE6liWbam7tmdW0NHlQ7Tvkf7S7li_Y/s200/dibujar+volumen.jpg" width="200" /></a></div>Este es un excelente ejemplo de dibujo volumétrico usando sombras delimitadas de forma ficticia, una forma que permite un mejor uso del volumen tridimensional cuando se dibuja, yo uso relativamente poco pero si lo he empleado para hacer mejores dibujos, como en mi <a href="http://matiusboom.blogspot.com/2011/04/mas-dibujos-de-hulk.html">dibujo de Hulk</a>.<br />
<br />
Lo interesante es que el no ha tenido que dibujar realmente la cara solamente algunos detalles después de haber delimitado unos cuantos rasgos y especialmente las áreas de las sombras.<br />
<div class="video"><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/jgK778Vsx18&hl=es_ES&fs=1?rel=0&color1=0x3a3a3a&color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/jgK778Vsx18&hl=es_ES&fs=1?rel=0&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-13360645550284609982011-04-27T16:11:00.000-07:002011-04-27T16:11:31.599-07:00Crear retículas en Photoshop CS5 o desde la Web<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisNjf_eY4uE6msF-dniFPT9FV_p32C1q7OavWTLxdtDUxcDjr9meFJ8wTEZ8InzwJ25-ERT9lb368sUq4bw6zEfA8oY50wh9IepQFms9gZ6sJuCRUPwoIwS50B5EzHcTcgM8k6_AU6NdQ/s1600/modulos+de+reticula.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="182" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisNjf_eY4uE6msF-dniFPT9FV_p32C1q7OavWTLxdtDUxcDjr9meFJ8wTEZ8InzwJ25-ERT9lb368sUq4bw6zEfA8oY50wh9IepQFms9gZ6sJuCRUPwoIwS50B5EzHcTcgM8k6_AU6NdQ/s200/modulos+de+reticula.jpg" width="200" /></a></div>Modular grid pattern (Patrón de retícula modelar), es una extensión para Photoshop CS5 o navegadores de Internet que te permite crear retículas, una forma sencilla de diseñar estructuras en proporción para tus proyectos de diseño, permitiendo controlar la separación horizontal entre modulos (gutter), la linea base o espacio vertical entre linea y línea (Baseline), el número de módulos (Modules count), el ancho de cada módulo (Module Width) y el número de módulos de forma vertical -la lineas rosas- (Module Height)<br />
<br />
Para ello bajamos la extensión que nos ofrecen [ver vínculo al final de la página] y damos doble clic sobre el mismo una vez descargado, cuyo nombre es modular-grid-pattern-0.3.4.zxp, esos abrirá el Administrador de extensiones de Adobe, acepte cualquier mensaje de advertencia e instálenla.<br />
<br />
Abrimos Photoshop CS5, podemos crear un documento nuevo o directamente abrir la extensión que creará un documento al final del proceso, aunque muy grande, vamos a Ventana ► Extensiones y damos clic en Modular Grid Pattern:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IA1M_v3M-xROqGMcoLKVlGDZK1RTKa8v13FDvOqHjMGn1zfwwzszRfWxAu2rhvSxLTKk8Ne8tDOFgGWoRZxBxaa8KxTEtnhGrmFrpUdnr0RZOq6I4-S6uBpgN-Zof6-PyqZrUMrj2Y0/s1600/modulos+de+reticula.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7IA1M_v3M-xROqGMcoLKVlGDZK1RTKa8v13FDvOqHjMGn1zfwwzszRfWxAu2rhvSxLTKk8Ne8tDOFgGWoRZxBxaa8KxTEtnhGrmFrpUdnr0RZOq6I4-S6uBpgN-Zof6-PyqZrUMrj2Y0/s400/modulos+de+reticula.jpg" width="400" /></a></div>Damos los tamaños deseados como explicamos anteriormente [no es necesario escribir las unidades de Module Height (bl) y Module count (md)]<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBDN-uN-1w5R6QdwQj6HoiK0ZsC-JSk_vJFyXQRZyTmaQdOkBkEkZ-1TN4Oh17qo3WsQp0_qvbralXPhllTb-0IZUpPu200RznJHl0uBTLQkOdpQgW-0fSxw8XJ4JBGWyozf-tV0F-idQ/s1600/reticula+ajuste.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBDN-uN-1w5R6QdwQj6HoiK0ZsC-JSk_vJFyXQRZyTmaQdOkBkEkZ-1TN4Oh17qo3WsQp0_qvbralXPhllTb-0IZUpPu200RznJHl0uBTLQkOdpQgW-0fSxw8XJ4JBGWyozf-tV0F-idQ/s320/reticula+ajuste.jpg" width="320" /></a></div>Y ya sea sobre un selección o directamente sobre todo el documentoal pulsar el botón Create Grid creará la retícula:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTEGkUhEUdKSfVTrFz2c19itOYmX3XDs451JRJ1VA3ZNwFf1jRa5V6vTs5cT8auqDg8WcADOeL1f7JvTFwA7JPWQNE_u-REj7tegmLmalQC6eoGN8oL3AlQ0GL-urAPaNkSK8QCYcM8Vw/s1600/crear+grid.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTEGkUhEUdKSfVTrFz2c19itOYmX3XDs451JRJ1VA3ZNwFf1jRa5V6vTs5cT8auqDg8WcADOeL1f7JvTFwA7JPWQNE_u-REj7tegmLmalQC6eoGN8oL3AlQ0GL-urAPaNkSK8QCYcM8Vw/s1600/crear+grid.jpg" /></a></div>Si es a partir de un documento con medidas personalizadas aparecerá en gris, pero si es el documento generado por la extensión será rosa.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguBmG0p6Ntxp8HlKM5XeQnG-N0p8br9d4wzRPTlqJUiujATJw6f1D8-nIme_Wya8LtAWewmMusqdo1-M_h40dPUdiZ440fLB7UUvdcnLeLeyfRoDYRNdH6jjhlNdYGqQGyg_2tHn5BJHM/s1600/resultado+reticula.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguBmG0p6Ntxp8HlKM5XeQnG-N0p8br9d4wzRPTlqJUiujATJw6f1D8-nIme_Wya8LtAWewmMusqdo1-M_h40dPUdiZ440fLB7UUvdcnLeLeyfRoDYRNdH6jjhlNdYGqQGyg_2tHn5BJHM/s320/resultado+reticula.jpg" width="230" /></a></div><ul><li><a href="http://modulargrid.org/#app">Versión web</a><span id="goog_1564594823"></span></li>
<li><a href="http://modulargrid.org/#panel%20">Extensión para Photoshop CS5</a></li>
</ul>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-12231538020346360382011-04-22T14:47:00.000-07:002011-04-22T14:47:24.406-07:00Pinceles de burbujas para Photoshop<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3ynchEkZaAqWl83lAlQb-W4TQEEW4Qa0XdAM1-NOwX7xxVaS_LOVgTSLGtJV3ZSCcwvUGjz01ccWgVa3JItOPDXug5D6-9e0YeLQPcyXsCLVCX6FuC9gfWuT9puEryaGkyaut5cGmN8/s1600/pinceles+de+burbujas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf3ynchEkZaAqWl83lAlQb-W4TQEEW4Qa0XdAM1-NOwX7xxVaS_LOVgTSLGtJV3ZSCcwvUGjz01ccWgVa3JItOPDXug5D6-9e0YeLQPcyXsCLVCX6FuC9gfWuT9puEryaGkyaut5cGmN8/s320/pinceles+de+burbujas.jpg" width="320" /></a></div><div style="text-align: center;">Pinceles de burbujas para Photoshop en formato ABR.<br />
Los archivos zip y rar se deben descomprimir con Winrar o Winzip y los archivos *.abr que contienen deben copiarse en el caso de Photoshop CS5 y Windows 7 en "C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Brushes".<br />
<a href="http://www.deviantart.com/download/90130460/Bubble_by_titoff77.abr">Descargar</a> | <a href="http://titoff77.deviantart.com/">Página del autor</a></div>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-30925739428303146082010-08-28T15:15:00.000-07:002010-08-28T15:15:03.809-07:00100 íconos "adorables" tonos pastelVarios paquetes de Iconos tonos pastel de paslelitos, corazones y personajes kawaii (adorables) en formato *.GIF para Avatares<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlkPzXpUzaUCO80RtXhjzxeVejf_KnpX5d03nYqwDU1Js_ShvIMahXqvbsGOk1t67KJjcRYP63j5X7Jmf5kvTAZx3pDfYuzRMu_JXbapSV96Azilh6BwlCLE2J8ddad2ip_B2b2RqJsA/s1600/adorable+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGlkPzXpUzaUCO80RtXhjzxeVejf_KnpX5d03nYqwDU1Js_ShvIMahXqvbsGOk1t67KJjcRYP63j5X7Jmf5kvTAZx3pDfYuzRMu_JXbapSV96Azilh6BwlCLE2J8ddad2ip_B2b2RqJsA/s320/adorable+1.jpg" /></a></div>25 íconos de pastelitos en tonos pastel en formato *.PNG, autor: A-Little-Kitty<br />
<blockquote><a href="http://www.deviantart.com/download/111833232/25_Adorable_Icons_by_A_Little_Kitty.png">Descarga 25 iconos de pasteles</a></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBUSvCXHR15ZHDPRzrcJ1MQF8rqzjr2aSGntSw5Qm_p4TVitD3ruFi46POFPMd4Wpq56frrnCWQLxs9nB5J-9CiIvSYwcEfsY9iZ1qW-ugSZmqBdjNdrk9ofwvhH8_aR66PzCTKiKM3o/s1600/adorable+ii.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBUSvCXHR15ZHDPRzrcJ1MQF8rqzjr2aSGntSw5Qm_p4TVitD3ruFi46POFPMd4Wpq56frrnCWQLxs9nB5J-9CiIvSYwcEfsY9iZ1qW-ugSZmqBdjNdrk9ofwvhH8_aR66PzCTKiKM3o/s320/adorable+ii.jpg" /></a></div>50 iconos de bocadillos, pastelitos, animales y personajes Kawaii "adorables" en tonos pastel para avatares en formato *.GIF<br />
<blockquote><a href="http://www.deviantart.com/download/104081075/50_Kawaii_Icons_by_A_Little_Kitty.rar">Descargar 50 iconos de personajes Kawaii</a></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8kOWlulWksyecmh8TlvbD65Tjjns1oCzAnGj-gEaK65Xq0vSBzGiG-h8QrbO6hhXsU4cQzhH5a7pDwyn_WAkqq1T8GroveyUObtZYG_eZ2IfCiJvlUJshudsP7tYW0L099QygNfgdNw/s1600/adorable+iii.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw8kOWlulWksyecmh8TlvbD65Tjjns1oCzAnGj-gEaK65Xq0vSBzGiG-h8QrbO6hhXsU4cQzhH5a7pDwyn_WAkqq1T8GroveyUObtZYG_eZ2IfCiJvlUJshudsP7tYW0L099QygNfgdNw/s320/adorable+iii.jpg" /></a></div>24 iconos de bocadillos, formato PNG para avatares en tonos pastel.<br />
<blockquote><a href="http://www.deviantart.com/download/111932893/24_More_Cute_Icons_by_A_Little_Kitty.png">Descargar 24 iconos de bocadillos</a></blockquote>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-47321163111519254792010-08-28T14:49:00.000-07:002010-08-28T14:49:48.885-07:00800 iconos de archivos de sistema, programas y carpetas<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cmUq0aYJ3Yya2p4mkE5iZRobmURGhidazHh18l1dG07tseomFDQ_DCIJ30h4imyBKxjrCqjsVkk3c4w_-U7eXWYPy_yo3eAxvySsFyvmVDdtwgwND7qWHRJwL5FHLfWFwGF_n7dFcDo/s1600/ICONOS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cmUq0aYJ3Yya2p4mkE5iZRobmURGhidazHh18l1dG07tseomFDQ_DCIJ30h4imyBKxjrCqjsVkk3c4w_-U7eXWYPy_yo3eAxvySsFyvmVDdtwgwND7qWHRJwL5FHLfWFwGF_n7dFcDo/s320/ICONOS.jpg" /></a></div>800 íconos de software, carpetas, archivos, sistema, entre otros, para Windows en formato *.ICO, Autor: <a href="http://stopdreaming.deviantart.com/">StopDreaming</a><br />
<blockquote><a href="http://www.deviantart.com/download/95130402/Albook_extended_811_icons_by_StopDreaming.rar">Descarga +800 íconos de sistema</a></blockquote>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-48890146263376226032010-08-28T13:02:00.000-07:002010-08-28T13:02:44.420-07:00Pack de iconos de Aplicaciones<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnPlluSndtxns9kf-9RUGsXuOl0RAwoBa4ZC4C7CwtSOwholoaN0-gHkdZ3dWEq8tHgSIuYUB0J04lhEczU9iIcmpIruC-Lr8DK3-jdcLHuNOilLfsVfQBUhBiSomPcZ44RgUClc2PISk/s1600/mega+pack.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnPlluSndtxns9kf-9RUGsXuOl0RAwoBa4ZC4C7CwtSOwholoaN0-gHkdZ3dWEq8tHgSIuYUB0J04lhEczU9iIcmpIruC-Lr8DK3-jdcLHuNOilLfsVfQBUhBiSomPcZ44RgUClc2PISk/s320/mega+pack.jpg" /></a></div>Mega pack de iconos 2 <br />
Pack de iconos de aplicaciones en formato *.ICO de 128x128 pixeles, Autor: NCROW de programas comunes de Edición 2D y Multimedia<br />
<blockquote><a href="http://www.deviantart.com/download/139789262/Icons_Mega_Pack_2_by_ncrow.zip">Descargar mega pack de iconos 2</a></blockquote><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGuzC7xXsrKKXMxBUpLXQ7NsAvEp1rXVqCxO0DZFkWBoPXaG2Vi9XZl8jAp7xFTA1xjEKrOKJveSb-zkS8ikunom5U_VSmHX1ZcXifokkN7Ggo-mFTQj9SxRErX93Vuod_jcr4oXooaE/s1600/mega+pack+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGuzC7xXsrKKXMxBUpLXQ7NsAvEp1rXVqCxO0DZFkWBoPXaG2Vi9XZl8jAp7xFTA1xjEKrOKJveSb-zkS8ikunom5U_VSmHX1ZcXifokkN7Ggo-mFTQj9SxRErX93Vuod_jcr4oXooaE/s320/mega+pack+1.jpg" /></a></div><br />
Mega pack de iconos 1 <br />
Pack de iconos de aplicaciones en formato *.ICO de 128x128 pixeles, Autor: NCROW, programas de Edición 3D, compresores, lectores de cómics y utilidades:<br />
<blockquote><a href="http://www.deviantart.com/download/129232788/Icons_Mega_Pack_1_by_ncrow.zip">Descargar mega pack de iconos 1</a></blockquote>Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-9009805338689694652010-06-23T22:10:00.000-07:002010-06-23T22:17:02.297-07:00Fotomontaje de Saviano como cadaver: El mal diseño y la publicidad negativaEl diseño gráfico y la publicidad siempre ha sido irrespetuoso con los límites impuestos por la sociedad, eso ha empujado a que sea una fuenta de innovación e ideas, pero a veces se excede, derivando en una burla sin intención o con ella, en caminos ampliamente criticables. El momento que la frase, no importa si se habla mal o bien, pero que se hable es el camino a la publicidad negativa:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TUhXk7cYppzx9kSU2EGLAwtcAH5TIogj6mcOQnS5eeg6yCzuAP_NiTInrJkgQbN8JV8SsdQupJjsaqg0I5jH1vZe7S2Xc3W5-rZfMVVsM65mFbRtBMRruOFdA1sVzYkKLyhZp2g7G-Q/s1600/saviano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0TUhXk7cYppzx9kSU2EGLAwtcAH5TIogj6mcOQnS5eeg6yCzuAP_NiTInrJkgQbN8JV8SsdQupJjsaqg0I5jH1vZe7S2Xc3W5-rZfMVVsM65mFbRtBMRruOFdA1sVzYkKLyhZp2g7G-Q/s400/saviano.jpg" width="400" /></a></div><br />
<br />
La revista italiana "Max" publicará el próximo viernes un fotomontaje en el que el escritor Roberto Saviano, autor de "Gomorra" y amenazado por la mafia, aparece muerto sobre una camilla de un depósito de cadáveres.<br />
<br />
<br />
De menos ha sido interpretado como una broma de mal gusto o como una advertencia al escritor pagada por la mafia, aunque según los responsables de la revista fue más bien para apoyar al escritor que se ha tomado bastante mal.<br />
<br />
<br />
En su edición impresa, el diario italiano "La Stampa" reprodujo hoy la imagen acompañada de declaraciones del director de la revista, Andrea Rossi, en las que reconoce no haber advertido "directamente" a Saviano de la publicación del fotomontaje y precisa que es un modo de mostrar su "hartazgo" ante las críticas que recibe el escrito.<br />
<br />
El original del montaje se trata de una foto tambien de mal gusto de la compañia de cámaras Fuji.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCHXw8OJB2VDoHoQSofh2LGoo3giYKk8WSsq2RhzkKdgKEf6OkuPC47A4IA9p_RXilmpPsW_W5QTiKLa0xCTXEKkx39d-JjFWC5Azm24LTuSj0uJ9_JNagWgD0YN6ad-6TTGL4nCYMS0/s1600/original.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCHXw8OJB2VDoHoQSofh2LGoo3giYKk8WSsq2RhzkKdgKEf6OkuPC47A4IA9p_RXilmpPsW_W5QTiKLa0xCTXEKkx39d-JjFWC5Azm24LTuSj0uJ9_JNagWgD0YN6ad-6TTGL4nCYMS0/s320/original.jpg" /></a></div><br />
La publicidad negativa, es nociva, porque el hecho de que se hable mal es extremadamente perjudicial, lavar una mala imagen es bastante difícil, sino, pregúntenle a Uwe Boll considerados por muchos el peor director de la historia, aunque desde luego una fama inmerecida.<br />
<br />
<br />
A veces que agregar un motivo provocador hará más atractivo un diseño, pero cuando lo presentamos al público da un resultado diferente al esperado y es algo que la publicidad no puede permitirse, a menos que sea específicamente para ese fin como pasa con la contra-propaganda.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0tag:blogger.com,1999:blog-60709836368523764.post-86157420181558318662010-04-06T00:58:00.000-07:002010-04-06T00:58:26.462-07:00Los problemas de proporción en el dibujo digital<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH6lG5_eFWdkSMHv3cdk6xienvyDPH2Oy_-anxtCBS7HDC9Ryn0NfqjLFIDyKZ0J1bgW54QIEAvSY2DayItykR_4UnWZ1TbvG8PF5GfC2pl1kW4AgPrjsMK-CsN6gclGU4kvF4CuxsCes/s1600-h/otro+lado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH6lG5_eFWdkSMHv3cdk6xienvyDPH2Oy_-anxtCBS7HDC9Ryn0NfqjLFIDyKZ0J1bgW54QIEAvSY2DayItykR_4UnWZ1TbvG8PF5GfC2pl1kW4AgPrjsMK-CsN6gclGU4kvF4CuxsCes/s320/otro+lado.jpg" width="173" /></a></div>En programas de dibujo, usando pantallas planas o viejas CTR aparecen problemas de proporción derivados de la tendencia de darle más importancia al lado izquierdo del sustrato, mientras que aquellos que son orientales lo tienen con el lado derecho ambos causados por los conflictos entre los hemisferios del cerebro.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgjivCnf4eaEYOO3cjOop_aY8gNwTLy4y2_zoigA7gZ5ZxnMy5GJjU2rN42-gygj4-j3iwlJ83bJlr7ObCCJs-1YOV1LRerS7X5yg4X9hdxOW0nzS6gUwyMOusO_TyQBGoY-jnBev1_w/s1600-h/proporci%C3%B3n%20en%20dibujo%20digital.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifgjivCnf4eaEYOO3cjOop_aY8gNwTLy4y2_zoigA7gZ5ZxnMy5GJjU2rN42-gygj4-j3iwlJ83bJlr7ObCCJs-1YOV1LRerS7X5yg4X9hdxOW0nzS6gUwyMOusO_TyQBGoY-jnBev1_w/s320/proporci%C3%B3n%20en%20dibujo%20digital.jpg" width="180" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">La desproporción.</td></tr>
</tbody></table>Lo peor es que el cerebro es incapaz de darse cuenta de estas imperfecciones a menos que se cambie el angulo o dirección del dibujo que obligue al cerebro a replantear la imagen.<br />
<br />
Si superponemos ambas imágenes veremos el problema más claramente<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RCeNuDq8Gjhg6gXus-_F_qxENALP4HzyCCbt7mhwo9MY422TSxxbug_HatlN11wH0l9EYLoSEbZpOru7iSWNTb2uZOTdO51BV_HNjHy6cytvgAYJFPnZi4a3a71DpmE_f2Q5Ei9QguY/s1600-h/armonia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RCeNuDq8Gjhg6gXus-_F_qxENALP4HzyCCbt7mhwo9MY422TSxxbug_HatlN11wH0l9EYLoSEbZpOru7iSWNTb2uZOTdO51BV_HNjHy6cytvgAYJFPnZi4a3a71DpmE_f2Q5Ei9QguY/s320/armonia.jpg" width="208" /></a></div>La solución simple y más práctica es el comando de todo programa de retoque o edición llamado Flip Horizontal o Invertir Horizontal. Mientras dibujamos invertimos constantemente la imagen y corregimos la proporción hasta que el dibujo tenga la simetría correcta.<br />
<br />
No importa que tan bueno seas dibujando esto le ocurre a la mayoría y es más dramático en las pantallas planas cuando se tienen debilidad visual en uno de los dos ojos, así que mientras uno esté consiente del problema más sencillo será solucionarlo, aunque también una buena postura al trabajar ayuda.Matius Leninhttp://www.blogger.com/profile/09838737182288864406noreply@blogger.com0