Tutorial: Photoshop para Iniciantes - Lição 2 -

Vamos a Lição 2 õ/ -Clic nas Imagens para Ampliar-

Com,  Barras, Janelas e da Baixa de ferramentas poderá aplicar efeitos

e fazer outros tipos de melhoramentos e uma imagem.

A Barra de Menus contém uma grande quantidade de recursos.

A Barra Opções se adapta à ferramenta que está sendo utilizada no momento,

é nela que encontrará muitos recursos que dinamizarão a ferramenta escolhida.

As propriedades da Barra Opções se alteram de acordo com a ferramenta seleccionada.

Todas as ferramentas disponíveis no Photoshop estão na Caixa de Ferramentas.

Na Caixa de ferramentas existem algumas divisões,

isso porque as ferramentas nela contida estão classificados por categoria.

Algumas ferramentas possue em seu canto direito uma pequena seta,

quando isso ocorre, ela está indicando que existem outras ferramentas ocultas dentro dela.

Assim que aperta uma das ferramentas aparece um menu Desdobrável que amostra os demais ferramentas.

Um trabalho com o Photoshop começa a partir do menu do Arquivo pois

é ele quem permite que uma nova imagem seja criada ou mesmo aberta.

As opções: Abri...Procurar...Abrir Como...

são referentes à abertura de arquivos porem cada uma delas tem uma função diferente.

A opção Novo lhe permite Criar um documento de imagem em branco.

Na caixa de Diálogo Novo você irá definir as propriedades da nova imagem:

Nome, Tamanho, Padrão de Cores, entre outras.

Os 3 Botões no final da Caixa de Ferramentas são responsáveis pelo
modo de exibição da imagem na tela do Photoshop.

O Modo de Tela Padrão mantém a forma de uma Janela.

O Modo de Tela Cheia com Barra de Menus exibe a imagem em tela inteira e oculta a Barra de Títulos e a Barra de Status.

O Modo de Tela Cheia exibe a imagem em tela cheia e oculta a Barra de Títulos,
a barra de status e a barra opções.

Apertando "F" aciona cada opção citada.

No lado direito do Photoshop estão localizadas as janelas do Photoshop, estas são distribuidas em três categorias.

Categoria 1: estão janelas, navegador e informações:

A Janela que está sendo exibida é a "Navegador".
Esta janela tem as finalidades de exibir a imagem que está sendo trabalhada,
controlar o nível de Zoom e direcionar seu foco.

O Histograma é um gráfico onde as Informações de cor da imagem estão
representadas através de barras verticais. Ele é um guia muito importante
para a utilização dos comandos de ajuste de cor e tonalidade.

A Janela "Informações" lhe fornece dados de cores em relação à posição do ponteiro na imagem e as exibe nos padrões RGB e CMYK, posição do cursor e tamanho da área selecionada.

Categoria 2: estão as janelas responsáveis pela aplicação de cores e

definição do esquema de cor utilizado, são eles: Cor, Amostras e Estilos.

Categoria 3: É responsável pelo trabalho e controle das camadas de uma imagem,

como você verá em lições vindouras.

Na base da tela encontra-se a barra de status, ela fornece ao usuário dicas sobre a ferramenta que está sendo utilizada, o nível de Zoom aplicado, etc.

Estes são os Botões de Controle: 

Eles são responsáveis pelo Modo de Exibição do programa,

e a janela da imagem também as possuem. Após aperta o botão Maximizar a janela se expandir e passou a ocupar toda área vazia do Photoshop.

Note que a barra de Título do Photoshop estão mescladas, as informações do aplicativo da Imagem, note também que os Botões de controle da imagem assumiram uma nova Posição.

Espero que Gostem desta Lição. Até!

Tutorial: Photoshop para Iniciantes - Lição 1 -

Antes de qualquer coisa é necessário você saber como é formada uma imagem.

Principalmente se você quiser ser um bom Design Gráfico ou Web Design.

Não importa onde fizer curso ou Faculdade você sempre irá ter uma aula de como a imagem é formada

e claro, eu vou lhes mostrar neste tutorial.

Lição 1

Uma arte gráfica é baseada em dois aspectos: cores e resolução, estes são

essência de uma imagem.

Os pontos coloridos que são observadas de uma tela de televisão, ou em um monitor são feitos de um elemento químico, o fósforo e emitem luz quando estimulado por feixes de elétrons. cada ponto formado na tela é chamado de pixel.

Toda imagem é formada por uma determinada quantidade de Pixel, e este pode ser de três tipos:

Vermelho, Verde ou Azul.

Tríade é um conjunto de três pixels, e elas são organizadas na tela de um monitor

em linhas e colunas, dando origem a uma Matriz.

As telas de Monitores variam muito de tamanho, por isso quem determina

a quantidade de pixel para a resolução do computador é o sistema operacional.

A sigla RGB é um padrão de cores que vem do inglês: Red (vermelho), Green (verde) e Blue (azul).

Estas três cores são responsáveis pelo surgimento de milhões de cores.Como?

De acordo com a intensidade de luz emitida por cada um dos pixels, suas cores irão variar,

criando uma infinidade de novas cores.

Quando um pixel recebe um raio de luz mais forte sua cor tem mais intensidade,

se o raio da luz for baixo ele terá uma cor mais escura.

O pixel varia de zero, totalmente apagado, a 255 que geralmente é o seu brilho máximo.

O monitor utiliza o sistema de cores RGB, enquanto que o sistema de cores para impressão é o CMYK.

Seu significado é a combinação das cores, Ciano (azul), Magenta (vermelho), Yellow e Black.

Com base nestas Quatro cores é que são formadas todas as cores em uma impressão,

por mais complexas que sejam.

Mesmo que achem isso insignificante...não é. é sempre bom saber um pouco mais,

e não mata ninguém não é?

Próxima parte começará conhecendo o Photoshop. Até!

A Decisão

Como algumas Pessoas já votaram em qual tipo de Tutorial começar...

Decidi que começarei com o Photoshop

Daqui alguns dias eu Postarei o Primeiro Tutorial de Iniciantes.

Obrigado pela participação. Até Logo!

Dicas...

Oii

Voltei e com algumas dúvidas então eu estou precisando de:

Para os Breves Tutoriais que irei postar ^-^

será que poderiam me ajudar?

Eu estava pensando em por Tutoriais do Photoshop Para Iniciantes^^

Ou Tutoriais para Códigos de Css qual faço primeiro??

Agradeço desde já ^-^ 

Wallpaper

Yo!

Vim trazer um Presentinho Para a minha parceira

Tínacriis

ela pediu em um comentário que queria edições

do anime Kuroshitsuji *-*

como eu AMO o Greil Fiz uma edição

dele ^^ é que to sem tempo Galera!

Mas esse foi especial pra a Tína *-*

Espero que gostem õ/

 -Clic na Imagem para Ampliar-

Beijos!

Tutorial: Como Criar um CSS Parte Final *-*

Olá!!!

voltei com a terceira parte do tutorial *-*

Vamos lá??!! *0*

Agora que você pegou o DirectLink do cimaLogo

Voltamos ao "Modelo" *-*

está vendo esta parte?:

#cima #logo {

        height: 350px;

background: url(img/cimaLogo.jpg);

você irá modificar esta parte :

background: url(img/cimaLogo.jpg);

ao invés de : img/cimaLogo.jpg

você vai apagar e colocar o DirectLink!

vocês talvez fiquem na duvida para que serve

colocar esse link la!

mas eu explico:

este link serve para aparecer a imagem do cimaLogo

*já que você pegou o link dele*

mas vocês se perguntam...mas o cimaLogo já apareceu no perfil...

sim! mas porque o nome do arquivo está colocado direito

ai o *( )* acha na pasta img porque esta assim: (img/cimaLogo.jpg)

entenderam?? *acho que eu compliquei e.e*

Bom vamos a próxima parte!

vá no site onde você hospedo e pegue o DirectLink

do fundoDegrade *-* *eu a-d-o-r-o ele õ/ *

e volte ao modelo e encontre esta parte:

#fundo {

background:url(img/fundoDegrade.jpg) repeat-X left top;

faça o mesmo que fez com o cimaLogo mude o que ta dentro do parentese

mas não o tire ok??

Muitos tem duvidas de como deixar o fundoDegrade

grande e que pegue na tela toda sem deixar nenhuma

parte branco né??

ta vendo isso no fundoDegrade?: 

repeat-X left top;

você faz o seguinte:

fixed;

Pronto! é só salvar e ir ver o resultado no perfil!

mas perceba que isso foi no fundoDegrade!

você tem que fazer isso no fundoBase ok?!

Agora vá no Site e pegue o DirectLink do fundoBase

e faça o mesmo que ensinei *-* após salvar é só

ir ver o resultado no perfil ^^

mas lembre! tem que actualizar ele

Agora Vamos para uma das partes que complicam Vocês

Os Códigos Das Cores \o/

Finalmente cheguei nele e.e õ/

Mas Vou Postar No outro poste...sabe porque??

To com preguiça u.ú ./apanha até a morte

Até mais ver pessoas!

Brinks

Vou fazer o tutorial õ/

Bom vamos lá!

antes de tudo vou da a vocês a paleta de cores

necessária para isso: Paleta De Cores

Agora vá ao modelo e Procure todos os lugares do

Modelos que tem isso :

#459055;

esses números entre o jogo da velha e o ponto e virgula

são os códigos das cores ^^

muitos acham essa parte difícil de lidar

mas depois você se acostuma e pega o pique como eu 8DD~ o/

Vamos a serviço!

primeiro escolha a cor que você quer e que combine com o Css

e não uma cor que deixe invisível ok?? seria mal para você

e as outras pessoas...porque imagina você deixar transparente!

ninguém iria conseguir ler! u.ú

Bom essa parte mesmo é mais com vocês é o seguinte!

você vai colocando os códigos desse jeito:

coloca o primeiro código salva actualiza o perfil e vê onde mudou

e vê se ta bom se ficou você  pro cegue para o proximo

e faz o mesmo! não estou explicando porque nem todos os lugares

eu sei onde muda! eu só vejo na hora que estou fazendo

sem contar que ia dar um trabalho por quase o modelo

todo neste tutorial u.ú pobre de mim Y.Y Bom entenderam não é??

Assim eu espero ^^ eu estava pensando em por um tutorial aqui

de como por transparências no CSS...mas talvez não...

Que acham??

Beijos!!!

Tutorial: Como Criar um CSS Parte 2 *-*

Olá!

Já voltei com a segunda parte do Tutorial õ/

 -Clic nas Imagens para Ampliar-

Bom...após ter feito o seu "cimaLogo"

substitua ele pelo da pasta "IMG"

Verifique se o seu "cimaLogo"

está com o nome correto! ele será

necessário ao decorrer do Tutorial!

Agora vá para fora da pasta "IMG"

e abra o arquivo "TXT" "Modelo"

Procure no Modelo esta parte

Marcada de "Vermelho":

Está vendo esta parte?: height: 120px;

No lugar dos números "120" você deverá colocar

a altura do seu "cimaLogo" no meu caso

eu faço "350" então ficará assim: height: 350px;

Entenderam??

Agora salvem o Modelo. se não souberem eu explico ^^

Você clica em "arquivo" lá em cima e depois em salvar

Veja a foto:

ou então os atalhos "Ctrl + S"

Minimize o arquivo "Modelo" e abra o arquivo

"TXT" "Perfil" se você estiver feito tudo correto

aparecerá o seu "cimaLogo" no "Perfil"

Sem nenhuma parte do "cimaLogo" cortada

ou sem a foto.

Próxima parte "fundoDegrade".

Ele é o fundo Total do CSS vou mostrar um exemplo:

Aproveitei e coloquei logo os principais ^^

Ah!

O "fundoBase" é o "Verde Escuro".

Bom...voltando!

Você cria seu fundo com a largura de "1000"

e a altura de "1000" também ^^ eu acho melhor!

Assim que você o fez salve como "fundoDegrade"

certinho! igual como você fez do "cimaLogo"!

mas não coloque esses: " Ok?!

não são necessários...

Agora actualize o Perfil Abrindo ele novamente

e veja se o "fundoDegrade" está do jeito

que você quer.

Se estiver vamos ao próximo passo ^^

o "fundoBase" nele você irá fazer o mesmo

processo! vai definir a largura e a altura

que são as mesmas "1000".

Igual a do "fundoDegrade" e substitua!

O fundoSombra na minha opinião

ele não é importante

e só deixa o "CSS" feio...

Então como quero terminar logo

falo dele depois!

Vamos agora para a parte de hospedagem!

*-* acho que é a melhor parte do "CSS" *0*

Eu uso o "PhotoBucket" o ImagensHack está com

Problemas... apesar de eu nunca mais

ter usado ele eu vi o resultado de muitos

"CSS's" danificados por causa dele...

Bom, irei explicar como vocês podem usar

o "PhotoBucket".

Primeiro crie a sua conta que é muito

fácil, nem precisa de explicações.

Assim que você criar a sua conta

Click em :

Assim que a página carregar click

em :

Assim que aparecer o quadrado

de "Selecionar arquivos" :

Vá na pasta "IMG" e seleccione

Todas as fotos...o "cimaLogo",

o "fundoDegrade" e o "fundoBase"

Assim que carregarem abaixe a página

Como está na foto:

Click em uma das fotos quando a página carregar

na parte direita estará alguns links vá até

a parte do DirectLink click só uma vez sobre o link

e ele estará copiado! fácil não?? ^^

No caso de tiverem outro melhor! assim não

perdem tempo õ/

Continua!

Está pequeno de novo eu sei...mas é

que hoje estive doente e ocupada

e só sobrou pouco tempo

para o Tutorial mil perdões!

Beijos!

Tutorial: Como Criar um CSS Parte 1 *-*

Olá povo!!

como vão?

desculpa por ter demorado de fazer as postagens...

é que como começou as aulas fiquei lotada de atividades

e trabalhos! foi bem cansativo!

sem contar que tive que fazer esse tutorial correndo!

eu espero que todos me desculpem

e que gostem do meu tutorial ^^

agora podemos ir ao que interessa não é??

vamos lá!

 -Clic nas Imagens para Ampliar-

Tutorial: Como Criar um CSS do AnimeSpirit

1° Passo:

Crie uma pasta com o nome Css's ou como quiser!

essa pasta tem que ser feita pra você por nela todos

os CSS's que você criar! isso só é para organizar ok?

Após criar a pasta entre na sua conta do "AnimeSpirit"

e vá em "Personalizar". Assim que a página carregar

desça a pagina até a parte de "Criar Novo Css"

e baixe o novo modelo! Veja a na foto ai em baixo:

Clique no "Link" que eu marquei de "Vermelho".

Logo em seguida salve o Modelo na Pasta que você criou!

o arquivo está compactado com o "Winrar" se não tiver Baixe

aqui pelo Baixaki: Winrar

Após ter instalado o winrar vá ao arquivo compactado

e copie ele! se não sabe eu explico:

Primeiro você clica uma vez só no arquivo compactado

e apertas "Ctrl + C" isso é um atalho do computador

mas se quiser o jeito norma é só você clicar com

o mouse direito em cima do arquivo e clicar em

"Copiar" Simples não??

Bom depois crie uma "Nova Pasta" dentro

desta que você criou pode dar o nome de:

"Primeiro Css" ^^ Assim que você criar entre nela

e "Cole" o Arquivo! Você pode fazer do mesmo jeito

que copiou! mas ao invés de clicar em copiar

você clica em Colar^^ ou então use o atalho:

"Ctrl + V" é bem mais prático!

Após a Colagem você terá que extrair o Arquivo!

Se não sabe como eu explico *O*

Primeiro você clica com o mouse direito em cima

do arquivo compactado e depois clica em "Extract Here"

se no seu caso for em inglês...caso contrário

click em " Extraia aqui" Após isso você vai ver

Outras pastas como "IMG" etc..."IMG" vai ser

a primeira que vamos trabalhar.Antes de qualquer

coisa tenho que avisar a vocês que as outras pastas

não será preciso usa-las ^^ já os Arquivo "TXT"

chamado "Modelo" e "HTML" chamado "Perfil" só

serão usados depois ^^Veja a foto:

Mas vamos ao que interessa!

Abra a Pasta "IMG" lá estará uma foto

chamada "cimaLogo" certo??

Abra o seu editor de foto e faça este "cimaLogo"

com a largura de 1000 e a altura você escolhe!

Continua...

Foi pequeno Mais é que fiz de ultima hora ^^
Espero que tenham gostado dele \o/
Até a Próxima!

Sorry pelo sumiço!!

Olá!!

Desculpem pelo sumiço repentino! é que viajei muito e assim que voltei tive muitos trabalhos escolares para fazer ¬¬'' mas vim dizer para vocês uma boa noticia! vou postar um tutorial de Como fazer o Css do AnimeSpirit *O* muitos do AnimeSpirit me pediram então aqui estou! bom era só isso!



                                                                           Beijos!

RENDERs - part2

Apenas mais algumas renders minhas. Como não estão prontas (ou talvez sim), decidi não postá-las no AnimeSpirit. No entanto, como há quem esteja sempre precisando, decidi compartilhar...

 -Clic nas Imagens para Ampliar-

RENDERs - part1

Olá, minna!!

Como podem ver, eu sou nova por aqui. Fui convidada pela WandyHime a participar.

Sou a TinaCriis, mas podem me chamar como preferirem. A partir de agora, estarei trazendo alguns trabalhos meus a vocês. Espero que gostem!! ^^

Quem quiser me conhecer melhor, pode estar acessando o meu blog: CristinaConde's Blog

Apenas algumas renders minhas. Como não estão prontas (ou talvez sim), decidi não postá-las no AnimeSpirit. No entanto, como há quem esteja sempre precisando, decidi compartilhar...

 -Clic nas Imagens para Ampliar-