Skip to main content
Participant
October 13, 2021
Question

problem designing a logo for website

  • October 13, 2021
  • 3 replies
  • 222 views

I have started a website. Its about fishing products. The problem is to design a logo on adobe for my <link removed-kglad>. Iam a beginner . Could u suggest me tutorial or channel that makes this task easy to perform.

This topic has been closed for replies.

3 replies

JJMack
Community Expert
Community Expert
October 13, 2021

I only install Photoshop and have no problem designing and creating Vector Logo in Photoshop and can currently export vector SVG files.  However,  Adobe is removing SVG support from Photoshop's export.  Just use vector tools to create Text and shape layers  you do not want Raster Pixel Layers and you should not add Layer styles to your vector layers..  There are many Photoshop logo tutorials on the web. Keep thing  simple you want you logo the standout and be immediately recognize.

https://www.google.com/search?q=+%22Photoshop%22++Create+Vector+Logo+Tutorial&newwindow=1&sxsrf=AOaemvKj6pyQw7FKVWBumMmDanxuU0bH1Q%3A1634143235973&ei=AwxnYeD1OoHQytMP65KOuAI&ved=0ahUKEwigg9746cfzAhUBqHIEHWuJAycQ4dUDCA4&oq=+%22Photoshop%22++Create+Vector+Logo+Tutorial&gs_lcp=Cgdnd3Mtd2l6EAwyBQghEKsCOgcIABBHELADOgUIABDNAkoECEEYAFDFX1igvAJgvuQCaAFwAngAgAFXiAHVBJIBATmYAQCgAQGgAQLIAQjAAQE&sclient=gws-wiz 

JJMack
JJMack
Community Expert
Community Expert
October 13, 2021

Here is a svg export of Photoshop shape layers created using export as svg. Save this text into a text file you rename from .txt to .svg them place the file into  a  Photoshop Document as vector smart object layer.  The smart Object Layer should resize well in Photoshop.

 

<svg xmlns="http://www.w3.org/2000/svg" width="2100" height="1500" viewBox="0 0 2100 1500">
  <defs>
    <style>
      .cls-1 {
        fill: #ff3153;
      }

      .cls-1, .cls-10, .cls-11, .cls-2, .cls-3, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {
        fill-rule: evenodd;
      }

      .cls-2 {
        fill: #eeff31;
      }

      .cls-3 {
        fill: #07cf44;
      }

      .cls-4 {
        fill: #ff00f0;
      }

      .cls-5 {
        fill: blue;
      }

      .cls-6 {
        fill: #fcb14f;
      }

      .cls-7 {
        fill: #4feafc;
      }

      .cls-8 {
        fill: #4f98fc;
      }

      .cls-9 {
        fill: #fc4fd5;
      }

      .cls-10 {
        fill: #827c81;
      }

      .cls-11 {
        fill: #c3bcc1;
      }
    </style>
  </defs>
  <path class="cls-1" d="M573,385q82.27,16.8,164.5,33.5Q820.272,435.3,903,452a49.748,49.748,0,0,0,3.073,14.013A56.174,56.174,0,0,0,915,481c7.379,9.155,17.418,16.957,28,23Zm251,66"/>
  <path class="cls-2" d="M571,383c124.333,40,247.667,81,372,121a56.313,56.313,0,0,1-14,11c-14.075,8.178-30.583,10.61-47,8-17.582-6.017-34.628-12.246-52-19-38.227-14.863-73.28-30.73-111-49C669.449,431,611.01,402.657,571,383Z"/>
  <path class="cls-3" d="M903,452c9.192,8.268,12.033,12.15,28,16,10.535,2.54,21.175,4.552,32,4-10.664,10.314-8.817,22.785-3,31,4.395,6.208,11.358,8.438,16,9,5.572,0.674,13.228-.42,19-6,7.02-6.789,9.09-17.414,4-28,50.4,3.9,101.39,23.276,116,96,3.26,16.244.65,43.088-6,54a318.741,318.741,0,0,0-73-74c-29.92-21.654-58.244-35.536-83-46-2.81-1.188-14.768-4.045-25-14C912.756,479.17,903.02,468.219,903,452Z"/>
  <circle class="cls-4" cx="979" cy="489" r="16"/>
  <path class="cls-5" d="M1372,1196a153.271,153.271,0,0,1-37-10c-49.64-20.43-74.23-61.33-90-87-14.05-22.86-28.28-42.94-42-66-17.87-30.03-36.88-62.535-53-87-6.27-9.513-12.51-18.712-19-28l135,78c4.71-27.545,2.29-57.175-7-82-30.25-80.82-147.41-130.116-187-179-12.07-14.9-20.93-30.747-26-49a129.645,129.645,0,0,1-4-47,162.533,162.533,0,0,1,83,16q-7.995-13-16-26a108.1,108.1,0,0,0,7-50c-3.62-35.917-25.21-63.265-47-79a117.934,117.934,0,0,0-70-22,23.481,23.481,0,0,0-16-12c-7.1-1.383-15.574.821-20,6-9.308.1-30.636-2.418-45-9a39.4,39.4,0,0,1-15-11c13.722-7.921,27.429-13.7,43-17,18.37-3.9,69.66-1.42,123,23,44.04,20.163,75.92,48.121,90,66a212.452,212.452,0,0,1,25,41c21.41,45.186,28.27,96.92,23,150,1.72,1.97,3.36,3.939,5,6,13.98,17.611,22.63,36.962,27,49,10.46,28.837,20.37,59.384,28,87,4.31,15.6,17.46,50.193,27,77,16.18,45.474,30.52,89.63,47,135,5.67,15.61,10.44,30.31,15,47A585.363,585.363,0,0,1,1372,1196Z"/>
  <path class="cls-6" d="M946,505a372.3,372.3,0,0,1,52,24c52.67,29.46,85.23,62,106,92,7.53,10.879,14.2,21.225,20,33-13.36-5.051-26.94-9.482-41-12-13.82-2.475-26.96-3.054-41-3-1.16-14.792-1.85-17.569-7-30-8.73-21.094-24.71-43.652-36-55C980.89,535.8,964.3,521.148,946,505Z"/>
  <path class="cls-7" d="M1042,640c-31.33-9-61.667-19-93-28,0.472-13.433-2.109-20.579-4.7-27.171-3.47-8.839-8.88-19.348-23.3-33.829-10.68-10.723-22.723-19.142-36-27,11.847,1.563,23.854-.79,35-5a65.565,65.565,0,0,0,24-15c9.628,8.222,19.808,15.418,29,24,28.11,26.246,47.33,48.909,58,73C1036.55,613.52,1040.05,622.376,1042,640Z"/>
  <path class="cls-8" d="M1042,639c-2.82,10.767.29,19.787,1,31,2.54,39.892,52.56,89.612,73,103,88.03,57.668,136.76,106.108,150,163,4.47,19.2,3.45,40.665,0,60-40.52-23.307-73.8-44.8-115-67-120.41-64.859-185.1-115.176-193-191-1.715-16.449,2.749-54.623,30-75C1005.35,650.029,1020.42,641.8,1042,639Z"/>
  <path class="cls-9" d="M950,612c29.667,8.333,61.33,18.667,91,27-48.007,11.43-70.1,33.788-80,70-5.052,18.468-6.742,55.41,31,104,16.3,20.98,36.96,41.481,67,61,22.05,14.33,47.06,31.33,71,43,22.21,31.425,41.67,64,61,96a804.28,804.28,0,0,1-107-38C975.064,927.328,915.375,868.415,889,823c-37.038-63.778-32.111-108.878-13-146C891.09,647.688,917.177,624.483,950,612Z"/>
  <path class="cls-10" d="M1092,979q49.5,17,99,34-5.535-.48-11-1c-17.86-1.72-52.12-5.39-85,2-9.88,2.22-20.33,5.92-22,13-1.51,6.43,5.28,11.37,12,22,10.03,15.86,10.9,29.11,9,35-3.77,11.7-15.43,19.29-28,23a72.806,72.806,0,0,0-2-33c-3.27-10.8-13.66-35.65-39-44a56.608,56.608,0,0,0-31-1,56.513,56.513,0,0,1,13-26c12.76-14.074,29.65-16.811,54-20C1071.36,981.643,1081.96,980.273,1092,979Z"/>
  <path class="cls-11" d="M0,0H2100V1500H0V0ZM1372,1196c-0.04-26.06-22.23-89.89-19-99a387.348,387.348,0,0,0,134-213q-88.995,45-178,90-16.5-46-33-92,113.985-57.995,228-116c2.24-66.7-9.74-132.311-36-193-47.25-109.193-136.33-191.537-239-235-86.79-36.739-185.54-46.887-281-24A451.007,451.007,0,0,0,749,420L578,385c45.333,23.333,90.666,44.667,136,68-88.178,96.31-130.57,228.205-116,358a452.671,452.671,0,0,0,190,320q104-51.495,208-103c23.33-4.56,32.64,2.64,46,13,11.13,12.16,27.38,33.93,24,57-56.67,28.67-113.333,59.33-170,88,70.755,27.86,147.18,36.7,222,25a423.254,423.254,0,0,0,163-62l15,15C1320.42,1175.3,1334.62,1195.67,1372,1196Zm-278-113q53.505-27,107-54-4.995-9-10-18c-13.83-.65-27.27-0.98-41-1-43.13-.06-73.63,2.86-77,15-2.44,8.79,13.07,20.37,18,36A67.163,67.163,0,0,1,1094,1083Z"/>
</svg>

 

It may even open in AI I do not install AI...

 

JJMack
Met1
Legend
October 13, 2021

Cute...

Legend
October 13, 2021

Even if it will be used on a website, it is best to do your logo design Adobe Illustrator. 

It can be exported in a raster format from Illustrator for web use, but will also be in a vector format appropiate for other uses going forward. 

kglad
Community Expert
Community Expert
October 13, 2021

moved from download&install