• Increase font size
  • Default font size
  • Decrease font size
  • default color
  • cyan color
  • red color

ZarabotokEst

Member Area
Создание сайта
Как сделать логотип в фотошопе для сайта

   

Приветствую дорогие посетители, сегодня мы будем рассматривать, как сделать логотип в фотошопе для сайта. Для этой не сложной операций нам, конечно же, понадобится фотошоп, так же как и в предыдущей теме: Как сделать меню для сайта, я использую фотошоп CS2

как сделать логотип в фотошопе

На этот раз мы немного отвлеклись от темы: как заработать в интернете, но данный материал будет полезен всем, кто стремится сделать сайт не только с уникальным контентом, но и с уникальным дизайном. Надеюсь, при создании логотипа у Вас никаких трудностей не возникнет, ну что ж, начнем:


1. Создаем новый документ (Ctrl+N) размером 500х400 пикселей и при помощи инструмента "Paint Bucket Tool" (G) заливаем цветом: "262626" (этот цвет был взят из шапки блога)

как сделать логотип в фотошопе

2. В меню выбираем инструмент "Ellipse Tool" и рисуем эллипс белого цвета:

как сделать логотип в фотошопе

3. После этого переходим к фильтру, выбираем в панели меню "Filter —> Blur —> Gaussian Blur" и выставляем "Radius:70"

как сделать логотип в фотошопе

Вот что приблизительно должно получится:

как сделать логотип в фотошопе

4.    Создаем новый слой (Ctrl+Shift+N)  и вводим название сайта/блога. Я использовал цвет: "000000", размер шрифта: "60пт" и шрифт: "Bodoni MT":

как сделать логотип в фотошопе

5.    Теперь наш текст необходимо растрировать, для этого, на панели слоев выбираем слой на котором текст, и нажимаем правой кнопкой мыши, в появившемся меню выбираем пункт "Rasterize Layer". И вот слой готов к дальнейшей работе.

как сделать логотип в фотошопе

6.    Переходим в "Layer Style", для этого правой кнопкой мыши нажимаем на слое и в появившемся меню выбираем "Blending Options". Переходим на вкладку "Outer Glow", где выставляем следующие параметры: (цвет был использован: fa6b03)  

как сделать логотип в фотошопе

7.    Следующий шаг, вкладка "Inner Glow", вводим следующие параметры:

как сделать логотип в фотошопе

8.    Далее переходим на вкладку "Stroke", так же задаем параметры:

как сделать логотип в фотошопе

9.    И осталось самое интересное, переходим на вкладку "Gradient Overla"y и проводим настройки, как показано ниже: (были использованы цвета: "fa6b03" и "f6b135")

как сделать логотип в фотошопе

Теперь нажимаем на "ОК", и вот что должно было получится:

как сделать логотип в фотошопе

10.    Для того что бы наш логотип выглядел более привлекательно разместим его следующим образом: (для этого переходим: "Edit —> Transform —> Distort" и экспериментируем), вот что получилось у меня:

как сделать логотип в фотошопе

11.     Далее делаем отражение. Для выполнения этого задания нажимаем правой кнопкой мыши на слое и в меню выбираем "Duplicate Layer", после чего отражаем текст по вертикали: "Edit —> Transform —> Flip Vertical", вот что имеем:

как сделать логотип в фотошопе

12.    При помощи "Edit —> Transform —> Distort", выставляем отражение следующим образом:

как сделать логотип в фотошопе

13.    На панели слоев нажимаем на слое с текстом правой кнопкой мыши и выбираем пункт: "Group into New Smart Object", после чего создаем к данному слою маску, для этого в самом низу нажимаем "Add layer mask":  

как сделать логотип в фотошопе

14.    Далее на панели инструментов выбираем "Gradient Tool" (G) чёрно-белый и делаем заливку снизу-вверх немного под углом нашего изображения, вот что должно получится:  

как сделать логотип в фотошопе

15.    Переходим к созданию тени логотипа. Создаем копию слоя (Ctrl+Shift+N) и переносим ново-созданный слой под оригинал. Далее нажимаем правой клавишей мыши на этом слое и выберите в меню пункт: "Clear Layer Style"

как сделать логотип в фотошопе

16.    Теперь трансформируем (Edit —> Transform —> Distort) созданную фигуру следующим образом: (для того что бы лучше видеть созданный объект, отключаем на панели слоев основной логотип) 

как сделать логотип в фотошопе

17.    При помощи фильтра "Gaussian Blur", делаем нашу тень более размытой (Filter —> Blur —> Gaussian Blur):

как сделать логотип в фотошопе

18.    Для более реалистичной тени логотипа создаем маску для этого слоя и заливаем ее черно-белым градиентом сверху-вниз, вот что мы должны получить в итоге:

как сделать логотип в фотошопе

Все цвета для логотипа были взяты произвольно, по этому если Вы желаете что бы на вашем сайте логотип был такой же цветовой гаммы, как и сам сайт, тогда учтите этот фактор.

И вот несколько небольших усилий в фотошопе CS и мы получили ответ на вопрос: как сделать уникальный логотип в фотошопе за пару шагов. Но если у Вас при создании логотипа для сайта возникли трудности, можете оставить свой вопрос в комментариях, я постараюсь как можно скорее ответить.

Если Вам понравился материал на блоге не забываем подписываться на rss-ленту, удачных экспериментов! Для тех людей которые совсем не хотят осваивать фотошоп, подобрал несколько сервисов которые позволяют создать логотип онлайн.

        

 

Комментарии  

 
+1 #7 dezm 11.06.2011 20:40
Цитирую паха:
подскажите пожалуйстаааа!к ак сохранить логотип в фотошопе,т.е в каком формате и как сделать чтобы на сайте банеры постоянно проигрывались.а то уменя один раз проигрывается и остонавливается
Баннер сохранить необходимо в формате .gif, логотип можно как в .jpeg так и в .gif Но так же следует сохранять для web, сочетанием кнопок ctrl+shift+alt+ c
Цитировать
 
 
0 #6 паха 11.06.2011 19:23
подскажите пожалуйстаааа!к ак сохранить логотип в фотошопе,т.е в каком формате и как сделать чтобы на сайте банеры постоянно проигрывались.а то уменя один раз проигрывается и остонавливается
Цитировать
 
 
+1 #5 AvadonOZ89 02.09.2010 21:37
Автор огромное спасибо, не часто в сети попадаются уроки такова плана,- на создание лого. Очень информативно, буду ждать уроков в таком ключе! Спасибо.
Цитировать
 
 
+1 #4 Елена 02.09.2010 19:35
Фотошоп я люблю. Надо будет попробовать сделать логотип, вдруг решу создать сайт..
Спасибо за урок.
Цитировать
 
 
+1 #3 roman 02.09.2010 17:52
Оченю интересно и понятно.Спасибо Вам большое за эту статью очень занимательно!!! !!!
Цитировать
 
 
+1 #2 ark999 14.08.2010 11:27
да автору спасибо за статью)))но все равно я все таки не все понял))надо что бы объяснили мне...
Цитировать
 
 
+2 #1 Victor 14.08.2010 07:12
Спасибо автору за статью,я совсем плохой в пользовании фотошопа.А логотип штука нужная,это как аватар только круче!
Цитировать
 

Добавить комментарий


Защитный код
Обновить

Об этом блоге

Заработок онлайнКак заработать в интернете, для вас это актуальной вопрос? Тогда вы зашли правильно, в этом блоге я рассказываю о методах заработка онлайн, делюсь личным опытом работы, отвечаю  наинтересующие вопросы и конечно же экспериментирую и ставлю новые цели. Делайте то, что нравится и у вас не будет не одного рабочего дня. Что бы быть в курсе новостей не забываем подписываться на rss-ленту.
Пользуетесь архивом на блогах?
 

Конкурс на блоге

что такое АПдейт

заработок онлайн это - ???
 

Свежие

  • Сохраняйте баннер с расширением .gif В фотошопе нажмите сочетании клавиш ctrl+shift+alt+ s, откроетс... дальше
  • У меня тоже такая же ситуация как и у Андрея, в программе нажимаю на плей, баннер работает, запускаю... дальше
  • Спасибо за информацию, буду работать над сайтом, чтобы приняли в DMOZ дальше
  • правильно сделали. Так будет очень удобно для всех. дальше
  • а как сделать чтоб в банере картинки сменли друг друга плавно переходя одна в другую? на английском ... дальше
  • Во, блин! Толком сайт склепать не может, но учит. дальше
  • лучше вкладывать в проверенные средства, например в депозиты... 8) дальше

Статистика