Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Сентябрь » 19 » Рисуем лампочку
17:10
Рисуем лампочку

Рисуем лампочку

Рисуем лампочку \ draw a light bulb


    Рисуем лампочку


* Программа: Adobe Illustrator CS3
* Сложность: средняя
* Потраченное время: 3-5 часов


Шаг 1.

Первое что мы сделаем, это нарисуем форму лампочки. Вы можете использовать фотографию, можете сделать это самостоятельно. Используем инструмент Pen Tool.
    Рисуем лампочку

Шаг 2.

Размещаем прямоугольник на рабочем поле.
    Рисуем лампочку

Шаг 3.

Делим прямоугольник на 4 части используя Mesh Tool (показано на панели инструментов). Щелкаем не на треугольники а на вертикальной стороне с право и слева.
    Рисуем лампочку

Шаг 4.


Повторяем шаг 3 , два или более раз, чтобы разделить на все четыре части.
    Рисуем лампочку

Шаг 5.


Берем Direct Selection Tool (A), и используем чтобы выделить 6 верхних точек, и повернуть их на 90 градусов.
    Рисуем лампочку

Шаг 6.

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

Шаг 7.

Прячем прямоугольник изогнутый, и рисуем 4 направляющих, как показано ниже.
    Рисуем лампочку

Шаг 8.


Размещаем изогнутый прямоугольник между двумя направляющими как показано ниже. Убедитесь что вы тяните за точки, чтобы выравнять относительно направляющих, при активных направляющих magnetic.
    Рисуем лампочку

Шаг 9.

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

Размещайте точки, кликая по сетке с помощью инструмента Mesh Tool, кликаем вверху чтобы получить вертикальные линии. Также добавляем две диагонали в кривых, как вы видите ниже. Это придаст больше деталей мешевому градиенту.
    Рисуем лампочку

Шаг 10.

Теперь создаем одну из сторон лампы, которую мы потом просто можем скопировать. Размещаем прямоугольник и делим на 3 части как показано ниже. Помните что основная часть находиться на переднем плане, поэтому вы должны изменить размер (большой красный маркер).
    Рисуем лампочку

Шаг 11.


Снова делим прямоугольник с помощью Mesh Tool.
    Рисуем лампочку

Шаг 12.


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

Шаг 13.


Финальный результат покраски.
    Рисуем лампочку

Шаг 14.

Копируем нашу часть, и вставляем с другой стороны.
    Рисуем лампочку

Шаг 15.

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

Шаг 16.

Делим прямоугольник с помощью Mesh Tool. Убедитесь что при делении вы смотрите на углы основной формы.
    Рисуем лампочку

Шаг 17.


Изменяем прямоугольник используя Direct Select Tool (A) как показано ниже.
    Рисуем лампочку

Шаг 18.

Результат горизонтального деления, добавляем две вертикальных мешевых линии.
    Рисуем лампочку

Шаг 19.

Добавляем цвет мешевой сетки, как в шаге 12.
    Рисуем лампочку

Шаг 20.


Финальный результат покраски.
    Рисуем лампочку

Шаг 21.


В последних двух частях мы будем делать похожую процедуру. Рисуем прямоугольник, делим с помощью Mesh Tool. Добавляем дополнительную линии на первом делении в начале (стрелка).
    Рисуем лампочку

Шаг 22.

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

Шаг 23.

Двигаем левую часть чуть ниже.
    Рисуем лампочку

Шаг 24.

Понижаем нижний угол основной формы, добавляем дальше линии, и разделяем вертикально 7-ю линиями, чтобы создать хороший металлический эффект.
    Рисуем лампочку

Шаг 25.

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

Шаг 26.


Добавляем темно серый на темные части.
    Рисуем лампочку

Шаг 27.

Изображение ниже.
    Рисуем лампочкуШаг 28.

Создаем простой прямоугольник,делим вертикально используя Mesh Tool. Нижние точки опустим вниз и сформируем трапецию.

    Рисуем лампочку

Шаг 29.

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

Шаг 30.


Финальный результат:

    Рисуем лампочку


Автор:Christian Rollo and Roman Flat
Перевод:Irdin


***


[23.12.2024][DesiGn bLOg]
Стильно украсить дом на Новый год в стиле минимал, или ИИ спасает новый год (0)
[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beautiful Vintage (2015) (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 1940 | Добавил: supermen | Теги: энергосбережение урок конкурс, adobe illustrator уроки, изогнутый прямоугольник в photoshop, рисуем лампочку, ак двигать линейки в Adobe Illustra
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[06.12.2015][Lessons PHOTOSHOP]
Авторская обработка. Александр Чалдрян. Как это сделано (2014) (0)
[18.09.2011][Lessons Adobe Illustrator]
Очки. Как превратить очки в прикольную иконку (0)
[12.02.2015][Plugins Photoshop]
AlphaPlugins Engraver III - плагин для Adobe Photoshop (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта # 27019 (0)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[19.09.2011][Lessons Adobe Illustrator]
Абстрактный векторный дизайн (0)
[29.05.2010][Lessons PHOTOSHOP]
Шестеренка (2)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #0513 (0)
[22.09.2011][PSD-files, исходники]
Cold Roses (PSD) - Холодная роза (PSD) (0)
[18.09.2011][DesiGn bLOg]
Новый дизайн Diet Coke (0)

Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)
[09.11.2010][Styles Photoshop]
70 Photoshop Styles (0)
[29.05.2010][Lessons PHOTOSHOP]
каркас сферы (2)



Воскресенье
22.06.2025
11:33


Copyright artpost and semantic product zanchi 2010-2011 © 2025