Transcripciones
1. Introducción al curso: Hola y bienvenidos a
de pasos a estructurar, creando diagramas de proceso
en diagrams.net Am Pratik y yo
aportamos más de una década de experiencia en
computación general y multimedia En este curso, te
guiaré paso a
paso mientras exploramos diagrams.net, una herramienta gratuita y poderosa para
crear diagramas de proceso Juntos, comenzaremos
con lo básico, aprendiendo sobre formas,
conectores y formateo. Luego, pase a construir un diagrama completo de
flujo de trabajo de compras en línea. Verás cómo agregar puntos de
decisión y alinear elementos y starle tu diagrama para un aspecto
profesional Para tu proyecto, también crearás
tu propio diagrama, aplicando todo lo que hayas
aprendido a un flujo de trabajo, rutina o sistema
de tu elección. Así que comencemos.
2. Introducción a los diagramas: Entonces diagram.net es una aplicación de diagrama de
uso gratuito. Le permite crear imágenes
impresionantes, es
decir, Diagramas fácilmente
a través de su navegador web Puedes seguir adelante y
usar una versión web de la misma o instalar una
versión de escritorio de la aplicación también. Entonces para acceder a él,
puedes ir a drawo.com, y puedes continuar
aquí mismo para comenzar a acceder a la versión web o descargarla e instalarla en tu
computadora también Mi caso, voy
a hacer clic en OnStart, y en realidad carga
app diagrams.net, que es la aplicación web Y esto es lo que
vamos a utilizar para seguir adelante y empezar a
hacer nuestros diagramas. Entonces por aquí, puedes ver
en el lado izquierdo, tienes diferentes formas
que puedes traer, y luego puedes colocar
los diagramas como quieras. Para esas
formas particulares que selecciones, aquí en el lado
derecho, puedes ver que hay
muchos tipos diferentes
de propiedades que puedes cambiar para que no sean la
perspectiva del diagrama. aquí en el lado izquierdo, hay más formas a las que
puedes acceder también. Por aquí en la parte superior,
obtienes los paneles de navegación, como puedes ver así Y por aquí, tienes
los menús justo aquí, así como este también. Entonces, aparte de eso, si
tuviera que ir por aquí archivo
aquí mismo, se
puede ver esa apertura de
Opciones de ahorro de IG y
así sucesivamente aquí mismo. Así que vamos a seguir
adelante y utilizar esta aplicación para crear un
diagrama propio, también. Por ejemplo, vamos a seguir
adelante y crear un proceso paso a
paso para un proceso de
compras en línea. Entonces, entonces de lo
que necesitas asegurarte es de guardar
siempre tu trabajo. Y siempre que siga adelante
y haga cambios, se
puede ver que en este momento
como las salvadas no han cambiado. Entonces eso es que no hay ningún
ahorro sucediendo en absoluto. Puedo seguir adelante y guardarlo mi unidad local aquí en el dispositivo. Pero lo que voy a hacer es por constante uh, ahorro en línea. Voy a vincular mi
archivo a Google Drive. Entonces, para hacer eso, necesitas
ir por aquí a FL. Y luego,
déjame seguir adelante y nombrémoslo
como compras en línea. Digamos, por ejemplo,
aquí, y luego cambiarle el nombre. Y luego para guardarlo, voy a ir
por aquí a FL y luego vamos a seguir adelante y
guardarlo en mi Google Drive. También puedes usar otras unidades como quieras, pero en mi caso, voy a usar
Google Drive y clic en S. Ahora
una vez que hagas
eso, te pide que autorices tu
Google Drive,
como puedes ver aquí. Así que vamos a dar la
vuelta para autorizar. Entonces en realidad puedo
seguir adelante y luego seleccionar mi archivo aquí. Así que vamos a seguir adelante y
continuar aquí así como esto. Y luego voy a seguir adelante
y permitir permisos a mi Google Drive que los diagramas puedan acceder
y modificar el archivo. Y una vez que haces eso,
lo que pasa es que guarda el archivo en el propio
Google Drive. Entonces, si
realmente tuviera que ir por
aquí a mi Google Drive, así que vamos a acceder a
mi Google Drive R. Aquí, podrás ver
tu archivo R aquí. Y siempre que realmente sigas adelante y hagas cambios en él, lo que sucederá es
que seguirá adelante y guardará y actualizará el
archivo en Google Drive. Entonces, incluso si
accidentalmente te olvidaras de guardarlo, entonces automáticamente se
guardará en Google Drive. Sí. Entonces esto es lo que tienes, y puedes ver que hay algunas cuadrículas como ves, también Incluso puedes seguir adelante y
cambiar esto si quieres. Para que puedas dar la vuelta y
ver el esquema aquí. En realidad se puede ver el
esquema del ritmo aquí. Se pueden ver muchas
cosas. activar y desactivar
la cuadrícula como desee. También puedes
seguir adelante y activar y desactivar las guías
como quieras aquí. Entonces, a medida que realmente
avanzamos y trabajamos con las formas y demás y
trabajamos creando el diagrama, vamos a seguir adelante
y utilizar todas
las herramientas importantes que
necesita saber para
que pueda seguir adelante y luego crear el diagrama
propio fácilmente. Entonces, en el siguiente video, vamos a seguir adelante
y comenzar el proceso de elaboración de diagramas y comenzar a
entender los símbolos
y cómo usarlos.
3. Conceptos básicos de los elementos de diagramas de proceso: Para comenzar a
hacer diagramas, necesitas saber cómo
puedes seguir adelante y agregar esos diagramas
aquí en el lienzo. Entonces para hacer eso por aquí
en el lado izquierdo, se ven los
diagramas generales aquí mismo. Eso en realidad es suficiente para
hacer la mayoría de los tipos de diagramas. Entonces por aquí,
digamos, por ejemplo,
por aquí, hay un rectángulo
redondeado. Puedo seguir adelante y
guardarlo donde quiera. Puedo usar las asas de esquina
para seguir adelante y cambiar el tamaño. Y por aquí se puede ver que
tengo estos puntos aquí para cambiar en
torno a cómo se ve
realmente la forma. De igual manera, si tuviera que traer este diagrama,
digamos, por ejemplo, aquí está esta pudrición de
punto amarillo, y así es como
puedes realmente seguir adelante y cambiar cómo se ve
el diagrama. Puedes seguir adelante, presiona
la tecla de
borrar para eliminarla ya que también está
seleccionada. Bueno, déjame ir
por aquí a este de aquí, y puedes ver que tienes el diagrama escrito aquí,
así también. Pero para diagramas básicos
como rectángulo, no se obtiene el
amarillo ahí mismo. De todos modos, puedes
seguir adelante y luego hacer clic y arrastrarlo hacia afuera y
complacerlo donde quieras Entonces este es el diagrama, y digamos que tengo
otro diagrama que se pudre aquí, y quieres seguir adelante y
conectarle el diagrama. Entonces esto es lo que tienes. Se trata de un diagrama cuadrado, como puedes ver aquí mismo,
que es perfectamente cuadrado. Entonces, si quiero conectarme a él, hecho
puedo utilizar diferentes
tipos de líneas aquí mismo. Puedo dar click y
conectarlo a este diagrama. Estos puntos aquí,
así como éste. Al estar conectados, se puede ver que en realidad
están vinculados entre sí
aquí mismo, así como esto. Puedo seguir adelante y seleccionar y eliminar estos puntos también. Y aparte de eso, también
puedo dar vueltas
por aquí y se puede ver que tengo este
botón aquí mismo. Puedo hacer clic y arrastrar esta línea aquí mismo para conectarla a
otra forma aquí, así como esta, o puedo
eliminar esto también. O aparte de eso, puedo dar click en esta parte superior de
aquí, así como esto. Puedo hacer click en él, y luego
puedo elegir otra
forma que quiera, y luego simplemente
tienes una
forma conectada como puedes ver. Y a medida que me muevo por esta forma, en realidad se
puede ver que el diagrama se pudre aquí es recto, y eso
es lo que tienes. Así puedo hacer clic en el diagrama, clic y arrastrar
estos puntos hacia fuera
también para cambiar en torno a
cómo se ve eso también. Permítanme seguir adelante y dar clic y eliminar esto fuera pudrirse aquí. Y aparte de eso, se puede
ver que puedo añadir y frenar, una
especie de forma también. Puedes seguir adelante y hacer clic
y luego hacer clic y arrastrarlo, y puedes ver que así es como realmente va a funcionar aquí. Permítanme seguir adelante
y eliminarlo. Y aparte de eso, también
se puede ver que hay muchos hay muchos tipos de diagramas como uno con
las etiquetas por aquí. Puedes seguir adelante y dar click, y esto es lo que tienes, como puedes ver, Sí, puedes seguir adelante y eliminar
esto como quieras, también, así como esto. Entonces eso es lo que tienes, y así es como puedes
trabajar realmente con conectores, también. Déjame seguir adelante y
conectarlo así así. Y luego aparte de eso, también
puedes seguir adelante y escribir algo dentro de la
forma tan bien como quieras. Entonces digamos, por ejemplo,
voy a decir muestra aquí
mismo y muestra
aquí mismo, justo así. Y puedo seguir adelante y
hacer doble clic en las hormigas alrededor de
la audacia Puedes seguir adelante y analizar la justificación para ello, el tamaño para ello, aquí mismo, solo seleccionando la forma aquí mismo,
así también. Puedes seguir adelante y
cambiar la forma. También puedes seguir adelante y en torno al color
aquí mismo, así como esto. Y esto es lo que tienes. Aparte de eso,
también puedes dar vueltas por aquí. Y selecciona muchos colores de fondo
diferentes para la forma también para
cambiar alrededor de cómo
se ve eso e incluso
habilitar y deshabilitar el relleno o agregar un degradado
como quieras también,
así como así y elige el color del
degradado como quieras, también para hacerlo
más elegante aquí mismo. Entonces puedes girarlo
como un boceto como
puedes ver aquí
usando el boceto. Puedes agregar en una sombra,
convertirlo en un vaso, mira aquí para seguir adelante y cambiar el diseño como
desees también,
así como esto, como puedes ver. Eso es lo que
tienes, y puedes
seguir adelante y cambiar alrededor de
las puntas de flecha, también Para que veas que tengo
esta punta de flecha predeterminada. Puedo seguir adelante y
cambiar la punta de flecha. Sí, puedo cambiar el tipo de línea aquí así así, y puedo seguir adelante y cambiar
la punta de flecha como quieras, también, así
como así Entonces una vez que sigas
adelante y haces eso, puedes ver que esto
es lo que tienes, y puedes cambiar
alrededor del tamaño de la línea. Como quieras, también, así
como así y cambia
alrededor de todos estos parámetros. Puedes seguir adelante y
convertirlo en un boceto, hacerlo como una animación de flujo, agregar sombras tan
bien como quieras. Entonces esto es lo que
tienes, como puedes ver aquí
mismo, así como esto. Y luego puedes seguir adelante
y hacer los cambios. Aquí, otra cosa
que debes saber mientras estás dibujando es
el chasquido que ocurre Entonces hay una pequeña rata de
rejilla aquí, y a medida que me muevo alrededor de las formas, en realidad
se ajusta a estas cuadrículas aquí para que
la forma esté equilibrada Entonces, si tuviera que ir
por aquí a la vista, también
puedes habilitar y
deshabilitar la cuadrícula. Y se puede ver que a
medida que deshabilito la grilla, el chasquido se ha ido,
se mueve suave Pero como habilito la grilla
aquí así así, entonces lo que pasa
es que se
ajusta a las cuadrículas de aquí, así
como Eso es lo que
tienes aquí mismo. Por lo general, es una buena idea
seguir adelante y tener las cuadrículas
encendidas para que tengas un diagrama
más equilibrado Entonces a medida que aprendemos
ahora sobre los elementos básicos del diagrama los elementos básicos del diagrama y aprendemos
a formatear los Ps, conectamos los Ps, ahora es el
momento de seguir adelante y aplicar lo que hayamos aprendido
hasta ahora en un diagrama adecuado. Y para este diagrama,
vamos a seguir adelante y
utilizar las compras en línea
como ejemplo. Y ahora vamos a
seguir adelante con la construcción un diagrama de
proceso adecuado y adecuado.
4. Cómo crear un diagrama de proceso: Entonces ahora que sabemos
cómo podemos seguir adelante y traer formas
y conectarlas, solo sigamos adelante y
comencemos a
hacer el diagrama en sí. Entonces para hacer eso, permítanme
seguir adelante y eliminar esto. Y por aquí, antes que nada, voy a seguir adelante
y traer un texto. Vayamos por
aquí y luego arrastremos la caja por aquí mismo y
saquemos esto aquí mismo. Entonces una vez que siga adelante y haga esto, voy a seguir adelante
y hacer doble clic. Y digamos, por ejemplo, voy a seguir adelante y ver proceso de compras
en línea aquí
mismo, así como esto. Entonces esto es lo
que tengo como pueden ver, y luego puedo
seguir adelante y darle click y luego agregar en un
color de fondo como me gustaría. Puedo seguir adelante
aquí mismo y digamos, por
ejemplo, ir a compras
en línea, y luego voy a seguir adelante
y escribir 24, digamos, por ejemplo, para hacer y
hacer el um, texto más grande. Vamos a seguir adelante
y tazón esto presionando Control V también. Entonces esto es lo que
tienes, y puedes agregar los ingredientes como
quieras, también, o hacer que parezca un
boceto como puedes ver, pero voy a seguir adelante
y dejarlo como está. Entonces ahora solo sigamos adelante y comencemos a hacer las formas. Entonces para hacer eso,
voy a seguir adelante y utilizar alrededor de un rectángulo. Tengo mis cuadrículas diez
aquí, así como esto. Así que vamos a ir por
aquí hacia el centro mismo, justo aquí, así como esto. Y entonces lo que voy
a hacer es seguir adelante aquí. Y entonces,
digamos, por ejemplo, adelante y toma algo de espacio. Digamos, por ejemplo,
para que un espacio de cuadrícula se pudra aquí, así como esto para hacer la
forma rata aquí por aquí. Entonces puedes ver que esto es
lo que tienes aquí mismo, cuatro formas aquí mismo. Entonces ahora voy a seguir
adelante aquí y vamos a seguir adelante hacia el centro, y esto
es lo que tienes. Puedo seguir adelante y
cambiar el tamaño de esto también. Entonces ahora si tuviera que
ir al medio, esto es lo que tengo ahora. Ahora voy a
añadir simplemente en el proceso. Entonces el siguiente proceso
es navegar por el producto. Entonces esta es la pudrición inicial aquí así para el sopping
en línea Simplemente hagamos clic
en la pudrición de flecha aquí así y
seleccionemos esta forma. Y entonces esto es lo que tienes, como puedes ver, pudrirte aquí. Entonces ahora por aquí,
voy a decir agregar a CTR aquí así como esto Entonces, una vez que navegue por el producto, lo
siguiente es agregar a CT. Da la vuelta por aquí y
toma otra forma. Digamos, por ejemplo, t aquí. Así que solo voy a seguir
adelante y
asegurarme de dejar aquí una caja de espaciado por
aquí por cada um vez, así que solo voy a seguir
adelante y traer esto. Y lo siguiente es check out
aquí mismo, así como esto. Así que permítanme seguir adelante
y luego seguir adelante y luego agregar en otra forma por
aquí
también, así como esto. Y luego aparte de
eso, voy a añadir después. Echa
un vistazo aquí mismo. Voy a comprobar es producto. En stock aquí mismo,
así como esto. Entonces esto es lo que tienes. Entonces, si el producto está en
stock aquí mismo, entonces en realidad sigue
adelante justo aquí, así como este en
el siguiente lugar. Así que sólo voy a dar vueltas, y digamos, por ejemplo, dar la
vuelta por aquí. Y si es que sí, entonces va
al pago aquí mismo. Entonces si el producto está en stock, entonces si es sí,
va al pago. De lo contrario, va justo aquí. Digamos, por ejemplo, sólo
voy a seguir
adelante y luego dar clic
y arrastrar esto hacia fuera. Si es un no,
digamos, por ejemplo, voy a dar la vuelta por
aquí a la no parte. Entonces en realidad
sigue adelante y decir, por ejemplo, dice, informar al usuario que el producto está agotado aquí
así como esto. Entonces si por si
es un no justo aquí,
esto es lo que tienes. Así que vamos a dar la
vuelta por aquí. Y entonces si tuviera que dar la
vuelta por aquí y hacer doble clic, entonces puedo presionar No aquí. Así que una vez que siga adelante y haga eso, ustedes pueden dar la vuelta por aquí. Entonces se remonta a la pudrición de la parte del producto de
navegación aquí, puedo seguir adelante y
tirar de esta pudrición aquí, así como esto también.
Entonces esto es lo que tienes. Vuelves a la ruta del producto
Bowe aquí o puedes volver a la tarjeta
Cat Ato también Entonces esto es lo que tienes.
Y entonces como es, sí. Entonces ahora voy a
seguir adelante con el pago. Y para esto, voy a dar vueltas por aquí y arrastrar, digamos, por ejemplo, dos
Cs de pago también. Así que vamos a ir por
aquí, como esto y luego
hacer clic y arrastrar esto hacia fuera, y luego voy a seguir adelante y hacer clic y arrastrar esto hacia fuera. Y por aquí, vamos a ver
eso,
um, me pregunto que no sea una confirmación. Déjame seguir adelante y cambiar la forma para esto también. Así como esto, o tal vez
solo quiero otra
forma para esto. Entonces esto no está funcionando, así que vamos a seguir adelante y
luego copiar este texto, borrarlo, traer
otra forma. Digamos, alrededor de un
rectángulo mismo, aquí mismo, así como
esto y rastrear esto en. Así que voy a seguir adelante y pegar esto
aquí mismo, así como esto. Pero puedes ver que
esto es lo que
tienes si yo fuera a dar la
vuelta por aquí en el texto. Esto es lo que tienes.
Tienes un poco de espacio aquí mismo
en la parte superior e inferior. Vamos a seguir adelante y
borrarlo aquí mismo. Entonces ahora, aparte de eso, si tuviera que ir
por aquí al pago. Entonces en el pago, digamos, por ejemplo, mi
pago está ahí. A lo mejor no quiero las
dos flechas aquí mismo. Vamos a seguir adelante
y borrarlo. Agrega en otra ruta segura aquí. Y digamos, por ejemplo, quiere usarlo ya que el pago
es pago exitoso. Entonces esto es lo que quiero que
tenga éxito aquí mismo. Y entonces si es un sí, así que vamos a ir
por aquí a esto. Así que vamos a
seguir adelante y arrastrar éste y luego arrastrar
en éste también. Esto es lo que tienes.
Entonces ahora por aquí, voy a seguir adelante
y traer, digamos, por ejemplo, éste. Por lo que se confirmó el pedido. Si es un sí,
aquí mismo, simplemente deslice esto. Así que vamos a seguir adelante
y cambiar el tamaño de esto. Y si no lo es, así que vamos a seguir adelante y luego copiar y pegar esto
aquí mismo. Si no se confirma, entonces vuelva a intentar el pago
aquí mismo, así como esto Entonces esto es lo
que tienes, y
voy a seguir adelante y sacar esto del bote un poco aquí
mismo, es esto también. Y ahora voy a seguir adelante
y digamos, por ejemplo, conectarlo al
SAP para
que aunque fuera a mover el SAP, se
quede conectado. Entonces ahora, si lo es,
digamos, por ejemplo, no tiene éxito, entonces
vuelve a salir,
digamos, por ejemplo,
a la sección de pagos. Entonces aquí voy a seguir
adelante y teclear, y aquí voy a escribir aquí. Entonces ahora, una vez hecho esto, voy a seguir adelante
y redirigirlo de nuevo al pago y arrastrar esto aquí
mismo, esta diapositiva esto. Así que vamos a dar una
vuelta por aquí. Y luego,
digamos, por ejemplo, arrastra esto aquí mismo y luego arrastra esto también
por aquí. Y luego voy a ir
por aquí al pago. Entonces esto es lo que
tienes reintento de pago, y vuelve a
la sección de pagos Si se hace, entonces
pasa a o confirma, y luego tienes el proceso de
entrega. Sólo voy a seguir
adelante y cambiar el tamaño esto aquí afuera. Así como esto. Yo sólo voy a seguir adelante y utilizar esta misma
forma de pudrición aquí. Así que vamos a dar la
vuelta por aquí para confirmar. Entonces si se confirma aquí
mismo, así como esto, entonces lo que pasa
es que va a deliber
aquí mismo, así como esto Así que sigamos adelante y
arrastremos esto aquí mismo. Y aparte de eso,
voy a dar vueltas por aquí y luego pasar también al
siguiente proceso. Entonces el siguiente proceso
aquí es el feed. Volver y revisar. Así que vamos a dar la vuelta a
los comentarios y la revisión. Y luego finalmente, va
hasta el final del proceso. Así que vamos a dar la vuelta y
usar es este de aquí. Entonces, sigamos adelante
y arrastremos esto hacia abajo. Y entonces voy a
seguir adelante y decir terminar proceso, aquí
mismo, así como esto. Entonces esto es lo
que tienes. Esta es la estructura general
como puedes ver aquí. Entonces ahora si tuviera que seguir adelante y hacer clic y arrastrar
todo aquí mismo, entonces puedo seguir adelante
y luego
moverlo a donde quiera, también. Pero vamos a ir por
aquí a la sección Estilo por un momento aquí y seleccionar todas
las formas aquí mismo y
asignarle un estilo. Así que vamos a dar la vuelta por
aquí, asignar este estilo. Y para, digamos,
por ejemplo, estas formas, voy a seguir adelante y elegir otro estilo aquí
así como este. Para que veas que este es el texto y tienes
el color de fondo. Sigamos adelante y
deshabilitemos eso también. Entonces esto es lo que tienes, y vamos a seguir adelante y presionar control V para que estas
formas estén en negrilla, también Aparte de eso, también
puedes seguir adelante
por aquí en línea aquí mismo. Así que vamos a dar una
vuelta por aquí, y luego seleccionar
las líneas aquí mismo. Entonces estas son las líneas. Vamos a seguir adelante y darle
clic en él, darle clic en él, darle
clic aquí mismo y simplemente
seguir adelante y seleccionarlo. Control. Haga clic aquí mismo. Así que no hagamos
click erróneamente a otras cosas. Vamos a seguir adelante y hacer clic en las líneas
aquí mismo, así como esto. Vamos a seguir adelante justo aquí, y luego haga clic en esta, haga clic en la línea sí,
así como esta. Simplemente sigamos adelante y seleccionemos
las líneas cuidadosamente, y luego sigamos adelante y
hagamos cambios en ella. Así que vamos a ir por
aquí a esta línea también. Entonces ahora, por aquí, puedes ver que ahí está la propiedad y
así sucesivamente para esto, puedes seguir adelante y cambiar,
digamos, por ejemplo, cosas
diferentes, puedes seguir adelante y hacerla
cómica y así sucesivamente, aquí
mismo,
así también. Pero déjame ir
por aquí, mantenerlo como está. Y esto es lo que
tienes. Entonces digamos que lo que en realidad quiero hacer es agregar
en un fondo también. Así que vamos a seguir adelante y
agregar un rectángulo y hacer clic y arrastrar el rectángulo por
aquí,
así como esto. Haz clic y
arrastra todo por aquí
y envíalo de vuelta. Y luego voy
a seguir adelante y agregarle un
color de fondo a esto también. Así que puedes seguir adelante
y agregar color aquí mismo
como necesites también, así como esto. Menos andar por
aquí, así como esto. Y luego puedes agregarle
un ingrediente también para que sea
interesante aquí. Entonces esto es lo que
tienes, como puedes ver, pero déjame dar la vuelta y elegir un
color más claro aquí mismo, así como esto menos
agregar en degradado. Y luego puedes seguir adelante y elegir un color más claro aquí, así como esto también si quieres. Déjame ir por
aquí sobre el tipo de color
azul
y aparte de eso, también
puedes seguir adelante y
seleccionar otro color. Aquí hay una diapositiva de este suministro, y esto es lo que tienes. Entonces esta es la perspectiva general, como se puede ver aquí, y en realidad hemos
seguido adelante e hizo la forma
aquí hay una diapositiva esto. Entonces ahora, a medida que
avanzamos, nos vamos a centrar en cómo podemos realmente seguir
adelante y albergar el diseño y hacer que se vea aún más interesante, aquí mismo.
5. Mejorar el diagrama: Entonces ahora que tenemos listo nuestro diagrama
básico, vamos a seguir adelante y
hacerlo más interesante visualmente. Entonces para hacer eso,
permítanme seguir adelante y cambiar torno al efecto de
las formas rodadas aquí. Sigamos adelante
y mantengamos el control y seleccionemos todos estos sapo
aquí, así como esto Y ahora digamos que
lo que quiero hacer es que quiero agregarle un efecto de
vidrio. inmediato se puede ver
que es interesante, y vamos a agregarle en
sombra, también. Por lo que le da un aspecto más de
tres D de esa manera. De igual manera, puedo dar la
vuelta y seleccionar estos. Vamos a agregar en un cristal, sombra y un
efecto de boceto a estas ratas aquí. Para que veas que se ven
un poco diferentes aquí mismo. Así se pueden ver estos textos por
aquí también, como si, no, y así sucesivamente. Vamos a seleccionarlos y
ponerlos en negrita también. Incluso puedes cambiar
el
color de fondo si quieres rata aquí, pero voy a
mantenerlo como está. Así que ahora
voy a dar vueltas por aquí
, sacar esto aquí mismo
y sacar esto también. Entonces esto es lo que
tienes, e inmediatamente, puedes ver que
realmente cambia. Sí. Entonces ahora, lo que
voy a hacer es que hay, digamos, por ejemplo,
múltiples enlaces aquí. Déjame seguir adelante y cambiar el color de esos también. Entonces eso es lo que tienes,
como puedes ver aquí. Entonces puedes seguir adelante y
digamos por ejemplo, dar vuelta por aquí,
cambiar el color de la misma también. Entonces eso
es lo que tienes. Y si hay enlace múltiple, digamos, quiero
que aquí sea verde. Este, también, hay múltiples enlaces que
van a ser verdes, y esto va a
ser rata verde aquí. Entonces si vuelves a ello, entonces es verde. Pero aquí, como puedes ver tasa
así que esto es lo que tienes, y luego finalizar el proceso también
será verde. Digamos, por ejemplo,
y luego de inmediato, se
puede ver que ahora todo
es colorido. Incluso puedes seguir adelante aquí mismo y cambiar el estilo
del texto aquí mismo. Como, por ejemplo, puedes
darle sentido cómico
aquí mismo o seguir adelante y cambiar
el tamaño del encabezado también. Pero permítanme seguir
adelante aquí mismo. Guárdala para ayudar a
Tika misma. Sí. Entonces ahora, como se hace esto, vamos a seguir adelante y agregar más elementos visuales,
por ejemplo. Entonces para hacer eso, en realidad
puedes ir por aquí
en un archivo y luego la vuelta
a Importar desde déjame seguir adelante y elegir
dispositivo en mi caso, digamos, por ejemplo,
y seleccionar esto. Para que puedas seguir adelante y
redimensionarlo y
colocarlo donde quieras, así
como así Entonces esto es lo que
tienes, como puedes ver, y así es como puedes
realmente seguir adelante y agregar
más
elementos gráficos y hacer como
ans la perspectiva en más
elementos gráficos y hacer como conjunto también. Entonces, para esta, sigamos adelante y seleccionemos aquí también
la podredumbre segura. Y luego puedes seguir adelante
y agregar en más colores. Pero déjeme simplemente dar la vuelta por aquí y elegir,
digamos, por ejemplo, un color más suave aquí, hacer un poco de cambio t aquí, y eso es lo que tienes, como puedes ver aquí mismo. Para el proceso de compras en línea, puedes seguir adelante y agregar
una frat degradado aquí, y tal vez quieras
agregar un aspecto de vidrio también Incluso la sombra,
puedes agregar en boceto también
así así
para que sea interesante. Así que también puedes
seguir adelante y
hacerlo redondeado
por aquí también. Pero eso parece informal. Así que vamos a seguir adelante
y dar la vuelta para esto. Entonces esto es lo que tienes, por aquí en el fondo, digamos, quiero más de un tipo naranja
oscuro de un color justo aquí justo
así , y eso es lo que tienes. Pero el anterior
parece estar bien, así que déjame presionar
Control jet aquí mismo. Entonces esto es lo que
tienes, como puedes ver. Entonces así es como puedes seguir adelante y mejorar el diagrama. Tienes estas líneas tan
bien como puedes ver,
así que sigamos adelante y usemos las flechas punteadas a
la
derecha así como así. Incluso puedes seguir adelante y
habilitar la animación de flujo aquí, así
como así, como puedes ver, ya que las líneas punteadas
están involucradas. Así que vamos a seguir
adelante justo aquí y hacer lo mismo con los
demás también. Así que vamos a seguir adelante agregarle
una animación de flujo. Incluso puedes
seguir adelante y hacerlo bosquejar como
puedes ver aquí mismo. Si quieres agregarle
sombras también, así como así. Así que vamos a dar
la vuelta a esta flecha, esta flecha, esta flecha. Hagamos lo mismo. Así que
agreguemos la animación de flujo. Agrégale a la sombra
aquí mismo, así como esto. Entonces ahora para la nariz aquí mismo, para el proceso regular, supongo que
esta animación está bien. Por la no parte aquí mismo, para
lo contrario aquí mismo, vamos a seguir adelante y
usar líneas más pequeñas y luego agregarle animación de sombra y
flujo. Entonces está bien. Entonces esto está bien aquí mismo. Vamos a dar una vuelta por aquí. Esto y esto,
solo sigamos adelante y agreguemos la animación de
flujo a esto
también, y agreguemos en una sombra. Para este, vamos a
seguir adelante y elegir
líneas más pequeñas aquí mismo, animación de
flujo y sombra aquí. Entonces aparte de eso, simplemente
tienes la animación de flujo
por aquí otra vez. Entonces, sigamos adelante
y seleccionemos esto, seleccionemos esto y seleccionemos
esto y agreguemos una animación de flujo y sombra así así.
Entonces
esto es lo que tienes. Incluso tienes la animación ahora, como puedes ver, así como así. incluso puedas seguir adelante
y cambiar el tamaño de las líneas de flujo
en sí, también. Entonces, sigamos adelante
y cambiemos eso. Pero quiero el tamaño
regular en sí. Entonces puedes ver que
inmediatamente tienes el inmediato, tienes,
um, como,
digamos, por ejemplo, el diagrama Mejorado
aquí mismo, así como este. Y así es como se puede
crear un impacto visual. Y luego aparte de eso, incluso
puedes seguir adelante y cambiar todo
el estilo de una
sola vez si quieres, también. Cambia todo
en un boceto o tal vez
este o este de aquí, así como esto, como puedes ver. Y luego hay muchas opciones
diferentes por
aquí
también que inmediatamente
puedes seguir adelante y hacer clic y se
aplicará el tema. Se puede convertir en un boceto, tal vez cambiarlo
redondeado y así sucesivamente. Pero déjame presionar el propio
Control J, aquí
mismo, así como esto porque quiero el diseño
original. Yo sólo voy a dar
vueltas por aquí. Así, a lo mejor quiero seguir
adelante y darle la
vuelta y así sucesivamente. Entonces puedo hacerlo
ahí mismo también. Así que vamos a seguir
adelante para redondear aquí, haga clic y arrastre esto, y luego podrá ver que ahora se
ha mejorado visualmente. Y así es como realmente
puedes seguir adelante y mejorar el diagrama como
desees para que se vea aún más visualmente
atractivo en el diagrama. Y luego ahora avanzando, nos vamos a centrar en cómo
finalizar el proyecto y luego exportarlo en
diferentes formatos según sea necesario
6. Cómo finalizar el proyecto: Entonces ya tenemos nuestro
diagrama listo. Entonces digamos que lo que quiero
hacer es que quiero seguir
adelante y agregarle un
fondo final también, que va a ser de
forma rectangular. Digamos, por ejemplo, así que voy a dar una vuelta por aquí y luego hacer clic y arrastrar
el rectángulo por aquí, así como esto, aquí. Y entonces sólo
voy a seguir adelante y sacar esto y arrastrar
esto aquí mismo. Así que sigamos adelante y
arrastremos esto aquí mismo. Solo sigamos adelante
y arrastremos esto. Y por aquí, lo que voy a hacer es quitar esto como un boceto. Así que vamos a ir por
aquí y arrastrarlo hasta el fondo
aquí, así como esto. Así que vamos a
seguir adelante aquí mismo, añadir un gradiente
a esto también. Y lo que voy a hacer
es que voy a hacer
clic derecho y enviar esto
hacia atrás aquí, así como esto, o
enviar esto derecho a atrás aquí mismo para que
vaya a la zona de moost Entonces por aquí, ahora lo que
voy a hacer es,
digamos, por ejemplo, vuelta y elegir un color del fondo
aquí, así como este. Y esto es lo que
tienes, como puedes ver. Entonces este es el
toque final que he hecho, y digamos que el producto de navegación va a ser un poco más grande, así que puedes seguir adelante y hacer cambios de acuerdo
a eso, también. Y el proceso final, vamos
a dar la vuelta y hacer que aquí
se pudra mucho más redonda, así como esto Entonces esto es lo
que tienes, como puedes ver, y luego puedes seguir adelante, hacerlo mucho más redondo
así así, Esto es lo que tienes,
y ahora lo que voy a hacer es que voy a seguir
adelante y exportar esto. Entonces esto ya está guardado en
mi Google Drive porque en
realidad lo configuramos para que se guarde de
forma predeterminada en Google Drive. Así que ahora simplemente puedo
ir por aquí FL y luego
puedo ir a Exportar Como, y por aquí,
puedes ver que hay muchas opciones diferentes
como esta PN Z, Z, PZ, web P, SBZra Así que vamos a
seguir adelante con P NZ, que en realidad es un buen formato, formato
ligero R aquí. Y digamos que quiero luz aquí. Y digamos que quieres
incluir las sombras y luego hacer clic en Exportar,
aquí mismo, así como esto. Así puedo seguir adelante y
guardarlo en mi dispositivo y se descarga aquí
mismo, así como esto. Y la imagen está aquí. Así que así,
se puede ver que esta es la imagen que se ha
descargado aquí, así como ésta. Eso parece ser un poco
hueco aquí mismo. Así que vamos a seguir adelante y
corregirlo justo aquí, justo así, justo aquí, vamos a seguir adelante y luego sacar esto justo
aquí, así como esto. Uh, para que me quede
menos brecha aquí. Así que ahora, solo voy
a dar la vuelta por aquí, exportar esto como un archivo PN Z
aquí mismo, así como esto. Entonces quiero la sombra, así que sigamos adelante y la
exportemos, la exportemos. Y entonces esto es lo que tienes, como puedes ver un aquí. Entonces ahora, esto ha sido exportado. Y aparte de eso, también
puedes seguir adelante y exportarlo como rata de
formato ZPZ aquí Así como esto y
luego para que puedas seguir adelante y compartirlo
como quieras, también. Así que vamos a seguir adelante y abrirlo y se puede ver que esto está en formato JPZ
ahora, como se puede ver, que en realidad es
bueno para las imágenes, pero si quieres un
archivo de bajo tamaño que quieras compartir, entonces puedes utilizar
esta pestaña de archivos también Aparte de eso, también
puedes
exportarlo como archivo SVZ aquí Entonces, permítanme seguir
adelante y exportarlo, exportar el contenido completo. Y entonces lo que pasa es
que simplemente incluso las líneas,
las animaciones como
puedes ver rata aquí, que se ha
exportado como un archivo SVG aquí. Y lo que pasa con el archivo SVG es que no importa
cuánto acerques, aún
preservas
la calidad ra aquí. Entonces esto es lo que tienes. Puedes exportarlo como gráficos vectoriales
escalables,
aparte de eso, también
puedes
exportarlo como un archivo PDF, como puedes ver la tasa que
puedes compartir con otros. Y entonces lo que pasa es
que también se va a exportar. Entonces ahora que lo abras, podrás ver
el archivo aquí mismo en formato
PDF también,
así como así. Entonces aparte de eso,
también puedes seguir adelante y exportar esto como un SDML puro o una
URL también, y así sucesivamente Vamos a seguir adelante
por aquí en SDMLportarlo aquí,
así como esto, y luego simplemente
tienes el archivo SDML para ello junto con las animaciones así
como puedes Entonces, aparte de eso, también
puedes dar vueltas por aquí y exportarlo como una URL
también, así como así. Entonces, si tuviera que seguir adelante
y crear una copia, en
realidad crea un enlace
a ese archivo aquí mismo que puedes copiar
al portapapeles que
puedes seguir adelante y pegar, y los espectadores podrán
seguir adelante y acceder al archivo
aquí mismo para este
diagrama en particular aquí así como esto Entonces puedes ver que
puedes exportarlo en muchos formatos diferentes como
desees para que puedas
compartirlo con otras personas. Y así es como
simplemente puedes seguir adelante y hacer un diagrama completo de principio a fin dentro de diagrams.net Y hemos llegado al final
del curso, y ahora es tu turno de
crear tu propio
diagrama y enviarlo. Y en el siguiente
video, vamos a discutir sobre lo mismo sobre lo
que tienes que crear ahora.
7. Descripción del proyecto: Entonces, ahora que hemos
aprendido todo lo que necesitamos saber
para poder
crear un diagrama de procesos, es momento de poner en práctica
tus habilidades
con el proyecto de clase. Entonces ahora tu tarea es diseñar un diagrama de proceso completo así como este
usando diagrams.net Y puedes seguir
el ejemplo que construimos juntos a medida que
avanzábamos por el curso. Ese es el flujo de trabajo de
compras en línea. O puedes elegir cualquier
proceso que te interese. Puede ser cualquier
proceso de trabajo como un plan de estudio o un
flujo de trabajo del sistema o incluso una
rutina personal que tengas. Entonces, mientras haces el diagrama, asegúrate de que tu diagrama incluya los elementos esenciales que
es el símbolo de procesos, como iniciar y terminar
el proceso aquí así. Y luego algo
que tiene dicison como, sí o no Ra aquí, que en realidad muestra
la conexión entre cada paso y
asegúrate de tener los flujos
y líneas también El tuyo no necesita ser
animado como el mío aquí mismo. También puedes mantenerlo quieto. Entonces y aparte de eso, asegúrate de usar
formateos, alineaciones
y, por supuesto,
agrupaciones también, y asegúrate de que todo
esté claro
y Asegúrese de agregar en
las etiquetas, sí o no, también, y luego
textuar según sea necesario. E incluso puedes seguir adelante
y agregar notas o iconos, si lo deseas, también para que
tu diagrama sea más informativo. Me siento libre de agregar en una
gráfica como esta, también. Entonces, rematarlo con un ajuste de tema o estilo ya que necesitas darle
un aspecto profesional. Y cuando termines,
asegúrate de exportar tu diagrama en cualquier
formato que desees, preferentemente en formato PNG,
JPZ o PDF, y asegúrate de
compartirlo conmigo De esta manera, puedes mostrar
tu trabajo, obtener comentarios y ver cómo otros también
se han acercado a sus
diagramas. Entonces, al completar este proyecto, no solo
reforzarás lo que prestas, sino que también crearás un diagrama de proceso
policial que podrás usar como referencia para tareas del mundo
real. Entonces
todo lo mejor para ello.
Pratik Pradhan, Digital Artist
