+35

Photoshop tutorial by Volk

Мастерская

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

Шаг 1.
Создаем документ размером 1000х1000. Создаем новый слой и делаем овальное выделение(высота больше ширины). Заливаем выделенную область черным цветом(жмем D, alt+backspace).
http://img-life.ru/upload_image/e37c0ee0fce4de59743ceba5e175c5b7.png

Шаг 2.
Переносим выделенную область правее и немного ниже(тем же инструментом зажимаем левую кнопку мыши и перетаскиваем область). Жмем клавишу Delete на клавиатуре. Снимаем выделение.
http://img-life.ru/upload_image/ae1d7185864ef6b59215da2441e594f9.png

Шаг 3.
Дублируем слой(правой кнопкой мыши на слое, дублировать слой). Жмем ctrl+T, клацаем правой кнопкой мыши на полоске, отразить по горизонтали. Переносим второй слой так, чтобы они распологались симметрично друг другу.
http://img-life.ru/upload_image/26c6882af501ae97425177f0dbc55662.png

Шаг 4.
Жмем ctrl+e, чтобы объединить слои. Выделяем овальную область сверху щита и заливаем её черным цветом(жмем D, alt+backspace). Нажимаем ctrl+E, чтобы объединить слои.
http://img-life.ru/upload_image/b9228fc1df1ff021491e458b8b616a5f.png

Шаг 5.
Создаем новый слой, берем инструмент Волшебная палочка и клацаем левой кнопкой мыши на белой области внутри. Заливаем выделенную область черным цветом и убираем видимость предыдущего слоя( нажав на глазик напротив слоя).
http://img-life.ru/upload_image/2ad13107b512c55598abc866e5259de1.png

Шаг 6.
Контур щита готов, теперь осталось придать ему красивый вид :]
На время закрасим этот слой в красный цвет(правой кнопкой мыши на слое, параметры наложения, наложить цвет.)
Создадим дубликат этого слоя. Уберем у нового слоя Наложение цвета и уменьшим этот слой(нажимаем ctrl+T и зажав alt+shift уменьшаем)
Создадим дубликат уменьшенного слоя и закрасим его в красный цвет(так же как и 1 слой). Уменьшаем этот слой также как и до этого. Получаем что-то вроде этого:
http://img-life.ru/upload_image/d74b4a04e75be35a36301fbf6531b2f7.png

Шаг 7.
Теперь работает с параметрами наложения слоев.
Первый слой(самый нижний):
http://img-life.ru/upload_image/678c2c3b0d81d6451de56583030e48fe.png
http://img-life.ru/upload_image/eb8ba4d6924d4007511150d7824f2d79.png
Последующий слой:
http://img-life.ru/upload_image/d06f5e9ae345e695738ac8715bee4dc7.png
http://img-life.ru/upload_image/4192d46a240cab3e6b8296299342a2ad.png
Последний слой:
http://img-life.ru/upload_image/07ebdf2c0efbcb4538047628e39775cd.png
http://img-life.ru/upload_image/f5414a3a76f8901c761ea24a9dc69825.png
http://img-life.ru/upload_image/adab8e6167b30aef63d5a0e41a67cc85.png
Результат примерно такой:
http://img-life.ru/upload_image/50db334e97a24f934e49278b62d4b492.png

Шаг 8.
создаем новый слой и делаем прямоуголное выделение, заливаем её темно синим цветом и поворачиваем =)
http://img-life.ru/upload_image/5e493b1da3c94efd6af5eb7c6d82e853.png
Зажимаем ctrl и кликаем левой кнопкой мыши на картинку последнего слоя в панели слоев. Жмем ctrl+shift+I. Тыкаем клавишу Delete.
http://img-life.ru/upload_image/cf58edc57691046b298a470e60805f01.png

Шаг 9.
создадим новый слой(распологаем его ниже квадрата) и поместим на этом слое какую-либо фигуру или красивую кисть. Поиграем с параметрами наложения, я лично добавил небольшое внешнее свечение =)
http://img-life.ru/upload_image/e767f6e32cf0ba51a8e10fe7dd6d490c.png

Шаг 10.
Добавим текст, написанный красивым шрифтом, и опять поиграемся с его параметрами наложения(у меня обводка+внешнее свечение=)
http://img-life.ru/upload_image/9a4fec98e4bcf1fecd7e6d7283f56641.png

Вот мой вариант
Вот псд http://rghost.ru/4688171

Комментарии — 49

  • Volkk09.03.2011, 00:15#
    ап, извиняюсь за некоторые грамматические ошибки. Ушел спать :)
  • Visent9509.03.2011, 00:16#
    oxyenno!
  • Deja_vu09.03.2011, 07:39#
    Спасибо)
  • gadjit09.03.2011, 08:02#
    Ах молодец, сегодня приду буду учиться.
  • Jke09.03.2011, 08:27#
    молорик добавил в закладки, буду учиться ХД
    • Jke09.03.2011, 08:28#
      ЗЫ продолжай создавать такие поучительные топики )
      • Volkk09.03.2011, 08:29#
        наконец хоть кто-то ответил)
        • Jke09.03.2011, 08:31#
          ну мой ответ можно было предугадать ХД а то в аське не варик флудить, тут всё чётко расписано ХД
  • original_version09.03.2011, 09:31#
    во-первых, работа не очень. во-вторых, методы и приемы, используемые в уроке, бональные. в-третьих, в интернете ресурсов, с более достоиными уроками, очень много. Совет: завязывай.
    • Jke09.03.2011, 09:45#
      О СЕНСЕЙ, СДЕЛАЙ МНЕ АВКУ!!!
    • Volkk09.03.2011, 09:48#
      Мой первый урок, так что возможны некоторые ошибки и недоработки)
      это те методы, которыми пользуюсь лично я, они пригодятся тем кто не умеет делать щиты. Зачем другие методы, если и так можно сделать неплохой щит за малое время. Когда мне нужно было щиты, я не смог найти уроки как их создавать, а пользоваться шаблонами… ну ты понял.
      • original_version09.03.2011, 10:11#
        то, что ты по собственной инициативе делаешь чтото полезное для юзверов, тебе идет только в плюс конечно же. Но надеюсь, следующие уроки, будут более изащренными и оригинальными. Удачи в начинаниях =)
        • Volkk09.03.2011, 10:14#
          спасибо за критику)
        • ViseJkeee09.03.2011, 21:31#
          некоторым надо просто выебнуться, не обращай внимания, этот урок для начинающих очень полезен ) я в инете сколько не искал, нихрена не нашел кроме одного круга и всё
  • pinc09.03.2011, 10:06#
    Делай уроки, щас пойду учится :)
  • ImLeito09.03.2011, 10:08#
    прикольно, спс за туториал, хотел бы увидеть еще ))
  • ViseJkeee09.03.2011, 10:17#
    создавай! спасибо огромное )
  • zoomer09.03.2011, 10:24#
    Ну есть контингент которые не умеют даже размер картинки изменять (не то, что щит создавать)), описал вроде подробно, наверно нубам пойдет на пользу, хоть сами себе будут эти «аватарки» делать.
    • Volkk09.03.2011, 10:31#
      на это я и рассчитываю)
  • Vergil_Inside09.03.2011, 13:53#
    дай ссылку на фотошоп ещё, которым ты пользуешься.
  • Propeller09.03.2011, 13:58#
    говно, этот топ удаляй и другие невздумай делать
  • D0keL09.03.2011, 14:02#
    Нормальненько так-то, продолжай. Если есть возможность, пробуй делать видеотуторы, тебе самому удобней, чем этой писаниной заниматься и с ссылками возиться. зы CamStudio программка для записи с экрана…
  • graid09.03.2011, 14:43#
    делаю всё это сам и своим способом =) но всё равно спасибо за подсказку… + дал
  • AHaKoHDa09.03.2011, 15:30#
    Красавчик я думаю тебе нужно продолжать делать уроки! =)
  • Volkk09.03.2011, 18:46#
    апну)
  • -ARTEM09.03.2011, 21:32#
    Фотошопом не пользуюсь)
  • Volkk10.03.2011, 21:33#
    вечерний ап
  • FeJIukc10.03.2011, 21:36#
    как насчет пейнта?
    • Volkk11.03.2011, 11:24#
      что?
      • -ARTEM11.03.2011, 11:32#
        как насчет пейнта?
        • Volkk11.03.2011, 11:34#
          мой скилл пейнта слишком высок, чтобы его раскрывать :]
  • bananni11.03.2011, 12:00#
    в пизду… ты настолько все усложнил =( печаль… намного проще все делается =\ без обид. + поставил.
    • Volkk11.03.2011, 17:02#
      не знаю, у меня на все это уходит минут 7-8) хотелось бы увидеть твой метод)
      • bananni11.03.2011, 20:49#
        скринить лень. кривыми нарисовать гораздо проще.
        • bananni11.03.2011, 20:49#
          фотошоп если седня открою, попробую че нить замутить.
        • Volkk11.03.2011, 21:42#
          не знаю, я по сути не люблю пользоваться кривыми, пером и т.д.)
  • TeKKero12.03.2011, 19:09#
    когда я отражаю слой (шаг 3) у меня нет 2ой половины
    • Volkk12.03.2011, 19:45#
      сначало дублируй слой, потом отражай

Обсуждение завершено.