Criando um abstrato 3D Design
Abstract objetos 3D é algo que nós estamos vendo mais e mais em design gráfico assim que eu pensei que seria bom para aprender a criar um olhar fresco projeto usando um resumo render e deixar você ver como é simples para criar uma peça cheia de arte desta forma. Eu estarei usando lotes de técnicas simples para que qualquer pessoa deve ser capaz de segui-lo.
TUTORIAL FILES
Se você é um membro do PSD PRO faça o download do arquivo PSD e muito mais, vá aqui.
COISAS QUE VOCÊ PRECISA
INTRODUÇÃO
Este tutorial mostrará alguns passos similares ao projeto de snowboard tutorial como nós também será processado usando um objeto 3D. Primeiro verifique se você baixou o arquivo que eu mencionei m above.I 'vai mostrar-lhe os passos simples para criar esta imagem, mas sinta-se livre para adicionar seus próprios bits polegadas eu também estou indo para lançar uma série de papéis de parede em cores diferentes como este em breve para download para todos isso volte. Lets get going!
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tf5bXqaTal5akadtG6-5l6w-qjIx1D9WU1t0hvLxEPiA6UwoaeZq9C9YyrTDWhW8OnMdJBS2EaWi1mdFhntTg-aON1zy702h1HuaUybi2fDcjg0gwEhGPqocK1Euc=s0-d)
PASSO 1
Criar um novo documento com dimensões; 1600 × 1200px em seguida, criar uma nova camada e preenchê-lo branco, uma maneira rápida para preencher a camada branca seria bater D então Ctrl + Backspace. Agora vá Filter> Noise> Add Noise e use as configurações abaixo para dar usar um fundo ruidoso.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tG05fxUq_CUpeVgudrIk8fPcqnyrRHbf-Iwd8qQDkmgdCIVqhV8GQLGsMIfVIDnbX45Hwil_GEr_gRFmaah2HadNWCkVSVdbc7vSVSwWUM6aiAssDtYONzH0CSs8w=s0-d)
ETAPA 2
Nós vamos adicionar uma sombra leve abaixo para onde vamos colocar a render. Sua cor de primeiro plano deve ainda ser negro para criar uma nova camada, agora selecione a ferramenta pincel e escolha uma escova redonda 800px 0% arreios e clique uma vez para dar o efeito abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t2U4qipHgb0qJhagfbfRCOBQikpgOKM9WfuXPB6yzxa5em1nXY7i0LlJkXDmnmtygBnN_pdGW8QV_uefaDP8jwuxg3JbMFE2azF4OMTNsF_hRTP4uzJexDwlAwlQ=s0-d)
PASSO 3
Open 1.png da render pack em seguida, copie e cole no presente documento, em seguida, escalá-lo para baixo ligeiramente apertando Ctrl + T e arrastando os cantos mantendo mudança em seguida, mova-o acima da sombra, como mostra a imagem abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s6JFF7ATVi1bBqcNutaVVweQaj2egK4xOnvLPlbcBlaPQ99LwhSj369-pR6TbWYK-cBPAHuhhCa172WyAcjXYt7Q4NXI33gfhkDE0XULlplw9cSCoqFptaKbhxWQ=s0-d)
PASSO 4
Go Image> Adjustments> Desaturate vá Filter> Distort> Twirl e use um valor de 125 °.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ufjR1fRFA975_ACpccJ7zZrKl4wGnMVXmuEhYULVyTWzRHE_IjINl64i6yLjB4v2iHnORIvRRrgaJrlc6i64rvC2ZQDhpePES7dGUyLORWOTl4GVAP2Op7RmLxc28=s0-d)
PASSO 5
Mude o Blend Mode dessa camada para luz suave e alterar a opacidade para 75%.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_syPLm2gILv5PbujZoxNiLrDEv9P9a3qJv05otzo4lM3rgz_nmpAbP_S3JePHEf_TbGS3eOV38lRkKkccI46E8Nt1Bom_J1qrfGOqcZq6GLT1VJ8rBoq2qzCgtgUHs=s0-d)
PASSO 6
Agora cole a tornar-se novamente, você poderia provavelmente só pressionar Ctrl + V, a menos que você tenha copiado algo mais. Agora esta escala para baixo, da mesma forma e posicioná-lo como assim.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vG38Tt06Fm0T1Nr-UfrcNxN8RCtTgICYC3fL7Qo-EcOfLPSyetlDjFDfqqaRDsdjzPK9B_IvGD3gNZlk8irTm6EzwhEEre5-jQu8uF8-7I9kjvoeQBBmJ21jxOXQ=s0-d)
PASSO 7
O render está procurando um pouco escura no momento, então vá Filter> Render> Lighting Effects e tentar imitar as configurações mostradas abaixo da melhor forma possível.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uvF27tYM_h9Wc28rVF72cLX2AowWJMI0DIQGSkGhZIq5O-M2zsoZwSpeMPjUVpmDYqZR9zG4R0PI4tj32iDYJdFUCvcLWkWuoA-HearO8_y4-YioJkNMbYZEj8DWA=s0-d)
PASSO 8
Em seguida vá Image> Adjustments> Hue / Saturation e mudar o tom para 80.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sWojQg36_-C2OcT1y5do2eanu58LsxhJc_z6bCqhvxJZlEKRwuXyI0i8U6B3uT07MnKgDmVnFCFlLlLGdTly46lStlNkPIk_he8VD9vsQc68dILPpX0QIQM3JZjEc=s0-d)
PASSO 9
Permite ter um olhar para onde estamos, o seu deve ser semelhante à mostrada abaixo, mas provavelmente não é exatamente o mesmo. Nós adicionamos um fundo simples usando o filtro de ruído, você poderia ter usado uma textura para isso também como uma textura de papel ou uma textura de concreto, ambos teriam parecia bom também. Nós adicionamos um pouco de luz com a ferramenta pincel, você poderia ter usado a ferramenta gradiente radial em conjunto para dar o mesmo efeito. O desbotado render dá uma ligeira sombra tão bem, mas não se parece com o render já que ele rodou. Temos melhorado a render usando o filtro de efeitos de iluminação e um ajuste de cor, isto é importante pois o render será o ponto focal tem assim a aparência perfeita.Isso realmente não era uma etapa, mais de uma repescagem. A partir daqui, a cada nova camada que criamos será criado abaixo da camada de render como queremos tornar os a permanecer na camada superior.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u_nN81u47caPemDN-v9NsA6tRDAdkUKJCJFyOThuzh7iJMWB_ReMFVUvw4sDtlbDRBtLD8txy07SqAWMDFj1HNKalZiBMY8ZIBzVf0Qo09kzRl8ugsVOl0PeTilTM=s0-d)
ETAPA 10
Ok colar no render novamente, escalá-lo um pouco e posicioná-lo como na imagem abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uBkhT07SQGT_mKoZYuMgtrZrEctrhFULkZY-FJsdx7X0DC3-EcgEzPXsApR972Ub6P0LegHM6QIsdsp10WZ6IlOB5A2D_aSB1eXU46b8uLDkYZdh9d4X1aDpO-x76L=s0-d)
ETAPA 11
No painel de camadas de alterar a opacidade de preenchimento dessa camada de 0%, em seguida, clique direito sobre a camada e vá para as opções de mistura e adicione um curso utilizando as definições mostradas abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_trC99bcAWOsrBBBL-q2UmwrDutdUzO_A-OQu2JriYUzXccQt07PNWpRgiYUDQXZJ759FL7xBbTb4uJvde9n5QLxS7rKvyKVQK8zOxc1vlf0QB3q9WHJmT44OxjvHNW=s0-d)
ETAPA 12
Isto ter-lhe dado um esboço da renda, que repetiu as duas últimas etapas novamente mas rodar o render um pouco e usou preto em vez de verde como a cor do curso. Mais tarde, acabei fazendo alguns ajustes para esses contornos então não se preocupe se o seu olhar não é a mesma durante todo o tutorial.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vQ6L4-m15Yzycx1SYyd0vE1h7OR1XAL3KNriPWjO7cbDIp-uO4krtcsEdAG0LbkIzC06UUZdXvr_8NzyRWT7euuc4rSwRWyEAwqKqreQcYxAF_Pj0aGkMKXqWfvwOc=s0-d)
ETAPA 13
Este passo pode demorar algumas tentativas para acertar, primeiro selecione a ferramenta caneta, em seguida, na barra de ferramentas principal certifique-se de forma camadas botão for pressionado, byclicking começar em algum lugar no render depois clique fora dos limites do documento e segure e arraste para obter uma curva de Nice em seguida, adicione um outro ponto, em seguida, ligue-o de volta para o primeiro ponto com uma curva.Você deve ter algo parecido com este e certifique-se a camada está por trás da camada de render.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vtHXd2Ydqsz49J9SCpI2LewnT9KPohWJY4N84_bz-i8b-cDawNIVRyAMH5G7j2lQbYTTb7DdXelXGSWXmzPPXsglSwr2Ejud7J27FPxN_cRhvCJBBn2UJPo-mSWhU=s0-d)
ETAPA 14
Vá para o optiions mistura para esta camada e adicionar uma sombra projetada, brilho interno e do curso usando as configurações abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sHDAIsGq3bh8WCGDV8le_kmPRlhYabQwgitCp24yNX9PiMfi5CNpBHGv9GcBsilpexmRZWB62ZU2b6jBpfPUQzBY7dfPWFvidQFMy2sgf7HJfyv51JiB7c4lt4428T=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tSFymMEBzNZXy80uXDnf3pnce-ygyq-2cL_C8Bf_0Wkeaoksodk3POJZn1Cpu0Mi2D-OMs6ZufjGfX73a97kRjP-nNnuyXHAJpyAi3e3W55dYQcxTcFQwoDpHOxDtW=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tyetpTXPHwLFEF-OQC_HbvNKFYDsz1regaoFsHxrgRUOEZUufRkLytm943-JXejvoV0C4eKLwYrlbVywz2lv50ZKr1MDYRDGPhDFDtUNoUpNOrV-_7xu0iy61CHR60=s0-d)
ETAPA 15
Agora repita estes passos para criar outra fita como a forma, eu abaixei a opacidade da uma% a 50 segundo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vmKeq1pcnohwoaKIyc6NTppa5qHIo73p4FiT7Sfbzm_0H94jK7Nrc0dH8kXVF8D2wFTIx-ftAHeGNmtZeRHUpT5e77VHuBcZv6Dr2yXRMIp_xUUk3L7cO-v7qYOUuP=s0-d)
ETAPA 16
Criar uma nova camada selecione a ferramenta pincel e escolha uma escova redonda 3px rígido. Selecione um verde escuras como a cor principal, em seguida, selecione a ferramenta caneta e na barra de ferramentas principal pressione o botão caminhos. Desenhe um caminho que vai de meados do processar para fora do documento e segure e arraste para obter uma curva suave, clique com o botão direito dentro da janela do documento e selecione Stroke Path e desmarque simular a pressão. Faça isso mais algumas vezes até que você tenha quatro ou cinco linhas. Você pode perceber que eu criei uma linha pontilhada, bem, isso é opcional, mas fazer isso você você iria para o editor de escova indo Window> Brushes em seguida, em forma de pincel ponta faria aumentar o espaçamento, em seguida, derrame o caminho.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sDc09mJM5nmtBQT6GKcIqS34RZq8qGtqXiWcYmfwDYDKrSHIwKv9K6DTyUK4Xj2nF01AGAxKbqhfh_Dnl7JZYh1En-hmiMConlJuLt6O0ICOLwal1D1rpvvV8VMXQ=s0-d)
ETAPA 17
Mude o Blend Mode dessa camada para dissolver.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uI2vLCbofw3rqZBo_WCn5t999vBo_n31w39KXMmC3N5r7gi_3gvl1MvW8LILJbShw8BTocEU3JmUwJUbwr2u09TMD2yjkGIoLE8TWZ4hO3tHYtvpdagkAvnfouiyTy=s0-d)
ETAPA 18
Nós vamos adicionar algumas linhas aleatórias agora é só selecionar a ferramenta pincel e alterar o diâmetro para 2px, eu usei três cores diferentes aqui, uma verde limão verde mais escuro e uma cor azul. Então, primeiro creat uma nova camada, em seguida, basta ir selvagem com essas três cores por sorteio de rabiscos à mão livre em torno da render. Mostrei três exemplos abaixo do que parecia ser meu.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_voaDp7wDfdBDnU60OCFfMthkj2pZSHa78VCNk1zXYREjHDJMvrE5estnAgyVS1ebQBrc8qeIPbMt1dsfowj-pcqrbgodD0PkAa0lQkdBsrr6a74r_6zvorYqnocco=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tZT1EFCJ4-5-Mw-smVqbXZyHunD1FxRKLMaeXjF4i4FE_USlaiNVhH5QlrUj8rGDGetCamcwgMjhFuVNbPP5bIN8slrc5PqFTKCgmZYd5_9hMp_kldSPDvziO3cSI=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t-jgEhC_74gf2-Dh2nA2VgUnL2WE2sjzblxO0AxkQF3CKECgw0lcJoXmg7v6KRvgCXNNCxUTIl0jSypHPXiLwdL6TElQ_83GN_oC8NfbcwW6uuc6Nhc-ExFhk4cMs=s0-d)
ETAPA 19
Estamos indo para ir para o que eu chamo a área de marca, este é o lugar onde você tende a colocar o seu título, o nome, talvez website. No entanto, este tem que olhar bem tão bem como você precisa de alguma tipografia agradável e cores aqui. Eu não vou entrar em todos os detalhes de como eu criei isso porque você está, obviamente, vai querer ser um título diferente e seu nome não é provavelmente a mesma que a minha, apenas tenha certeza de criar cada elemento em uma nova camada. Crie esta forma de fazer primeiro uma nova camada, em seguida, selecionar a ferramenta laço poligonal e segurando shift para obter linhas retas, uma vez que você fechou o ciclo enchê-la preta indo em Editar> Fill e escolher preto, em seguida, no painel de camadas de alterar a opacidade preencher a 10%.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tYRZxYTXUUWH0bO4B3yzMkw4sqz5htiZ90c3115vKWJST4jzM8xarHHgUGR1vfkyqnMzazaAjb53J-bYs2EEaZcinhmpUM3BDypGIXLhgOaj9quNnRtf19VrOqfugP=s0-d)
ETAPA 20
Agora vá para as opções de mistura para esta camada e adicionar uma sobreposição de degradê e um traço que imita as configurações mostradas abaixo.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t6wwJLXQphLM_-JEnxcEYBlbQ4r1-G2T8TPJSb2zA55lYKv7e_7xX3DHYqONeAXN9BMvXBS0951mAz6Isk73rDv-IuSf7k9V35jdEYMV-Yqp-d59j4Cx1-80vu7hfp=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uZCFTXP3y2VOQNT3UAPyXAMTjyrGIHAP8kE0Nr4DwbRrfA50luoiOx9hDvP2dkhlm_YEIRd7RgMlG4qPSeyA84HbkiM-gFgzutwPaiRMX1cVnoi1B8d8VYJE2UZVs=s0-d)
ETAPA 21
Agora você quiser acrescentar algo mais a esta caixa por isso eu vou deixar você ser criativo nesta etapa, você verá que eu apenas adicionou uma camada de máscara para esta camada com as letras do PSD, mas você pode adicionar ou remover qualquer desejado da caixa.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vqrNzLkw48GVFoRRX60a9o-N9uQfZgvtphASyjcj2DTC3WStJDTpisdR5MdAmStmL9WVv4C_ok_xz8iyEdh7VP7reONR0S7H8IIx8M0i1g0Aqikx2F5w87Zbyi8-j8=s0-d)
ETAPA 22
Aqui eu adicionei algum texto em uma fonte de tecnólogo, eu também acrescentou algumas linhas simples verde na bootom da caixa e adicionou um PSD acariciou. Basicamente, basta colocar o título aqui em algum lugar e algumas coisas extra se quiser.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ty576pXWXfCEOPcy5n0JZfx8b9YC7VzzHw5xeTH1Gjlc8JaPtNc8wMVSl7pVfrThkRP9yfwZIJnmEUYJ8GqIbtoi1r-TUMm8Hn7SeO9-CAQYRSpyjEkRNGGjxZgZxv=s0-d)
ETAPA 23
Em seguida, acrescentei algumas flechas simples acima do texto e alguns pontos próximo a ele. Eu, então, colocar no meu site e alguns realmente pequeno texto ilegível. Eu também colocar texto em chinês ao longo do fundo da caixa como isso sempre parece ser bom.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t4QJNtZcIIZwcaRGWirkcsv_a1e-5nRBc3_c24-mfypr0IWEzLxY6BJani-PbuYHw6YaRDzOnvFYQyfI4OnFbjhxh7s1ZSo38lpetJ6qf5tGZWFisrNj1S-398DiCx=s0-d)
ETAPA 24
Aqui o que eu fiz foi para obter uma versão pequena da imagem, em uma nova camada, indo Imagem> Aplicar Imagem então sacaling-lo e adicionar uma borda. Então eu apenas coloquei o meu nome para terminá-lo fora.
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vbNEYKhRDlNF4TeQWzVoO3wCZGvp0qt6m4kQsT4uWPd57GmoNByoX2AUVw7eQsrn-B6VlQJohjCaj_SsShjhEZs26mRxUeMT0nD6kBCOq5gPygP2ept86jHHEdWNWo=s0-d)
ETAPA 25
Ussually no final de criar uma imagew como este, vou fazer alguns pequenos ajustes de cores usando curvas, mas aqui eu tentei mudar a cor totalmente e realmente gostei bastante dos resultados, não tenho certeza de que eu gosto melhor ainda, mas eu mostrei tanto abaixo. Para fazer isso, vá para o topo da pilha de camadas e adicione um Hue / camada de ajuste de saturação, clicando no botão círculo preto e branco no painel de camadas. Você vai perceber que eu também adicionou algumas coisas extras e incentivamos você a fazer o mesmo e experimentar um pouco. Espero que você encontrou este útil tutorial!
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tf5bXqaTal5akadtG6-5l6w-qjIx1D9WU1t0hvLxEPiA6UwoaeZq9C9YyrTDWhW8OnMdJBS2EaWi1mdFhntTg-aON1zy702h1HuaUybi2fDcjg0gwEhGPqocK1Euc=s0-d)
![](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vK-Ziz2IH6aVAtFIF6JpSlkGNzcRgmAqNopoUex487xPVPOlg64HSbk8Uk9CbSW4e96b7aL2Gwzxiq2MUvt19lSgB8kgHh1m6O1JmWzLAI6CuPFscptr65HOoVyAdg=s0-d)