taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o...

18
Gu Ink ¿Usas Cuand escrito no me KDE ( Paso 1 editarl Para e objeto uía: Cr kscape s Linux? do usas Linu orio de Wind ejores que M (el escritorio 1: Crear un c lo hasta redo editarlo hasta o y nos apare reació e ux Fedora 12 dows y viene Mac OS Leop o de Linux m cuadrado con ondear sus bo a convertir su ecerán 3 nod n del l con el escri e con mucho ard. El día d más vistoso y n la herrami ordes. (Si de us puntas a r os. logotip itorio de KD os efectos grá de hoy vamo y amigable) enta para “C esean pueden redondeadas po de DE, este se as áficos, mejo s a aprender Crear rectán n crearlo con s, hacemos d KDE semeja much ores que Win r a crear el lo gulos y Cua n la herramie doble clic sob en ho a un ndows 7 pero ogotipo de drados”. Y enta Pluma) bre nuestro o

Transcript of taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o...

Page 1: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

GuInk

¿UsasCuandescritono mejKDE (

Paso 1editarl

Para eobjeto

uía: Crkscape

s Linux? do usas Linuorio de Windejores que M(el escritorio

1: Crear un clo hasta redo

editarlo hastao y nos apare

reacióe

ux Fedora 12dows y viene

Mac OS Leopo de Linux m

cuadrado conondear sus bo

a convertir suecerán 3 nod

n del l

con el escrie con muchoard. El día d

más vistoso y

n la herramiordes. (Si de

us puntas a rdos.

logotip

itorio de KDos efectos gráde hoy vamoy amigable)

enta para “Cesean pueden

redondeadas

po de

DE, este se asáficos, mejos a aprender

Crear rectánn crearlo con

s, hacemos d

KDE

semeja muchores que Winr a crear el lo

gulos y Cuan la herramie

doble clic sob

en

ho a un ndows 7 peroogotipo de

drados”. Y enta Pluma)

bre nuestro

o

Page 2: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Arrastramos el nodo que mostramos en la imagen anterior hasta tener el redondeado deseado.

Paso 2: Agregamos un degradado a nuestro rectángulo redondeado. Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F) ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Lineal > Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos

Nos centramos principalmente en el degradado. Y dos dirigimos al botón “Editar…”

Page 3: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Veremos otra ventana, es allí donde editaremos los colores y añadiremos paradas. Hacemos clic en el botón “Añadir Parada” hasta que tengamos listos 10 paradas.

Cuando tengamos las 10 paradas listas los acomodaremos de la siguiente manera:

Page 4: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 3asigna

3: Ahora le aaremos los si

añadiremos liguientes col

los colores dlores:

de degradadoo corresponddientes. A ca

ada parada lee

Page 5: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 4: Agregar sombra al objeto terminado anteriormente. Barra de Manú > Filtros > Sombras y Brillos > Sombra Paralela… Lo editamos de la siguiente manera.

Obteniendo el siguiente resultado:

Page 6: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 5: Usando la herramienta para dibujar “Curvas Bézier y Líneas Rectas” o “Crear Rectángulos cuadrados” dibujemos la siguiente forma:

Ahora le agregamos degradado. Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F)ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Radial > Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos

Nos centramos principalmente en el degradado. Y dos dirigimos al botón “Editar…” (tal como lo hicimos en el ‘Paso 2’) Esta figura debe de tener 4 paradas acomodadas de la siguiente manera:

Page 7: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Ahora le añadiremos los colores de degradado correspondientes. A cada parada le asignaremos los siguientes colores:

Paso 6: Acomodamos el objeto creado en el Paso anterior encima del que hicimos en el Paso 4:

Page 8: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 7: Crearemos un efecto de sombra para nuestro logotipo. Creamos esta figura:

Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F) ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Radial > Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos

Editamos el “Degradado Radial”, que debería de tener 4 Paradas, los cuales los acomodamos de la siguiente manera

Page 9: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Le añadiremos los colores de degradado correspondientes. A cada parada le asignaremos los siguientes colores y transparencias correspondientes. Por ultimo le agregamos a este degradado un desenfoque de “7”, obteniendo el siguiente resultado

Page 10: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 88: Acomodaamos nuestroo último obje

eto creado enncima del quue hicimos enn el “Paso 6”

Page 11: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 9: Le damos algunos efectos de sombra mas. Usando la herramienta “Curvas Bézier y Líneas Rectas” (Pluma) (Shift +F6 ó “B”), dibujamos los siguiente:

Le agregamos los siguientes efectos Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F) ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Lineal > Le aplicamos un degradado que va desde #00316E (Este con 0 de Transparencia) hasta #00316E Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos A este degradado le aplicamos una Opacidad del 80% y un Derenfoque de 8

Page 12: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Duplicamos el degradado anterior (Ctrl + D)

Page 13: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Nuestro degradado original es el N° 1, y el N° 2 es el que duplicamos, será este último (n° 2), al que le aplicaremos algunos ajustes distintos al degradado n° 1. Sólo le cambiamos de desenfoque: De 8 a 3.:

Page 14: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 10: Acomodamos los objetos de la siguiente manera.

Page 15: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 11: Con la herramienta “Curvas Bézier y Líneas Rectas” (Pluma) (Shift +F6 ó “B”), dibujamos las siguientes figuras

Cuando estén terminadas las juntamos y presionamos las teclas Ctrl + K (Combinar)

Page 16: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 12: Efectos al objeto. Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F) ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Radial > Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos

Editamos el “Degradado Radial”, que debería de tener 4 Paradas, los cuales los acomodamos de la siguiente manera.

Los colores correspondientes son los siguientes:

Deberíamos de obtener algo así:

Page 17: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 13: Le agregaremos un efecto de brillo. Nuevamente con la herramienta “Curvas Bézier y Líneas Rectas” (Pluma) (Shift + F6 ó “B”), dibujamos lo siguiente:

Nos dirigimos a “Relleno y Borde” (Ctrl + Shift + F) ó (Clic derecho sobre objeto seleccionado > Relleno y Borde). Relleno y Borde: Relleno > Degradado Lineal > Le aplicamos un degradado que va desde #FFFFFF hasta #FFFFFF (Este último con 0 de Transparencia.) Color de Trazo > Sin Relleno Estilo de Trazo > Ningunos

Este degradado tendrá 3 Paradas, y los editaremos de la siguiente manera:

Page 18: taller logotipo KDE - WordPress.com · KDE (Paso 1 editarl Para e objeto ía: Cr scape Linux? o usas Linu rio de Wind ores que M el escritorio: Crear un c o hasta redo ditarlo hasta

Paso 14: Acomodando el objeto creado en el paso anterior, terminamos el tutorial y el resultado es este:

Y como les comenté, solo necesitas 14 pasos y un poco de paciencia para conseguirlo. ¿Crees que se merece o no un comentario?