1
00:00:00,600 --> 00:00:06,790
Então, a próxima coisa que queremos fazer é adicionar o texto no topo, então precisa ser assim.

2
00:00:06,960 --> 00:00:11,020
E, felizmente, isso é relativamente simples em comparação com a criação dessa grade de imagem.

3
00:00:11,370 --> 00:00:13,550
Então, a primeira coisa que precisamos fazer é obter a fonte.

4
00:00:13,770 --> 00:00:15,360
Esta fonte é chamada de Ferroviária.

5
00:00:15,360 --> 00:00:18,130
É uma das fontes do Google que já vimos até agora.

6
00:00:18,390 --> 00:00:22,950
Então eu vou para as fontes do Google e procurar por real.

7
00:00:22,980 --> 00:00:23,590
Aqui vamos nós.

8
00:00:23,620 --> 00:00:32,430
É o top aqui para uso e então eu vou seguir em frente e pegar normal.

9
00:00:32,520 --> 00:00:37,090
E também vamos fazer 800.

10
00:00:38,220 --> 00:00:40,410
E então vamos incluir

11
00:00:44,370 --> 00:00:46,170
isso em nosso HMO.

12
00:00:46,560 --> 00:00:52,710
Então, agora temos acesso a essa fonte e então tudo o que precisamos fazer é adicionar no texto.

13
00:00:52,710 --> 00:00:59,760
Primeiro de tudo, por aqui, vou fazer um parágrafo e vou colocar o meu nome, o que eu

14
00:00:59,760 --> 00:01:01,820
aqui separei por uma barra.

15
00:01:02,160 --> 00:01:04,390
Nós podemos fazer você saber colocar o que quiser aqui.

16
00:01:04,410 --> 00:01:10,650
alguns textos, eu estou mantendo isso simples e, em seguida, salve isso e então vamos passar aqui.

17
00:01:10,650 --> 00:01:17,100
Isso poderia ser o Texas poderia ser um blog de fotografia ou entrar no meu blog, mas apenas

18
00:01:17,410 --> 00:01:26,760
Selecione o parágrafo e nós simplesmente diremos a família de fontes de maneira real e vamos ver o que acabamos.

19
00:01:27,470 --> 00:01:27,950
ESTÁ BEM.

20
00:01:28,260 --> 00:01:30,490
Então, não é o mais emocionante.

21
00:01:30,630 --> 00:01:31,960
Ainda não está lá.

22
00:01:31,980 --> 00:01:36,160
É muito pequeno e não está espaçado corretamente.

23
00:01:36,210 --> 00:01:38,900
Precisamos movê-lo sobre 1. 6 por cento também.

24
00:01:39,000 --> 00:01:43,030
Assim como esta imagem para movê-la na linha, podemos começar por aí.

25
00:01:43,260 --> 00:01:52,620
Tudo o que precisamos fazer é passar para um parágrafo e adicionar a nossa margem esquerda e isso é apenas

26
00:01:52,650 --> 00:01:55,190
um ponto seis seis por cento.

27
00:01:55,520 --> 00:01:59,750
Estamos frescos OK agora espaçados corretamente.

28
00:01:59,880 --> 00:02:03,340
Então, mais uma coisa que queremos fazer é definitivamente aumentar o tamanho da fonte.

29
00:02:03,780 --> 00:02:10,020
Então eu sei que o tamanho da fonte que eu usei aqui é de 23 pixels e não só isso, mas eu usei o peso da

30
00:02:10,020 --> 00:02:12,980
fonte de 800, e é por isso que eu precisava selecionar isso.

31
00:02:12,990 --> 00:02:17,240
Então, aqui, dirá tamanho de fonte 23 pixels.

32
00:02:17,460 --> 00:02:20,030
Eu vou mostrar o que isso parece.

33
00:02:20,190 --> 00:02:23,500
Então, é maior, mas ainda não é tão ousado.

34
00:02:23,520 --> 00:02:27,660
Então, voltamos e adicionamos o peso da fonte.

35
00:02:28,080 --> 00:02:30,750
Oito cem e economize.

36
00:02:31,260 --> 00:02:33,610
Agora estávamos frescos no outono.

37
00:02:33,610 --> 00:02:39,810
Está parecendo perto, mas ainda estamos faltando uma coisa que é o fato de eu não

38
00:02:39,810 --> 00:02:47,800
usar texto em maiúscula, então eu posso fazer isso usando a transformação de texto ou eu poderia alterar o HDMI.

39
00:02:48,230 --> 00:02:52,470
Então, vou fazer isso aqui, o texto transforma as maiúsculas.

40
00:02:52,590 --> 00:02:54,880
Agora recebemos todas as maiúsculas.

41
00:02:54,970 --> 00:02:55,960
Aqui vamos nós.

42
00:02:56,370 --> 00:03:02,790
Então, você pode ver apenas com um exemplo rápido por que você usaria potencialmente a transformação de texto porque é

43
00:03:02,790 --> 00:03:08,400
muito mais rápido e fácil apenas adicionar uma para avaliar a propriedade ao invés de ter que digitar

44
00:03:08,400 --> 00:03:12,380
novamente cada letra, especialmente se você possui uma série mais longa de caracteres.

45
00:03:12,990 --> 00:03:16,690
Ok, então agora a última peça faltante é essa pequena linha aqui.

46
00:03:16,820 --> 00:03:22,980
Eu sei que é muito fraco, mas há uma linha aqui e vai em linha com esta primeira imagem para

47
00:03:22,980 --> 00:03:24,940
que ele não vá todo o caminho.

48
00:03:25,230 --> 00:03:28,160
Vai 30% do caminho.

49
00:03:28,170 --> 00:03:34,390
Então, a maneira como vamos fazer isso é que na verdade é apenas uma borda na parte inferior, é

50
00:03:34,770 --> 00:03:36,560
inspecionada no final deste parágrafo.

51
00:03:36,960 --> 00:03:43,500
Então, você pode ver que o parágrafo em si vai 30 por cento, o caminho através dele termina aqui e, em

52
00:03:43,500 --> 00:03:46,000
seguida, é apenas o limite inferior que ativamos.

53
00:03:46,500 --> 00:03:51,360
Então, voltemos ao nosso C SS e ao nosso parágrafo.

54
00:03:51,480 --> 00:03:58,380
Vamos começar dando-lhe o fundo da borda e vamos deixar que seja óbvio começar, então vamos fazer como três pixels

55
00:03:58,830 --> 00:03:59,830
de vermelho sólido.

56
00:03:59,880 --> 00:04:06,370
Então, vamos economizar e atualizar e apenas ver que a fronteira vai todo o caminho.

57
00:04:06,490 --> 00:04:08,420
E acho que não parece muito ruim.

58
00:04:08,430 --> 00:04:10,460
Definitivamente queremos corrigir isso aqui.

59
00:04:10,800 --> 00:04:16,260
Mas ao invés de fazer isso, vou mudar a largura, de modo que ele só vá 30 por cento do caminho.

60
00:04:16,830 --> 00:04:18,170
Então, vamos começar com isso.

61
00:04:18,390 --> 00:04:24,220
Então, é apenas uma questão de ajustar a largura para o parágrafo 30 por cento.

62
00:04:25,250 --> 00:04:32,730
OK, então agora termina lá, então a próxima coisa é fazer a correspondência de cores, então a cor que eu uso

63
00:04:32,730 --> 00:04:33,810
é muito fraca.

64
00:04:34,080 --> 00:04:36,090
Vou mudar isso aqui.

65
00:04:36,150 --> 00:04:38,950
É uma cor hexadecimal.

66
00:04:39,000 --> 00:04:44,780
EF 1 EF 1 EF 1 parece assim.

67
00:04:45,630 --> 00:04:51,140
Você pode ver que é muito fraco e acho que tinha dois pixels em vez de três.

68
00:04:51,450 --> 00:04:53,030
Então mudança muito pequena.

69
00:04:53,070 --> 00:04:59,520
Mude que seja dois pixels e a última coisa é o espaçamento.

70
00:04:59,520 --> 00:05:04,540
Então, aqui, você pode ver que temos algum espaço entre o texto e a borda.

71
00:05:04,590 --> 00:05:12,200
E aqui não lembramos assim espaço entre um elemento e sua borda é preenchimento.

72
00:05:12,450 --> 00:05:18,720
Então, se inspecionarmos, você pode verificar se eu posso ver esse preenchimento verde lá.

73
00:05:19,320 --> 00:05:22,190
Então, nós só precisamos ter o preenchimento indo aqui também.

74
00:05:22,200 --> 00:05:25,470
Então, no RC SS, vamos fazer o

75
00:05:28,370 --> 00:05:33,500
preenchimento no fundo de 20 pixels e voltaremos a atualizar.

76
00:05:33,570 --> 00:05:35,740
E agora temos um pouco de espaço lá.

77
00:05:35,760 --> 00:05:40,350
Agora, claro, sinta-se livre para jogar com isso, como quiser, se você preferisse que a

78
00:05:40,350 --> 00:05:42,360
linha fosse completamente ou sem linha.

79
00:05:42,400 --> 00:05:47,610
Você quer aumentar o tamanho do texto se desejar que ele se livrar do preenchimento ou adicionar mais

80
00:05:47,910 --> 00:05:51,350
preenchimento se quiser mais imagens na tela em vez de apenas três.

81
00:05:51,360 --> 00:05:53,430
Há todo o tipo de coisas que você pode fazer.

82
00:05:53,430 --> 00:05:56,770
Tudo bem, então espero que você tenha gostado de fazer algo que parece um pouco aceitável.