Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Клевый логотип

Alex | 5.03.2014 | нет комментариев

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

Откройте Photoshop и создайте новый документ. Я использовал размер 500px x 500px.
Создайте новый слой и назовите его «cog». Теперь возьмите Rectangular Marquee Tool(M) – убедитесь, что будут рисоваться прямоугольники, а не круги или колонки. Нарисуйте несколько прямоугольников, все на слое «cog». Не заходите за края, иначе ваш логотип будет плохо смотреться, но и не ограничивайтесь слишком! Вы сможете вернуться к этому шагу позже, если вас не устроит результат. Вот, что получилось у меня:

Давайте сделаем фигуру более интересной! Убедитесь, что выбран слой «cog» и зайдите в Filter > Distort > Polar Coordinates….
Выберите Rectangular to Polar и нажмите OK. Вот, что должно получиться:

Замечания: если вы внимательны, то заметите несколько вещей.
Если вы нарисовали прямоугольник около центра изображения, то в результате получите меньший круг/арку в центре.
Если вы нарисовали прямоугольник в нижней части изображения, то в результате получите больший круг/арку во внешнем крае.
Если вы нарисовали прямоугольник по горизонтали, то в результате получите круг.
Если вы нарисовали горизонтальный прямоугольник и затем разрезали его, то в результате получите арку или круг с отсутствующими кусочками.
Имейте это ввиду, и если необходимо вернитесь на несколько действий назад и измените фигуру. Чтобы сделать логотип более современным или «более клевым», сделаем 3D эффект.
Перед тем, как изменим перспективу необходимо разместить фигуру более красиво, так чтобы можно было поместить текст во многих местах. Edit > Transform > Rotate, появиться сетка вокруг фигуры, щелкните по одному из углов и поворачивайте до тех пор, пока не получиться как на рисунке. Нажмите Enter, когда все будет готово.

Зайдите в Edit > Transform > Perspective, эта же сетка появиться снова. Возьмите один из верхних углов и тащите его в противоположную сторону. То есть возьмите верхний левый угол и тащите его вправо. Это придаст небольшую перспективу фигуре:

Нажмите Enter для завершения изменений или двойной щелчок по фигуре. Ширина фигуры теперь нормальная, есть небольшая перспектива, но фигура выглядит немного неправильно. Зайдите в Edit > Free Transform, появиться та же сетка, щелкните и тащите центральную верхнюю точку немного вниз. Тащите ее до тех пор, пока фигура не станет выглядеть более натурально, как будто она находиться на поверхности под небольшим углом. Нажмите Enter, когда закончите.

Теперь добавим немного цвета. (не волнуйтесь 3D эффект еще не закончен, необходим цвет, чтобы продолжить). Убедитесь, что выбран слой с фигурой, щелкните правой кнопкой мышки и выберите Blending Options. Установите следующие настройки:

Теперь, когда цвет придан, все приготовления закончены и можно сделать 3D фигуру. Если вам не нравится перспектива или угол, пожалуйста, сделайте изменения СЕЙЧАС, так как потом будет поздно. Вернитесь на несколько шагов назад и измените поворот, размер или перспективу.
Выберите слой с фигурой. Убедитесь, что взят инструмент Move Tool(V). Теперь зажав Ctrl + Alt, нажимайте стрелку вверх на клавиатуре. Как вы видите, фигуру дублируется и перемещается на 1 пиксель вверх – добавляя высоту фигуре. Продолжайте это делать, пока не получиться натуральная высота. Мне было достаточно 15 раз.

Она по-прежнему выглядит плоской. Выберите верхний слой, щелкните правой кнопкой мышки и выберите Blending Options. Установите следующие настройки:

Теперь выберите самый нижний слой и примените следующие настройки:

Гораздо лучше стало! Напишите текст и все готово.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB